var current_banner = 1;
var total_banners = 0;
var wait = 0;
var timerId1 = new Array;
var timerId2 = new Array;

function banner_init(){
    //stop banner change if mouse over one banner
    elements = document.getElementById('banners').getElementsByTagName('div');
    total_banners = elements.length;
    for (var i = 0; i < elements.length; i++) {
        elements[i].onmouseover = function () {
            clearTimeout(wait);
        }
        elements[i].onmouseout = function () {
            clearTimeout(wait);
            wait = setTimeout('nextBanner()',bannertime);
        }
    }
    //set navigation
    elements = document.getElementById('navcontright').getElementsByTagName('ul')[0].getElementsByTagName('li');
    total_banners = elements.length;
    for (var i = 0; i < elements.length; i++) { 
        elements[i].title = i + 1;
        elements[i].onmouseover = function () {
            clearTimeout(wait);
        }
        elements[i].onmouseout = function () {
            clearTimeout(wait);
            wait = setTimeout('nextBanner()',bannertime);
        }
        elements[i].onclick = function () {
            banner(this.title);
            clearTimeout(wait);
        }
    }
    wait = setTimeout('nextBanner()',bannertime);
} 

function banner(nr) {

    clearTimeout(wait);
    for(i=0;i<=timerId1.length-1; i++){
    	clearTimeout(timerId1[i]);
    	clearTimeout(timerId2[i]);
    }
    var banners = ['banner1', 'banner2', 'banner3'];
    var bannerbtns = ['bannerbtn1', 'bannerbtn2', 'bannerbtn3'];
    //var bkgs = ['bkgIntro1.jpg', 'bkgIntro2.jpg', 'bkgIntro3.jpg'];
    var images = ['imgIntro1', 'imgIntro2', 'imgIntro3'];
    //hide all divs
    for (var i = 0; i < banners.length; i++) {
		//alert('hi');
		if (nr == (i + 1)) {
			//show selected banner 
			document.getElementById(banners[i]).style.display = 'block';
			document.getElementById(bannerbtns[i]).style.background = '#cebf2c';
			origSrc = document.getElementById('bannerimage').src;
			extension = origSrc.substring(origSrc.lastIndexOf('.'), origSrc.length);
			thisSrc = origSrc.substring(origSrc, origSrc.lastIndexOf('.')-1);
			thisSrc = thisSrc + (i+1) + extension;
			
			thisBkg = origSrc.substring(origSrc, origSrc.lastIndexOf('/'));
			//thisBkg = thisBkg + "/" + bkgs[i];
			thisBkg = thisBkg + "/bkgIntro" + (i+1) + extension;
			//alert(thisBkg);
			//alert(thisSrc);
			//document.getElementById('bannerimage').src = thisSrc;
			j = 0;
			if (i != 0) {
				j = i - 1;
			}
			//make image transparent
			//blendbkgimage(banners[i], banners[i], thisBkg, 1500);
			//blendimage('bkgbannerimage', 'bannerimage', thisSrc, 1500);
			blendboth(banners[i], banners[i], thisBkg,'bkgbannerimage', 'bannerimage', thisSrc, 2000, nr);
		} else {
			//hide everything else
			document.getElementById(banners[i]).style.display = 'none';
			document.getElementById(bannerbtns[i]).style.background = 'none';
		}
    }
    wait = setTimeout('nextBanner()',bannertime);
}

function nextBanner() {
    if(current_banner < total_banners) {
            current_banner ++; 
    } else {
		current_banner = 1;
    }
    banner(current_banner);
}


// Opacity
function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id, count, nr) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
   
    if (count == 100){
    	//alert("done")
    	document.getElementById("banners").style.backgroundImage = "url(images/bkgIntro" + nr + ".jpg)";
    }
}


//function: blend the images
function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    
    //make image transparent
    changeOpac(0, imageid);
    
    //make new image
    document.getElementById(imageid).src = imagefile;

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
} 

//function: blend the images
function blendbkgimage(olddivid, newdivid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById(newdivid).style.backgroundImage = "url(" + imagefile + ")";
    
    //make image transparent
    changeOpac(0, olddivid);
        
    //make new image
    //document.getElementById(imageid).src = imagefile;

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + newdivid + "')",(timer * speed));
        timer++;
    }
} 


//function: blend the images
function blendboth(olddivid, newdivid, imagefile, divid, imageid, imagefile2, millisec ,nr) {
		
		//if (nr==3){
		//	nr = 1;
		//}
		
    
	
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    //document.getElementById("banners").style.backgroundImage = "url(images/bkgIntro" + nr + ".jpg)";
    document.getElementById(newdivid).style.backgroundImage = "url(" + imagefile + ")";
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
   
    
    //make image transparent
    changeOpac(0, olddivid, 0, 0);
    changeOpac(0, imageid, 0, 0);
        
    //make new image
    document.getElementById(imageid).src = imagefile2;

    //fade in image
    for(i = 0; i <= 100; i++) {
    		
        timerId1[i] = setTimeout("changeOpac(" + i + ",'" + newdivid + "', " + i + ", " + nr + ")",(timer * speed));
        timerId2[i] = setTimeout("changeOpac(" + i + ",'" + imageid + "', " + i + ", " + nr + ")",(timer * speed));
        timer++;
    }
    
    
}