//global variables
var togglearr = new Array();
var togglenamearr = new Array();
var togglenamearr2 = new Array();


//Pre-load
image1 = new Image();
image1.src = "../images/home/about.jpg";

image2 = new Image();
image2.src = "../images/home/contact.jpg";

image3 = new Image();
image3.src = "../images/home/cinematography.jpg";

image4 = new Image();
image4.src = "../images/home/scoring.jpg";

image5 = new Image();
image5.src = "../images/home/editing.jpg";

image6 = new Image();
image6.src = "../images/home/about_on.jpg";

image7 = new Image();
image7.src = "../images/home/contact_on.jpg";

image8 = new Image();
image8.src = "../images/home/cinematography_on.jpg";

image9 = new Image();
image9.src = "../images/home/editing_on.jpg";


//=======================
//change background
//=======================
function changeback(elemid,elemclass){
	document.getElementById(elemid).className = elemclass
}//end changeback function


//==================
//showelem
//==================
function showelem(idx, elemid){
	
	//remove stickiness
	for(var i=0;i<togglearr.length;i++){
		if(togglearr[i] == "stick" && i != idx){
			togglearr[i] = "nostick";
			document.getElementById(togglenamearr[i] + "-stick").id = togglenamearr[i];
			document.getElementById(togglenamearr[i]).style.display = "none";
		}
	}
	
	if(togglearr[idx] == "off"){
		togglearr[idx] = "on";
		document.getElementById(elemid).style.display = "block";
	}
	else if(togglearr[idx] == "stick"){
		//do nothing
	}
	else{
		togglearr[idx] = "on";
		document.getElementById(elemid).style.display = "block";
	}
	
}//end showelem function

function hideelem(idx, elemid){
	
	//replace stickiness
	for(var i=0;i<togglearr.length;i++){
		if(togglearr[i] == "nostick" && i != idx){
			togglearr[i] = "stick";
			document.getElementById(togglenamearr[i]).id = togglenamearr[i] + "-stick";
			document.getElementById(togglenamearr[i] + "-stick").style.display = "block";
		}
	}
	
	if(togglearr[idx] == "on"){
		togglearr[idx] = "off";
		document.getElementById(elemid).style.display = "none";
	}
	else if(togglearr[idx] == "stick"){
		//do nothing
	}
	else{
		togglearr[idx] = "off";
		document.getElementById(elemid).style.display = "none";
	}
	
}//end hideelem function

function stickelem(idx, elemid, elem2id){
	
	//remove stickiness
	for(var i=0;i<togglearr.length;i++){
		if(togglearr[i] == "stick" && i != idx){
			togglearr[i] = "off";
			document.getElementById(togglenamearr[i] + "-stick").id = togglenamearr[i];
			document.getElementById(togglenamearr[i]).style.display = "none";
			document.getElementById("on-" + togglenamearr2[i]).id = togglenamearr2[i];
		}
		else if(togglearr[i] == "nostick" && i != idx){
			togglearr[i] = "off";
			document.getElementById(togglenamearr[i]).style.display = "none";
			document.getElementById("on-" + togglenamearr2[i]).id = togglenamearr2[i];
		}
	}
	
	if(document.getElementById(elemid)){
		document.getElementById(elemid).id = elemid + "-stick";	
		togglearr[idx] = "stick";
		togglenamearr[idx] = elemid;
	}

	if(document.getElementById(elem2id)){
		document.getElementById(elem2id).id = "on-" + elem2id;
		togglenamearr2[idx] = elem2id;
	}
	
	
	
}//end stickelem function

//=======================
//popup window function
//=======================
function popUp(URL) {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=450,height=375,left = 440,top = 227');");
}