/* this controls the rollover effect on the map in the header */
addLoadListener(initMapRollover);

function initMapRollover() {
	var imagemap = document.getElementById("locations");
	img1 = new Image();
	img1.src = "/site/images/studio-locations-over.gif";
	attachEventListener(imagemap, "mouseover", mapRollover, false);
	attachEventListener(imagemap, "mouseout", mapRollover, false);
}

function mapRollover(event) {
		if( getEventType(event) == "mouseover" )	
			document.getElementById("ausmap").src = "/site/images/studio-locations-over.gif";	
		else
			document.getElementById("ausmap").src = "/site/images/studio-locations.gif";	
}

/* this controls the rollover effect for the tall promo banner on the right side of the page*/
addLoadListener(initPromoRollover);
var bannerDefaultSrc;
var bannerRolloverSrc;

function initPromoRollover() {
	if (document.getElementById("promo")) {
			bannerElement = document.getElementById("promo").getElementsByTagName("img")[0];
			bannerDefaultSrc = bannerElement.src;
			bannerRolloverSrc = bannerDefaultSrc.substring(0,bannerDefaultSrc.length - 4) + "-over" + bannerDefaultSrc.substring(bannerDefaultSrc.length - 4,bannerDefaultSrc.length);
			img1 = new Image();
			img1.src = bannerRolloverSrc;
			attachEventListener(bannerElement, "mouseover", promoRollover, false);
			attachEventListener(bannerElement, "mouseout", promoRollover, false);
	}
}

function promoRollover(event) {
		if( getEventType(event) == "mouseover" )	
			document.getElementById("promo").getElementsByTagName("img")[0].src = bannerRolloverSrc;	
		else
			document.getElementById("promo").getElementsByTagName("img")[0].src = bannerDefaultSrc;	
}


/* this controls the rollover effect for the small promo button on the left side of the page*/
addLoadListener(initButtonRollover);
var buttonDefaultSrc;
var buttonRolloverSrc;

function initButtonRollover() {
	if (document.getElementById("button")) {
			bannerElement = document.getElementById("button").getElementsByTagName("img")[0];
			buttonDefaultSrc = bannerElement.src;
			buttonRolloverSrc = buttonDefaultSrc.substring(0,buttonDefaultSrc.length - 4) + "-over" + buttonDefaultSrc.substring(buttonDefaultSrc.length - 4,buttonDefaultSrc.length);
			img1 = new Image();
			img1.src = buttonRolloverSrc;
			attachEventListener(bannerElement, "mouseover", buttonRollover, false);
			attachEventListener(bannerElement, "mouseout", buttonRollover, false);
	}
}

function buttonRollover(event) {
		if( getEventType(event) == "mouseover" )	
			document.getElementById("button").getElementsByTagName("img")[0].src = buttonRolloverSrc;	
		else
			document.getElementById("button").getElementsByTagName("img")[0].src = buttonDefaultSrc;	
}


/* this controls the rollover effect on the logo in the header */
addLoadListener(initLogoRollover);

function initLogoRollover() {
	var logo = document.getElementById("logo");
	img1 = new Image();
	img1.src = "/site/images/logo-pixifoto-over.gif";
	attachEventListener(logo, "mouseover", logoRollover, false);
	attachEventListener(logo, "mouseout", logoRollover, false);
}

function logoRollover(event) {
		if( getEventType(event) == "mouseover" )	
			document.getElementById("logo").src = "/site/images/logo-pixifoto-over.gif";	
		else
			document.getElementById("logo").src = "/site/images/logo-pixifoto.gif";	
}