var activeSub;
activeSub = "";

var top_image = new Image();
top_image.src = "Framework/Images/trees.jpg";


var home_image = new Image();
home_image.src = "/Framework/Images/trees.jpg";

var gigs_image = new Image();
gigs_image.src = "/Framework/Images/trees.jpg";

var band_image = new Image();
band_image.src = "/Framework/Images/band.jpg";

	var band_historie_image = new Image();
	band_historie_image.src = "/Framework/Images/trees.jpg";
	
	var band_bas_image = new Image();
	band_bas_image.src = "/Framework/Images/bas.jpg";
	
	var band_erik_image = new Image();
	band_erik_image.src = "/Framework/Images/trees.jpg";
	
	var band_jeroen_image = new Image();
	band_jeroen_image.src = "/Framework/Images/trees.jpg";
	
	var band_julia_image = new Image();
	band_julia_image.src = "/Framework/Images/julia.jpg";
	
	var band_maarten_image = new Image();
	band_maarten_image.src = "/Framework/Images/maarten.jpg";
	
	var band_nico_image = new Image();
	band_nico_image.src = "/Framework/Images/nico.jpg";

var discografie_image = new Image();
discografie_image.src = "/Framework/Images/discography.jpg";

var media_image = new Image();
media_image.src = "/Framework/Images/trees.jpg";

var links_image = new Image();
links_image.src = "/Framework/Images/trees.jpg";

var contact_image = new Image();
contact_image.src = "/Framework/Images/trees.jpg";

var gastenboek_image = new Image();
gastenboek_image.src = "/Framework/Images/trees.jpg";

var forum_image = new Image();
forum_image.src = "/Framework/Images/trees.jpg";






