//Javascript Page

function swapicon(pos){
	var icon = getElement('opticon');
	if(pos=='on'){
		var img = getElement('cMain');
		var ediv = getElement('overlayDiv');
		var imgxy = findPos(img);
		ediv.style.visibility = "visible";
		ediv.style.left = (imgxy[0]+15)+"px";
		ediv.style.top = (imgxy[1]+175)+"px";
		icon.src="http://www.sevencycles.com/images/specialty/opticonon.gif";
	} else {
		var ediv = getElement('overlayDiv');
		ediv.style.visibility="hidden";
		icon.src = 'http://www.sevencycles.com/images/specialty/opticonoff.gif';
	}
}

function swappop(pos){
	var icon = getElement('popicon');
	if(pos=='on'){
		icon.src="http://www.sevencycles.com/images/specialty/popiconon.gif";
	} else {
		icon.src = 'http://www.sevencycles.com/images/specialty/popiconoff.gif';
	}
}

var origOverlay = "";

function swapsola(pos){
	var mImg = getElement('mtnMain');
	var mName = getElement('mtnName');
	var mAn = getElement('aniv');
	var ediv = getElement('overlayDiv');
	if(pos == 'on'){
		mImg.src = 'http://www.sevencycles.com/images/mtn/sola/mainAn.jpg';
		mName.src = 'http://www.sevencycles.com/images/mtn/sola/nameoff.jpg';
		mAn.src = 'http://www.sevencycles.com/images/mtn/sola/anivon.jpg';
		origOverlay = ediv.innerHTML;
		ediv.innerHTML = "Shown with limited edition 10th anniversary paint.";
	} else {
		mImg.src = 'http://www.sevencycles.com/images/mtn/sola/main.jpg';
		mName.src = 'http://www.sevencycles.com/images/mtn/sola/nameon.jpg';
		mAn.src = 'http://www.sevencycles.com/images/mtn/sola/anivoff.jpg';
		if(origOverlay != ""){
			ediv.innerHTML = origOverlay;
		}
	}
}

function popup(urlW, nameW, title) {
  if (nameW == "jpg") urlW = "http://www.sevencycles.com/popup.html?image=" + urlW + "&" + title;
  window.open(urlW, nameW, "width=750,height=475,menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=yes,top=0,left=0");
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

var aryPage = new Array();
// Array (name, Main Image, Caption, Popup Image, weight,below main image)
aryPage[0] = Array('IMX Cross','images/cross/crossimx.jpg','<a>Shown with canti brakes (available disk, V-brakes, or all).</a>','images/cross/imxpop.jpg', 'http://www.sevencycles.com/images/cross/imx_weight.gif',"<b>Technology</b><br />The product development that went into our Elium Race also helped spawn the IMX 'Cross: the first cyclocross frame to employ titanium and carbon fiber tubes. Specifically designed for the demands of 'cross racing.<br /><br /><a>“Absolutely the most race-worthy bike out there.”  <b><i>–Mike Broderick, Team Kenda-Seven (on the Tsunami)</i></b></a>");
aryPage[1] = Array('Mudhoney','images/cross/crossmud.jpg','<a>Shown with canti brakes (available disk, V-brakes, or all).</a>','images/cross/mudpop.jpg','http://www.sevencycles.com/images/cross/mudhoney_weight.gif',"<b>Technology</b><br />The ultra-versatile Mudhoney is a testament to Seven\'s customization capabilities. From high-performance to utility, it provides the perfect platform for a full on 'cross bike or the ultimate commuter. And anything in between.<br /><br /><a>“Fast on pavement, steady on dirt, and manageable on singletrack.”  <b><i>–Bicycling </i></b></a>");

var curpop = "images/cross/imxpop.jpg";
var curmain = "";
var curweight = "";
var curcaption = "";
var curname = "IMX Cross";

function changePage(page){

	curpop = aryPage[page][3];
	curmain = aryPage[page][1];
	curweight = aryPage[page][4];
	curcaption = aryPage[page][2];
	curname = aryPage[page][0];
	
	elIMXname = getElement('imxName');
	elMudname = getElement('mudName');
	elMainImg = getElement('cMain');
	elWght = getElement('cWeight');
	elOverlay = getElement('overlayDiv');
	elBelow = getElement('belowMainImage');
	
	if(page == 0){
		elIMXname.src = 'http://www.sevencycles.com/images/cross/imxon.jpg';
		elMudname.src = 'http://www.sevencycles.com/images/cross/mudoff.jpg';
		elMainImg.src = curmain;
		elWght.src = curweight;
		elOverlay.innerHTML = curcaption;
		elBelow.innerHTML = aryPage[page][5];
	} else {
		elIMXname.src = 'http://www.sevencycles.com/images/cross/imxoff.jpg';
		elMudname.src = 'http://www.sevencycles.com/images/cross/mudon.jpg';
		elMainImg.src = curmain;
		elWght.src = curweight;
		elOverlay.innerHTML = curcaption;
		elBelow.innerHTML = aryPage[page][5];
	}
}