// JavaScript document containing rollover functions for VMP site

function showSubNav(subnav_id) {
	
	//================================================
	// Displays a UL list of subnavigation links
	//================================================
	
	var objParentNav = document.getElementById("nav_" + subnav_id);
	var objSubNav = document.getElementById("subnav_" + subnav_id);
	
	// Change the background image of the parent link to the hover state
	objParentNav.style.backgroundImage = "url(images/sidenav/nav_" + subnav_id + "_hover.gif)";
	
	// Position the subnavigation just to the right, and vertically even with the parent link 
	objSubNav.style.top = getObjectTopCoordinate(objParentNav) + 0 + "px";
    objSubNav.style.left = getObjectLeftCoordinate(objParentNav) + 154 + "px";
	
	objSubNav.style.display = "block";	
	objSubNav.style.zIndex = 101;
	
	
	// Position the iFrame shim under the Subnav, so that any form elements and the Flash banner are blocked out (IE 6 fix)
    var objiFrameShim = document.getElementById("iFrameShim");
	
	objiFrameShim.style.top = objSubNav.offsetTop + "px";
	objiFrameShim.style.left = objSubNav.offsetLeft + "px"; 
	objiFrameShim.style.width = objSubNav.offsetWidth + "px";	
	objiFrameShim.style.height = objSubNav.offsetHeight + "px";
	objiFrameShim.style.zIndex = 100;  // zIndex must be a lower number than the subnav, so it positions under it 
	objiFrameShim.style.visibility = 'visible';		
	
}
function hideSubNav(subnav_id) {
	
	//================================================
	// Hides a UL list of subnavigation links
	//================================================
	
	var objParentNav = document.getElementById("nav_" + subnav_id);
	var objSubNav = document.getElementById("subnav_" + subnav_id);
	
	// Change the background image of the parent link to the unhovered state or the selected state if the body id is a match
	var strBodyID = document.body.id;
	
	if (subnav_id=="branded" && strBodyID=="marathon_page") {
		objParentNav.style.backgroundImage = "url(images/sidenav/nav_branded_marathon.gif)";
	}
	else if (subnav_id=="branded" && strBodyID=="motorsports_page") {
		objParentNav.style.backgroundImage = "url(images/sidenav/nav_branded_motorsports.gif)";
	}
	else if (subnav_id=="branded" && strBodyID=="hospitality_page") {
		objParentNav.style.backgroundImage = "url(images/sidenav/nav_branded_hospitality.gif)";
	}
	else if (subnav_id=="branded" && strBodyID=="consumer_page") {
		objParentNav.style.backgroundImage = "url(images/sidenav/nav_branded_consumer.gif)";
	}
	else if (subnav_id=="branded" && strBodyID=="dealers_page") {
		objParentNav.style.backgroundImage = "url(images/sidenav/nav_branded_dealers.gif)";
	}
	else if (subnav_id=="categories" && strBodyID=="signage_page") {
		objParentNav.style.backgroundImage = "url(images/sidenav/nav_products_signage.gif)";
	}
	else if (subnav_id=="categories" && strBodyID=="popups_page") {
		objParentNav.style.backgroundImage = "url(images/sidenav/nav_products_popups.gif)";
	}
	else if (subnav_id=="categories" && strBodyID=="canopies_page") {
		objParentNav.style.backgroundImage = "url(images/sidenav/nav_products_canopies.gif)";
	}
	else if (subnav_id=="categories" && strBodyID=="complimentary_page") {
		objParentNav.style.backgroundImage = "url(images/sidenav/nav_products_complimentary.gif)";
	}
	else if (subnav_id=="categories" && strBodyID=="flagsbanners_page") {
		objParentNav.style.backgroundImage = "url(images/sidenav/nav_products_flagsbanners.gif)";
	}
	else {
		objParentNav.style.backgroundImage = "url(images/sidenav/nav_" + subnav_id + ".gif)";
	}	
	
	// Hide the subnavigation
	objSubNav.style.display = "none";
	
	var objiFrameShim = document.getElementById("iFrameShim");
    objiFrameShim.style.visibility = 'hidden';
}
//==============================================================================
// Retrieves the top coordinate of an object
//==============================================================================