function doSomething(e,linkId) {
	if (!e) var e = window.event;
	//alert(e.type);
	switch(linkId){
		case"home":
			switch(e.type){
				case"mouseover":
					swapImage(linkId+"_image");
					break;
				case"mouseout":
					swapImage("top_image");
					break;
				case"click":
					UpdateContent('index.php','TODO=showFrontPage');
					break;
			}
			break;
		case"gigs":
			switch(e.type){
				case"mouseover":
					swapImage(linkId+"_image");
					break;
				case"mouseout":
					swapImage("top_image");
					break;
				case"click":
					UpdateContent('index.php','TODO=showGigList');
					break;
			}
			break;
		case"band":
			switch(e.type){
				case"mouseover":
					swapImage(linkId+"_image");
					openSub(linkId+"_sub");
					break;
				case"mouseout":
					swapImage("top_image");
					break;
				case"click":
					return false;
					break;
			}
			break;
			
			case"band_historie":
				switch(e.type){
					case"mouseover":
						swapImage(linkId+"_image");
						break;
					case"mouseout":
						swapImage("top_image");
						break;
					case"click":
						UpdateContent('index.php','TODO=showHistory');
						break;
				}
				break;
			case"band_bas":
				switch(e.type){
					case"mouseover":
						swapImage(linkId+"_image");
						break;
					case"mouseout":
						swapImage("top_image");
						break;
					case"click":
						UpdateContent('index.php','TODO=showBandmember&ID=1');
						break;
				}
				break;
			case"band_erik":
				switch(e.type){
					case"mouseover":
						swapImage(linkId+"_image");
						break;
					case"mouseout":
						swapImage("top_image");
						break;
					case"click":
						UpdateContent('index.php','TODO=showBandmember&ID=6');
						break;
				}
				break;
			case"band_jeroen":
				switch(e.type){
					case"mouseover":
						swapImage(linkId+"_image");
						break;
					case"mouseout":
						swapImage("top_image");
						break;
					case"click":
						UpdateContent('index.php','TODO=showBandmember&ID=3');
						break;
				}
				break;
			case"band_julia":
				switch(e.type){
					case"mouseover":
						swapImage(linkId+"_image");
						break;
					case"mouseout":
						swapImage("top_image");
						break;
					case"click":
						UpdateContent('index.php','TODO=showBandmember&ID=2');
						break;
				}
				break;
			case"band_maarten":
				switch(e.type){
					case"mouseover":
						swapImage(linkId+"_image");
						break;
					case"mouseout":
						swapImage("top_image");
						break;
					case"click":
						UpdateContent('index.php','TODO=showBandmember&ID=4');
						break;
				}
				break;
			case"band_nico":
				switch(e.type){
					case"mouseover":
						swapImage(linkId+"_image");
						break;
					case"mouseout":
						swapImage("top_image");
						break;
					case"click":
						UpdateContent('index.php','TODO=showBandmember&ID=5');
						break;
				}
				break;
			
		case"discografie":
			switch(e.type){
				case"mouseover":
					swapImage(linkId+"_image");
					break;
				case"mouseout":
					swapImage("top_image");
					break;
				case"click":
					UpdateContent('index.php','TODO=showDiscography');
					break;
			}
			break;
		case"media":
			switch(e.type){
				case"mouseover":
					swapImage(linkId+"_image");
					break;
				case"mouseout":
					swapImage("top_image");
					break;
				case"click":
					UpdateContent('index.php','TODO=showMedia');
					break;
			}
			break;
		case"links":
			switch(e.type){
				case"mouseover":
					swapImage(linkId+"_image");
					break;
				case"mouseout":
					swapImage("top_image");
					break;
				case"click":
					UpdateContent('index.php','TODO=showLinks');
					break;
			}
			break;
		case"contact":
			switch(e.type){
				case"mouseover":
					swapImage(linkId+"_image");
					break;
				case"mouseout":
					swapImage("top_image");
					break;
				case"click":
					UpdateContent('index.php','TODO=showContact');
					break;
			}
			break;
		case"gastenboek":
			switch(e.type){
				case"mouseover":
					swapImage(linkId+"_image");
					break;
				case"mouseout":
					swapImage("top_image");
					break;
				case"click":
					UpdateContent('index.php','TODO=showGuestbook');
					break;
			}
			break;
		case"forum":
			switch(e.type){
				case"mouseover":
					swapImage(linkId+"_image");
					break;
				case"mouseout":
					swapImage("top_image");
					break;
				case"click":
					window.open('http://forum.antubis.nl','forumWindow','');
					break;
			}
			break;
	}	

}









function hoverSub(subId){
	swapImage(subId+"_image");
}

function swapImage(imageId){
	blendimage("topImageDiv","top_image",top_image.src,0);
	blendimage("topImageDiv","top_image",eval(imageId+".src"),500);
}

function openSub(subId){
	if(activeSub != ""){
		hideIt(activeSub);
	}
	document.getElementById(subId).style.display = "block";
	activeSub = subId;
}

function hideIt(subId){
	document.getElementById(subId).style.display = "none";
	activeSub = "";
}

function hideSub(subId){
	setTimeout("hideIt('"+subId+"')",500)
}

function hoverMain(){

}

function unhoverMain(){
	blendimage("topImageDiv","top_image",top_image.src,0);
}

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++; 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}


var imageArray = new Array();
imageArray[0] = "/Files/Images/loopimages/julia001.jpg";
imageArray[1] = "/Files/Images/loopimages/jeroen001.jpg";
imageArray[2] = "/Files/Images/loopimages/maarten001.jpg";
imageArray[3] = "/Files/Images/loopimages/nico001.jpg";
imageArray[4] = "/Files/Images/loopimages/bas001.jpg";

var currentArrayIndex = 0;

function setNewLoopImage(){
	blendimage("loopDiv","loopImage",imageArray[currentArrayIndex],500);
	if(currentArrayIndex == (imageArray.length - 1)){
		currentArrayIndex = 0;
	}else{
		currentArrayIndex++;
	}
}
