//preloader images
var rolloverArray = new Array();
var mouseOutArray = new Array();

rolloverArray["saris"] = new Image(); rolloverArray["saris"].src = "images/shared/logo_saris_on.gif";
mouseOutArray["saris"] = new Image(); mouseOutArray["saris"].src = "images/shared/logo_saris.gif";

rolloverArray["sarisRacks"] = new Image(); rolloverArray["sarisRacks"].src = "images/shared/navArea/saris_racks_on.gif";
rolloverArray["cycleopsPower"] = new Image(); rolloverArray["cycleopsPower"].src = "images/shared/navArea/cycleops_power_on.gif";
rolloverArray["commercialParkingRacks"] = new Image(); rolloverArray["commercialParkingRacks"].src = "images/shared/navArea/parking_on.gif";
rolloverArray["clubSales"] = new Image(); rolloverArray["clubSales"].src = "images/shared/navArea/club_sales_on.gif";

mouseOutArray["sarisRacks"] = new Image(); mouseOutArray["sarisRacks"].src = "images/shared/navArea/saris_racks_off.gif";
mouseOutArray["cycleopsPower"] = new Image(); mouseOutArray["cycleopsPower"].src = "images/shared/navArea/cycleops_power_off.gif";
mouseOutArray["commercialParkingRacks"] = new Image(); mouseOutArray["commercialParkingRacks"].src = "images/shared/navArea/parking_off.gif";
mouseOutArray["clubSales"] = new Image(); mouseOutArray["clubSales"].src = "images/shared/navArea/club_sales_off.gif";

rolloverArray["carRack"] = new Image(); rolloverArray["carRack"].src = "images/shared/navArea/help_car_rack_on.gif";
rolloverArray["getFit"] = new Image(); rolloverArray["getFit"].src = "images/shared/navArea/help_get_fit_on.gif";
rolloverArray["race"] = new Image(); rolloverArray["race"].src = "images/shared/navArea/help_improve_race_on.gif";
rolloverArray["tips"] = new Image(); rolloverArray["tips"].src = "images/shared/navArea/help_tips_offers_on.gif";
mouseOutArray["carRack"] = new Image(); mouseOutArray["carRack"].src = "images/shared/navArea/help_car_rack.gif";
mouseOutArray["getFit"] = new Image(); mouseOutArray["getFit"].src = "images/shared/navArea/help_get_fit.gif";
mouseOutArray["race"] = new Image(); mouseOutArray["race"].src = "images/shared/navArea/help_improve_race.gif";
mouseOutArray["tips"] = new Image(); mouseOutArray["tips"].src = "images/shared/navArea/help_tips_offers.gif";



// function for help accordian effects
function init(){
	
	var stretchers = document.getElementsByClassName('invisiDiv'); //div that stretches
	var toggles = document.getElementsByClassName('clicky'); // imgs where I click on

	//accordion effect
	var myAccordion = new fx.Accordion(
		toggles, stretchers, {opacity: true, duration: 400}
	);

}

function popUp(url, title, optionString) {
	window.open(url, title, optionString);
}

function enlargePopup(whichView, whichCat) {
	var url = "../../enlarge.html?image=" + expandArray[whichView] + "&cat=" + whichCat;
	var title = "Enlarged";
	var optionString = "resizable=1, toolbar=, scrollbars=1, width=490 , height=442"
	
	popUp(url, title, optionString);
}

function comparePopup() {
	var url = "/popup.html"
	var title = "Compare";
	var optionString = "resizable=0, toolbar=0, scrollbars=1, width=500 , height=521"
	
	popUp(url, title, optionString);
}

function changeView(whichView) {
	var activeBorderColor = "currentView";
	var deselectedBorderColor = "productView";
	
	var currentImg = document.getElementById("view" + currentView);
	var newImg = document.getElementById("view" + whichView);
	
	var biggerPicture = document.getElementById("productShot").style;
	
	currentImg.className = deselectedBorderColor;
	newImg.className = activeBorderColor;
	
	biggerPicture.backgroundImage = "url(" + srcBase + viewArray[whichView] + ")";
	
	currentView = whichView;
}

function showText(whichView) {
	var clearStyle = "deselectedCopy";
	var selectedStyle = "currentCopy";
	
	var currentDiv = document.getElementById(currentCopy);
	var currentLink = document.getElementById(currentCopy + "Link");
	
	var newDiv = document.getElementById(whichDiv);
	var newLink = document.getElementById(whichDiv + "Link");
	
	currentDiv.style.display = "none";
	currentLink.className = clearStyle;
	
	newDiv.style.display = "block";
	newLink.className = selectedStyle;
	
	currentCopy = whichDiv;
}

function changeCopy(whichDiv) {
	var clearStyle = "deselectedCopy";
	var selectedStyle = "currentCopy";
	
	var currentDiv = document.getElementById(currentCopy);
	var currentLink = document.getElementById(currentCopy + "Link");
	
	var newDiv = document.getElementById(whichDiv);
	var newLink = document.getElementById(whichDiv + "Link");
	
	currentDiv.style.display = "none";
	currentLink.className = clearStyle;
	
	newDiv.style.display = "block";
	newLink.className = selectedStyle;
	
	currentCopy = whichDiv;

}

function flashPopup(whichClip) {
	var url = "../flash/Player files/viewPower.html?clip=" + whichClip;
	var title = "Power";
	var optionString = "resizable=0, toolbar=0, scrollbars=0, width=490, height=500";
	
	popUp(url, title, optionString);
}

function changeFAQ(whichDiv) {
	
	var clearStyle = "deselectedFAQ";
	var selectedStyle = "currentFAQ";
	
	var currentDiv = document.getElementById(currentFAQ);
	var currentLink = document.getElementById(currentFAQ + "Link");
	
	var newDiv = document.getElementById(whichDiv);
	var newLink = document.getElementById(whichDiv + "Link");
	
	currentDiv.style.display = "none";
	currentLink.className = clearStyle;
	
	newDiv.style.display = "block";
	newLink.className = selectedStyle;
	
	currentFAQ = whichDiv;
}

function changeAnswer(whichDiv) {
	var clearStyle = "deselectedAnswer";
	var selectedStyle = "currentAnswer";
	
	var currentDiv = document.getElementById(currentAnswer);
	var currentLink = document.getElementById(currentAnswer + "Pink");
	
	var newDiv = document.getElementById(whichDiv);
	var newLink = document.getElementById(whichDiv + "Pink");
	
	currentDiv.style.display = "none";
	currentLink.className = clearStyle;
	
	newDiv.style.display = "block";
	newLink.className = selectedStyle;
	
	currentAnswer = whichDiv;
}