var eCommButton = new Image();
eCommButton.src = "/wp-content/themes/RedStage/images/buttons/ecommerceServices.png";

var creativeButton = new Image();
creativeButton.src = "/wp-content/themes/RedStage/images/buttons/creativeServices.png";

var eCommButtonOff = new Image();
eCommButtonOff.src = "/wp-content/themes/RedStage/images/buttons/ecommerceServicesOff.png";

var creativeButtonOff = new Image();
creativeButtonOff.src = "/wp-content/themes/RedStage/images/buttons/creativeServicesOff.png";

var mainContentDefaultBackground = new Image();
mainContentDefaultBackground.src = "/wp-content/themes/RedStage/images/mainContent/BG/defaultBG.jpg";

var eCommBackground = new Image();
eCommBackground.src = "/wp-content/themes/RedStage/images/mainContent/BG/ecommerceBG.jpg";

var creativeBackground = new Image();
creativeBackground.src = "/wp-content/themes/RedStage/images/mainContent/BG/creativeBG.jpg";

var fadeOutHappening = false;

function fadeBothAndReset() {
	creativeButtonElem.css("backgroundImage","url('" + creativeButton.src + "')");
	eCommButtonElem.css("backgroundImage","url('" + eCommButton.src + "')");
	fadeOutEComm();
	fadeOutCreative();
}

var mainContentElem = $("#mainContentInner");
var eCommButtonElem = $("#eCommServicesButton");
var creativeButtonElem = $("#creativeServicesButton");

function fadeOutEComm() {
	$("#ecommBackgroundDiv").fadeOut("slow");
}
function fadeOutCreative() {
	$("#creativeBackgroundDiv").fadeOut("slow");
}

function rolloverMainContent(inURL,inState,inOn) {

function eCommFadeOutComplete() {
	fadeOutHappening = false;
	$("#creativeBackgroundDiv").hide();
}
function creativeFadeOutComplete() {
	fadeOutHappening = false;
	$("#ecommBackgroundDiv").hide();
}
	switch(inOn) {
		case 'creative':
			eCommButtonElem.css("backgroundImage","url('" + eCommButtonOff.src + "')");
			creativeButtonElem.css("backgroundImage","url('" + creativeButton.src + "')");
			$("#ecommBackgroundDiv").css("zIndex","1");
			$("#creativeBackgroundDiv").css("zIndex","2");
			
			if(fadeOutHappening){
				$("#ecommBackgroundDiv").fadeOut("slow");
				$("#creativeBackgroundDiv").fadeIn("slow");
			}
			else {
				fadeOutHappening = true;
				$("#creativeBackgroundDiv").fadeIn("slow",creativeFadeOutComplete);
			}
			
			break;
		case 'eComm':
			creativeButtonElem.css("backgroundImage","url('" + creativeButtonOff.src + "')");
			eCommButtonElem.css("backgroundImage","url('" + eCommButton.src + "')");
			$("#creativeBackgroundDiv").css("zIndex","1");
			$("#ecommBackgroundDiv").css("zIndex","2");
			
			if(fadeOutHappening){
				$("#creativeBackgroundDiv").fadeOut("slow");
				$("#ecommBackgroundDiv").fadeIn("slow");
			}
			else {
				fadeOutHappening = true;
				$("#ecommBackgroundDiv").fadeIn("slow",eCommFadeOutComplete);
			}
			
			break;
		default:
			setTimeout("if(!fadeOutHappening) {fadeBothAndReset();}", 100);
			break;
	}
	/*if (inState == 'over') {
		mainContentElem.css("backgroundImage","url('" + inURL + "')");
	}
	else {
		mainContentElem.css("backgroundImage","url('" + mainContentDefaultBackground.src + "')");
	}*/
}