function getObjectTopCoordinate(obj) {

    var intYPos = obj.offsetTop;
    var objTemp = obj.offsetParent;

    while (objTemp != null) {
        intYPos += objTemp.offsetTop;
        objTemp = objTemp.offsetParent;
    }
    return(intYPos);
}

//==============================================================================
// Retrieves the left coordinate of an object
//==============================================================================
function getObjectLeftCoordinate(obj) {

    var intXPos = obj.offsetLeft;
    var objTemp = obj.offsetParent;

    while (objTemp != null) {
        intXPos += objTemp.offsetLeft;
        objTemp = objTemp.offsetParent;
    }
    return(intXPos);
}	

function image_rollover_on (image_id) {
	
	//===================================================
	// Rollovers for images 
	//===================================================
	
	// Get the image object
	var objImage = document.getElementById(image_id);
		
	// Replace the image with the rollover  
	objImage.src = "images/" + image_id + "_hover.gif";		
} 

function image_rollover_off (image_id) {
	
	//===================================================
	// Change back to the default image
	//===================================================
	
	// Get the image object
	var objImage = document.getElementById(image_id);
		
	// Replace the image with the default image  
	objImage.src = "images/" + image_id + ".gif";		
}

function corp_rollover_on (image_name) {
	
	//===================================================
	// Rollovers for items on the corporate products page
	//===================================================
	
	// Get the image objects
	var objCorporateImg_01 = document.getElementById("corporate_01");
	var objCorporateImg_02 = document.getElementById("corporate_02");
	var objCorporateImg_03 = document.getElementById("corporate_03");
	
	// Replace the default images with the rollover or fadeback versions  
	if (image_name=='catalog_01') {
		objCorporateImg_01.src = "images/corporate/aaa_caa_catalog_hover.png";	
		//objCorporateImg_02.src = "images/corporate/aaa_newsletter_fadeback.gif";
		//objCorporateImg_03.src = "images/corporate/aaa_store_fadeback.gif";
		}
	else if (image_name=='catalog_02') {
		//objCorporateImg_01.src = "images/corporate/aaa_catalog_fadeback.gif";	
		objCorporateImg_02.src = "images/corporate/cat_catalog_hover.png";
		//objCorporateImg_03.src = "images/corporate/aaa_store_fadeback.gif";
	}
	else if (image_name=='catalog_03') {
		//objCorporateImg_01.src = "images/corporate/aaa_catalog_fadeback.gif";	
		//objCorporateImg_02.src = "images/corporate/aaa_newsletter_fadeback.gif";
		objCorporateImg_03.src = "images/corporate/team_in_training_catalog_hover.png";
	}	
} 
	
function corp_rollover_off () {

	// Replace the rollover or fadeback images with the default ones 
	var objCorporateImg_01 = document.getElementById("corporate_01");
	var objCorporateImg_02 = document.getElementById("corporate_02");
	var objCorporateImg_03 = document.getElementById("corporate_03");
			
	objCorporateImg_01.src = "images/corporate/aaa_caa_catalog.png";
	objCorporateImg_02.src = "images/corporate/cat_catalog.png";
	objCorporateImg_03.src = "images/corporate/team_in_training_catalog.png";				
} 


function signage_rollover (image_number) {
	
	//========================================================
	// Rollovers for items on the unique signage products page
	//========================================================
	
	// Get the image objects
	var objImg_01 = document.getElementById("signage_01");
	var objImg_02 = document.getElementById("signage_02");
		
	// Replace the default images with the rollover or fadeback versions  
	if (image_number=='01') {
		objImg_01.src = "images/signage_product_01_hover.gif";	
		objImg_02.src = "images/signage_product_02_01_hover.gif";
		}
	else if (image_number=='02') {
		objImg_01.src = "images/signage_product_01_02_hover.gif";	
		objImg_02.src = "images/signage_product_02_hover.gif";
	}
} 

function signage_rolloff () {

	// Replace the rollover or fadeback images with the default ones 
	var objImg_01 = document.getElementById("signage_01");
	var objImg_02 = document.getElementById("signage_02");
				
	objImg_01.src = "images/signage_product_01.gif";
	objImg_02.src = "images/signage_product_02.gif";	
} 

