// JavaScript Document
var currentTab = 1;
function services_unhighlight (buttonNum) {
	if(buttonNum != currentTab) {
		var eName = "service_tab"+(buttonNum);
		var buttonObject = document.getElementById(eName);
//	new Effect.Morph(eName, {
//	  style: 'width:229px; border-color:#1d1d1d', // CSS Properties
//	  duration: 0.05 // Core Effect properties
//	});
		buttonObject.style.width ="229px";
		buttonObject.style.borderColor ="#1d1d1d";

		if(buttonObject.childNodes[0].className == "corner1") {
			  buttonObject.childNodes[0].style.backgroundImage="url(Images/services_corner2.gif)"
		} else if(buttonObject.childNodes[1].className == "corner1") {
			  buttonObject.childNodes[1].style.backgroundImage="url(Images/services_corner2.gif)"
		}else if(buttonObject.childNodes[0].className == "corner3") {
			  buttonObject.childNodes[0].style.backgroundImage="url(Images/services_cornerTR-2.gif)"
		} else if(buttonObject.childNodes[1].className == "corner3") {
			  buttonObject.childNodes[1].style.backgroundImage="url(Images/services_cornerTR-2.gif)"
		}

		if(buttonObject.childNodes[1].className == "corner2") {
			  buttonObject.childNodes[1].style.backgroundImage="url(Images/services_corner4.gif)"
		} else if(buttonObject.childNodes[1].className == "corner4") {
			  buttonObject.childNodes[1].style.backgroundImage="url(Images/services_cornerBR-2.gif)"
		} else if(buttonObject.childNodes[3].className == "corner2") {
			  buttonObject.childNodes[3].style.backgroundImage="url(Images/services_corner4.gif)"
		} else if(buttonObject.childNodes[3].className == "corner4") {
			  buttonObject.childNodes[3].style.backgroundImage="url(Images/services_cornerBR-2.gif)"
		}



		for(i = 0; i < buttonObject.childNodes.length; i++) {
			if(buttonObject.childNodes[i].className == "tabText") {
				buttonObject.childNodes[i].style.color = "#baa564";
				if(buttonNum == 5) {
					buttonObject.childNodes[i].style.color = "#e69c0e";
				}
			}
		}

		var cName = "services_content"+(buttonNum);
		var contentObject = document.getElementById(cName);
		contentObject.style.display = "none";
		
	}
}

function services_highlight (buttonNum) {
	if(buttonNum != currentTab) {
		for(var i = 1; i <= 7; i++) {
			if(buttonNum != i) {
				services_unhighlight(i);			
			}
		}
		var eName = "service_tab"+(buttonNum);
		var buttonObject = document.getElementById(eName);
//	new Effect.Morph(eName, {
//	  style: 'width:230px; border-color:#5a5a5a', // CSS Properties
//	  duration: 0.05 // Core Effect properties
//	});
		buttonObject.style.width ="229px";
		buttonObject.style.borderColor ="#3d3d3d";
		if(buttonObject.childNodes[0].className == "corner1") {
			  buttonObject.childNodes[0].style.backgroundImage="url(Images/services_corner5.gif)"
		} else if(buttonObject.childNodes[1].className == "corner1") {
			  buttonObject.childNodes[1].style.backgroundImage="url(Images/services_corner5.gif)"
		} else if(buttonObject.childNodes[0].className == "corner3") {
			  buttonObject.childNodes[0].style.backgroundImage="url(Images/services_cornerTR-3.gif)"
		} else if(buttonObject.childNodes[1].className == "corner3") {
			  buttonObject.childNodes[1].style.backgroundImage="url(Images/services_cornerTR-3.gif)"
		}

		if(buttonObject.childNodes[1].className == "corner2") {
			  buttonObject.childNodes[1].style.backgroundImage="url(Images/services_corner6.gif)"
		}else if(buttonObject.childNodes[1].className == "corner4") {
			  buttonObject.childNodes[1].style.backgroundImage="url(Images/services_cornerBR-3.gif)"
		} else if(buttonObject.childNodes[3].className == "corner2") {
			  buttonObject.childNodes[3].style.backgroundImage="url(Images/services_corner6.gif)"
		} else if(buttonObject.childNodes[3].className == "corner4") {
			  buttonObject.childNodes[3].style.backgroundImage="url(Images/services_cornerBR-3.gif)"
		}
	}
}
function displayTab (buttonNum) {
	currentTab = buttonNum;
	for(var i = 1; i <= 7; i++) {
//		alert("unhighlight" + i);
		if(i != buttonNum) {
			services_unhighlight(i);
		}
		hideBlock(i);
	}
//	services_highlight(buttonNum);
	
	var eName = "service_tab"+(buttonNum);
	var buttonObject = document.getElementById(eName);

	buttonObject.style.borderColor ="#5a5a5a";
	buttonObject.style.width ="230px";

	if(buttonObject.childNodes[0].className == "corner1") {
		  buttonObject.childNodes[0].style.backgroundImage="url(Images/services_corner1.gif)"
	} else if(buttonObject.childNodes[1].className == "corner1") {
		  buttonObject.childNodes[1].style.backgroundImage="url(Images/services_corner1.gif)"
	} else if(buttonObject.childNodes[0].className == "corner3") {
		  buttonObject.childNodes[0].style.backgroundImage="url(Images/services_cornerTR-1.gif)"
	} else if(buttonObject.childNodes[1].className == "corner3") {
		  buttonObject.childNodes[1].style.backgroundImage="url(Images/services_cornerTR-1.gif)"
	}

	if(buttonObject.childNodes[1].className == "corner2") {
		  buttonObject.childNodes[1].style.backgroundImage="url(Images/services_corner3.gif)"
	} else if(buttonObject.childNodes[1].className == "corner4") {
		  buttonObject.childNodes[1].style.backgroundImage="url(Images/services_cornerBR-1.gif)"
	} else if(buttonObject.childNodes[3].className == "corner2") {
		  buttonObject.childNodes[3].style.backgroundImage="url(Images/services_corner3.gif)"
	} else if(buttonObject.childNodes[3].className == "corner4") {
		  buttonObject.childNodes[3].style.backgroundImage="url(Images/services_cornerBR-1.gif)"
	}

	for(var i = 0; i < buttonObject.childNodes.length; i++) {
		if(buttonObject.childNodes[i].className == "tabText") {
			buttonObject.childNodes[i].style.color = "#FFFFFF";
		}
	}

	var cName = "services_content"+(buttonNum);
	var contentObject = document.getElementById(cName);
	contentObject.style.display = "block";

}

function showVideo (videoNum) {

	var eName = "portfolio_video"+(videoNum);
	var buttonObject = document.getElementById(eName);
	
	buttonObject.style.display = "block";
	
	new Effect.Morph(eName, {
	  style: 'height:335px;', // CSS Properties
	  duration: 0.05 // Core Effect properties
	});
}

function hideBlock (videoNum) {

	var eName = "portfolio_video"+(videoNum);
	var buttonObject = document.getElementById(eName);
	if(buttonObject) {
		buttonObject.style.display = "none";
		buttonObject.style.height = "0px";
	}
}