// UI elements for services page

var curentlySelected = 0;
function  setupScreen(){
	var myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myHeight = document.body.clientHeight;
	}
	// this is the height of the whole document
	var documentHeight = document.body.offsetHeight;
	
	var flashcontentDiv = document.getElementById("flashcontent");
	flashcontentDiv.style.height = (myHeight) + "px";
	var z=document.getElementById("column2");
	var b=document.getElementById("columm3");
	z.style.height = (myHeight) + "px";
	flashcontentDiv.style.height = (myHeight) + "px";
	for (i=1; i<=4; i++){
		var x=document.getElementById("service" + i);
		x.style.height = (myHeight) + "px";
	}
	var col2 = document.getElementById("column2");
	var col3 = document.getElementById("column3")
}


function swapContent(newContent){
	if (curentlySelected != newContent){
		curentlySelected = newContent;
		var z=document.getElementById("column3");
		if (z.style.display == 'block'){
			$("#column3").animate({ left: "-300px"}, 600 , 
				function(){
				   openNew(newContent);
			});
		}else{
			// this should only happen first time
			
			z.style.display = 'block';
			openNew(newContent);
		}
	}
}
function openNew(newContent){
	for (i=1; i<=4; i++){
		var x=document.getElementById("service" + i);
		x.style.display = 'none';
	}
	var y=document.getElementById("service" + newContent);
	y.style.display = 'block';
	setupScreen();
	$("#column3").animate({ left: "0px"}, 600, function(){
		y.style.display = 'table';		
		var col2 = document.getElementById("column2");
		var col3 = document.getElementById("column3"); 
		if (col3.style.height >= col2.style.height){
			col2.style.height =  col3.style.height;
			
		}
		setupScreen();
	});
	
	
	// if the new content is taller than column 2, resize it
	
}

function rollOverBlogItem(mousedOver){
	for (i=0; i<=10; i++){
		var blogItemSelected = document.getElementById("blog" + i);
		if (blogItemSelected){
			blogItemSelected.style.backgroundColor = "#dbd1ce";
		}
	}
	var blogItemSelected = document.getElementById("blog" + mousedOver);
	blogItemSelected.style.backgroundColor = "#dbd1ce";
	

}
function rollOverCaseStudyItem(mousedOver){
	for (i=0; i<=10; i++){
		var blogItemSelected = document.getElementById("blog" + i);
		if (blogItemSelected){
			blogItemSelected.style.backgroundColor = "#dbd1ce";
		}
	}
	var blogItemSelected = document.getElementById("blog" + mousedOver);
	blogItemSelected.style.backgroundColor = "#dbd1ce";
}

function viewService(activeService){
	// alert("service " + activeService);	
}