function flagsbanners_rollover (image_number) {
	
	//========================================================
	// Rollovers for items on the unique flagsbanners products page
	//========================================================
	
	// Get the image objects
	var objImg_01 = document.getElementById("flagsbanners_01");
	var objImg_02 = document.getElementById("flagsbanners_02");
	var objImg_03 = document.getElementById("flagsbanners_03");
	
	// Replace the default images with the rollover or fadeback versions  
	if (image_number=='01') {
		objImg_01.src = "images/flagsbanners_product_01_hover.gif";	
		objImg_02.src = "images/flagsbanners_product_02_01_hover.gif";
		objImg_03.src = "images/flagsbanners_product_03_01_hover.gif";
		}
	else if (image_number=='02') {
		objImg_01.src = "images/flagsbanners_product_01_02_hover.gif";	
		objImg_02.src = "images/flagsbanners_product_02_hover.gif";	
		objImg_03.src = "images/flagsbanners_product_03_02_hover.gif";		
	}
	else if (image_number=='03') {
		objImg_01.src = "images/flagsbanners_product_01_03_hover.gif";	
		objImg_02.src = "images/flagsbanners_product_02_03_hover.gif";	
		objImg_03.src = "images/flagsbanners_product_03_hover.gif";	
	}	
} 

function flagsbanners_rolloff () {

	// Replace the rollover or fadeback images with the default ones 
	var objImg_01 = document.getElementById("flagsbanners_01");
	var objImg_02 = document.getElementById("flagsbanners_02");
	var objImg_03 = document.getElementById("flagsbanners_03");
			
	objImg_01.src = "images/flagsbanners_product_01.gif";
	objImg_02.src = "images/flagsbanners_product_02.gif";
	objImg_03.src = "images/flagsbanners_product_03.gif";				
} 
function canopies_rollover (image_number) {
	
	//==============================================================
	// Rollovers for items on the unique canopies products page
	//==============================================================
	
	// Get the image objects
	var objImg_01 = document.getElementById("canopies_01");
	var objImg_02 = document.getElementById("canopies_02");
	var objImg_03 = document.getElementById("canopies_03");
	
	// Replace the default images with the rollover or fadeback versions  
	if (image_number=='01') {
		objImg_01.src = "images/canopies_product_01_hover.gif";	
		objImg_02.src = "images/canopies_product_02_01_hover.gif";
		objImg_03.src = "images/canopies_product_03_dim.gif";		
		}
	else if (image_number=='02') {
		objImg_01.src = "images/canopies_product_01_dim.gif";	
		objImg_02.src = "images/canopies_product_02_hover.gif";	
		objImg_03.src = "images/canopies_product_03_02_hover.gif";
	}
	else if (image_number=='03') {
		objImg_01.src = "images/canopies_product_01_dim.gif";	
		objImg_02.src = "images/canopies_product_02_03_hover.gif";	
		objImg_03.src = "images/canopies_product_03_hover.gif";
	}	
} 

function canopies_rolloff () {

	// Replace the rollover or fadeback images with the default ones 
	var objImg_01 = document.getElementById("canopies_01");
	var objImg_02 = document.getElementById("canopies_02");
	var objImg_03 = document.getElementById("canopies_03");
				
	objImg_01.src = "images/canopies_product_01.gif";
	objImg_02.src = "images/canopies_product_02.gif";
	objImg_03.src = "images/canopies_product_03.gif";
} 


