bannerImgs = new Array();
bannerLinks = new Array();
bannerImgs[0]  = 'banner_start.png';
bannerLinks[0]  = '/';
bannerImgs[1]  = 'banner_student.png';
bannerLinks[1]  = '/student';
bannerImgs[2]  = 'banner_company.png';
bannerLinks[2]  = '/company';
bannerImgs[3]  = 'banner_about.png';
bannerLinks[3]  = '/about';
bannerImgs[4]  = 'banner_contact.png';
bannerLinks[4]  = '/contact';

banners = 5;
current_banner = 0; 

change = true;
stop = false;

var drawBanner = function(){
    var ctx = document.getElementById('main_banner').getContext('2d');
   // ctx.clearRect(0,0,950,100);
                
    var img = new Image();
    img.onload = function(){
        ctx.drawImage(img,0,0,950,300);        
        if( !stop ){
            start_x = 900 - ( banners * 18 );
            start_y = 285;
            for(i = 0; i < banners; i++){
                if(i == current_banner)
                    ctx.fillStyle = "rgb(138,198,86)"; // "red"
                else
                    ctx.fillStyle = "rgb(242,242,242)";

                x = start_x + (i * 18); 
                radius = 4;
                ctx.beginPath();
                ctx.arc(x,start_y, radius,0,2*Math.PI,true);    
                ctx.fill();
            }
        }
        if(change){
            current_banner += 1;
            if(current_banner >= banners) current_banner = 0;
        }
    };
    img.src = '/img/' + bannerImgs[current_banner]; 

}


function create_banner(){
    drawBanner();
    setInterval(drawBanner,6000);
}

function processClick(obj){
    x = window.event.x-obj.offsetLeft;
    y = window.event.y-obj.offsetTop;
    found = false;
    start_x = 900 - ( banners * 18 );
    if(y > 275 && y < 295){
        for(i = 0; i < banners; i++){
            if( x >= (start_x + (i - 0.5)*18) && x < (start_x + (i+0.5)*18 )){
                change = false;
                current_banner = i;
                found = true;
                drawBanner();
            }
        }
    }
    if(!found){
        if(change){
            current_banner -= 1;
            if(current_banner < 0) current_banner = banners - 1;
        }
        window.location.href = bannerLinks[current_banner];
    }
}