var preloadArray = new Array("http://www.youtube.com/v/x4yhE5KEPq0&hl=en&fs=1");

function randOrd(){
return (Math.round(Math.random())-0.5); }

var color1 = "rgb(221,221,221)";
var color2 = "rgb(79,59,29)";
var color3 = "rgb(251,19,49)";
var color4 = "rgb(73,227,170)";
var color5 = "rgb(224,199,31)";
var colorArray = new Array(color1, color2, color3, color4, color5);
var BGspeed = 5000;
var openSpeed = 1000;
var switchSpeed = 1000;
var largerWidth = 500;
var largerHeight = 327;
largerWidth = largerWidth + "px";
largerHeight = largerHeight + "px";
colorArray.sort(randOrd);
var i = 1;

function bgChange (colorArray) {
	$(function() {
		if (!colorArray[i])
			newColor = color1;
		else
			newColor = colorArray[i];
		$("body").animate({ backgroundColor: newColor }, BGspeed);
	}); // end JQuery function
	
	i++;
	if (i > 4)
		i = 0;
} // end function bgChange ()

function writeSWF (ID) {
	//alert("writingSwf");
	var movieID = ID + 'movie';
//			var textID = ID + 'text';
	document.getElementById(movieID).style.display = 'inline';
	document.getElementById(ID).style.display = 'none';
	var textID = ID + 'text';
	$("#"+textID).fadeIn(switchSpeed);
//			document.getElementById(textID).style.display = 'inline';
} // end function writeSWF (ID)

function writeIMG (ID) {
	//alert("writingIMG");

	var movieID = ID + 'movie';
	//alert("movieID : " + movieID + "\nimgID : " + ID);
	document.getElementById(movieID).style.display = 'none';
	document.getElementById(ID).style.display = 'inline';
	var textID = ID + 'text';
	document.getElementById(textID).style.display = 'none';
	}

$(function() {

	setInterval("bgChange(colorArray)", BGspeed);
	var isFirstTime = true;
	
	//$(".projectimg img").click(
	$(".projectimg").click(	function() {
		//alert("image clicked");
		ID = this.id;
		//ID = this.parentNode.id;
	  	imgClicked = "#" + ID + " img";
		//alert("imgclicked : " + imgClicked);
	  	//alert("tabCurrent: " + tabCurrent + "\ntabID : " + tabID);
		if ($(imgClicked).height() < 200) { //first time tab open
			$(imgClicked).animate({"height":largerHeight, "width":largerWidth}, openSpeed, function(){writeSWF(ID);});
			for (i = 1; i <= 4; i++) {
				imgName = "#site" + i + " img";//+ "embed";
					
				//alert("imgName : " + imgName + "\nimgClicked : " + imgClicked);
				if (imgName != imgClicked) {
					$(imgName).animate({"height":"75px", "width":"100px"}, openSpeed);
				}
			} // end for loop

		} // end 1st if
		if ($(imgClicked).height() > 131){ // if clicked image is already open then shrink it back
			//$(".movietext").fadeOut(openSpeed);
	  		$(".projectimg img").animate({"height":"131px", "width":"200px"}, openSpeed);
	  		var textID = ID + 'text';
			
	  	} // end 2nd if
		else { // else fade in and out accordingly
			var movieID = $(".projectMovie:visible:first").attr("id");
			//console.log(movieID);
			writeIMG(movieID.substr(0,5));
			$(imgClicked).animate({"height":largerHeight, "width":largerWidth}, openSpeed);
			for (i = 1; i <= 4; i++) {
				imgName = "#site" + i + " img";//+ "embed"
				//alert("imgName : " + imgName + "\nimgClicked : " + imgClicked);
				if (imgName != imgClicked) {
					$(imgName).animate({"height":"75px", "width":"100px"}, openSpeed);
				}
			} // end for loop
	  	} // end else
	}); // end .projectimg
			
	$(".projectMovie embed").click(	function() {
		ID = this.id;
		imgID = "#" + ID.substr(0,5) + " img";
	  	movieClicked = "#" + ID;
		//alert("movieClicked : " + movieClicked + "\nimgID : " + imgID);
		var textID = ID.substr(0,5) + 'text';
		$("#"+textID).fadeOut(switchSpeed);
	
		writeIMG(ID.substr(0,5));
		$(".projectimg img").animate({"height":"131px", "width":"200px"}, openSpeed);
	
	}); // end .projectMovie embed
			
}); // end JQuery function