function complimentary_rollover (image_number) {
	
	//==============================================================
	// Rollovers for items on the unique complimentary products page
	//==============================================================
	
	// Get the image objects
	var objImg_01 = document.getElementById("complimentary_01");
	var objImg_02 = document.getElementById("complimentary_02");
	//var objImg_03 = document.getElementById("complimentary_03");
	var objImg_04 = document.getElementById("complimentary_04");
	var objImg_05 = document.getElementById("complimentary_05");
	var objImg_06 = document.getElementById("complimentary_06");
	
	// Replace the default images with the rollover or fadeback versions  
	if (image_number=='01') {
		objImg_01.src = "images/complimentary_product_01_hover.gif";	
		objImg_02.src = "images/complimentary_product_02_01_hover.gif";
		//objImg_03.src = "images/complimentary_product_03_dim.gif";
		objImg_04.src = "images/complimentary_product_04_dim.gif";
		objImg_05.src = "images/complimentary_product_05_dim.gif";
		objImg_06.src = "images/complimentary_product_06_dim.gif";
		}
	else if (image_number=='02') {
		objImg_01.src = "images/complimentary_product_01_02_hover.gif";	
		objImg_02.src = "images/complimentary_product_02_hover.gif";	
		//objImg_03.src = "images/complimentary_product_03_02_hover.gif";
		objImg_04.src = "images/complimentary_product_04_dim.gif";
		objImg_05.src = "images/complimentary_product_05_dim.gif";
		objImg_06.src = "images/complimentary_product_06_dim.gif";
	}
	//else if (image_number=='03') {
//		objImg_01.src = "images/complimentary_product_01_dim.gif";	
//		objImg_02.src = "images/complimentary_product_02_03_hover.gif";	
//		objImg_03.src = "images/complimentary_product_03_hover.gif";
//		objImg_04.src = "images/complimentary_product_04_dim.gif";
//		objImg_05.src = "images/complimentary_product_05_dim.gif";
//		objImg_06.src = "images/complimentary_product_06_dim.gif";
//	}
	else if (image_number=='04') {
		objImg_01.src = "images/complimentary_product_01_dim.gif";	
		objImg_02.src = "images/complimentary_product_02_dim.gif";	
		//objImg_03.src = "images/complimentary_product_03_dim.gif";	
		objImg_04.src = "images/complimentary_product_04_hover.gif";
		objImg_05.src = "images/complimentary_product_05_04_hover.gif";
		objImg_06.src = "images/complimentary_product_06_dim.gif";
	}
	else if (image_number=='05') {
		objImg_01.src = "images/complimentary_product_01_dim.gif";	
		objImg_02.src = "images/complimentary_product_02_dim.gif";	
		//objImg_03.src = "images/complimentary_product_03_dim.gif";
		objImg_04.src = "images/complimentary_product_04_dim.gif";
		objImg_05.src = "images/complimentary_product_05_hover.gif";
		objImg_06.src = "images/complimentary_product_06_05_hover.gif";
	}
	else if (image_number=='06') {
		objImg_01.src = "images/complimentary_product_01_dim.gif";	
		objImg_02.src = "images/complimentary_product_02_dim.gif";	
		//objImg_03.src = "images/complimentary_product_03_dim.gif";	
		objImg_04.src = "images/complimentary_product_04_dim.gif";
		objImg_05.src = "images/complimentary_product_05_06_hover.gif";
		objImg_06.src = "images/complimentary_product_06_hover.gif";
	}	
} 

function complimentary_rolloff () {

	// Replace the rollover or fadeback images with the default ones 
	var objImg_01 = document.getElementById("complimentary_01");
	var objImg_02 = document.getElementById("complimentary_02");
	//var objImg_03 = document.getElementById("complimentary_03");
	var objImg_04 = document.getElementById("complimentary_04");
	var objImg_05 = document.getElementById("complimentary_05");
	var objImg_06 = document.getElementById("complimentary_06");
			
	objImg_01.src = "images/complimentary_product_01.gif";
	objImg_02.src = "images/complimentary_product_02.gif";
	//objImg_03.src = "images/complimentary_product_03.gif";
	objImg_04.src = "images/complimentary_product_04.gif";
	objImg_05.src = "images/complimentary_product_05.gif";
	objImg_06.src = "images/complimentary_product_06.gif";	
} 
function popups_rollover (image_number) {
	
	//==============================================================
	// Rollovers for items on the unique popups products page
	//==============================================================
	
	// Get the image objects
	var objImg_01 = document.getElementById("popups_01");
	var objImg_02 = document.getElementById("popups_02");
	var objImg_03 = document.getElementById("popups_03");
	//var objImg_04 = document.getElementById("popups_04");
	var objImg_05 = document.getElementById("popups_05");
	var objImg_06 = document.getElementById("popups_06");
	
	// Replace the default images with the rollover or fadeback versions  
	if (image_number=='01') {
		objImg_01.src = "images/popups_product_01_hover.gif";	
		objImg_02.src = "images/popups_product_02_01_hover.gif";
		objImg_03.src = "images/popups_product_03_dim.gif";
		//objImg_04.src = "images/popups_product_04_dim.gif";
		objImg_05.src = "images/popups_product_05_dim.gif";
		//objImg_06.src = "images/popups_product_06_dim.gif";
		}
	else if (image_number=='02') {
		objImg_01.src = "images/popups_product_01_dim.gif";	
		objImg_02.src = "images/popups_product_02_hover.gif";	
		objImg_03.src = "images/popups_product_03_02_hover.gif";
		//objImg_04.src = "images/popups_product_04_dim.gif";
		objImg_05.src = "images/popups_product_05_dim.gif";
		//objImg_06.src = "images/popups_product_06_dim.gif";
	}
	else if (image_number=='03') {
		objImg_01.src = "images/popups_product_01_dim.gif";	
		objImg_02.src = "images/popups_product_02_03_hover.gif";	
		objImg_03.src = "images/popups_product_03_hover.gif";
		//objImg_04.src = "images/popups_product_04_dim.gif";
		objImg_05.src = "images/popups_product_05_dim.gif";
		//objImg_06.src = "images/popups_product_06_dim.gif";
	}
	//else if (image_number=='04') {
//		objImg_01.src = "images/popups_product_01_dim.gif";	
//		objImg_02.src = "images/popups_product_02_dim.gif";	
//		objImg_03.src = "images/popups_product_03_dim.gif";	
//		objImg_04.src = "images/popups_product_04_hover.gif";
//		objImg_05.src = "images/popups_product_05_04_hover.gif";
//		objImg_06.src = "images/popups_product_06_dim.gif";
//	}
	else if (image_number=='05') {
		objImg_01.src = "images/popups_product_01_dim.gif";	
		objImg_02.src = "images/popups_product_02_dim.gif";	
		objImg_03.src = "images/popups_product_03_dim.gif";
		//objImg_04.src = "images/popups_product_04_dim.gif";
		objImg_05.src = "images/popups_product_05_hover.gif";
		objImg_06.src = "images/popups_product_06_05_hover.gif";
	}
	//else if (image_number=='06') {
//		objImg_01.src = "images/popups_product_01_dim.gif";	
//		objImg_02.src = "images/popups_product_02_dim.gif";	
//		objImg_03.src = "images/popups_product_03_dim.gif";	
//		//objImg_04.src = "images/popups_product_04_dim.gif";
//		objImg_05.src = "images/popups_product_05_06_hover.gif";
//		objImg_06.src = "images/popups_product_06_hover.gif";
//	}	
} 

function popups_rolloff () {

	// Replace the rollover or fadeback images with the default ones 
	var objImg_01 = document.getElementById("popups_01");
	var objImg_02 = document.getElementById("popups_02");
	var objImg_03 = document.getElementById("popups_03");
	//var objImg_04 = document.getElementById("popups_04");
	var objImg_05 = document.getElementById("popups_05");
	var objImg_06 = document.getElementById("popups_06");
			
	objImg_01.src = "images/popups_product_01.gif";
	objImg_02.src = "images/popups_product_02.gif";
	objImg_03.src = "images/popups_product_03.gif";
	//objImg_04.src = "images/popups_product_04.gif";
	objImg_05.src = "images/popups_product_05.gif";
	objImg_06.src = "images/popups_product_06.gif";	
}

function gallery_rollover (image_number) {
	
	//==============================================================
	// Rollovers for the gallery thumbnail images
	//==============================================================
	
	// Display the large gallery image for the thumbnail being moused over
	var objGalleryPhoto = document.getElementById("gallery_photo");
	objGalleryPhoto.src = "images/gallery/gallery_" + image_number + ".jpg";
	
	var objGalleryTitle = document.getElementById("gallery_title");
	objGalleryTitle.innerHTML = image_number;
}

function gallery_default () {
	
	// Revert the gallery image back to the default 
	var objGalleryPhoto = document.getElementById("gallery_photo");
	objGalleryPhoto.src = "images/gallery/gallery_01.jpg";
	
	var objGalleryTitle = document.getElementById("gallery_title");
	objGalleryTitle.innerHTML = "01";
}