// Global Variables
//var returnRef = location.pathname + location.search;
var forwardRef = "http://www.weiderfitness.com/webapp/wcs/stores/servlet/OrderCalculate?URL=OrderItemDisplay&langId=-1&storeId=14801&catalogId=17102&updatePrices=1&calculationUsageId=-2&calculationUsageId=-1&orderId=.";
var itemAddURL = "http://www.weiderfitness.com/webapp/wcs/stores/servlet/OrderItemAdd?storeId=14801&orderId=.&langId=-1&catalogId=17102&errorViewName=ProductDisplayErrorView&catEntryId=81553&productId=81553&quantity=1&URL=OrderCalculate%3fURL%3dOrderItemDisplay%26calculationUsageId%3d-1%26calculationUsageId%3d-2";

// home page bottom right buy now link
var brBuyNow = '<a href="' + itemAddURL + '" target="_parent"><img src="images/home_buy_now.gif" alt="Buy Now" width="189" height="66" border="0"></a>';

//home page footer buy now link
var hpfBuyNow = '<a href="' + itemAddURL + '" target="_parent">BUY NOW</a>';

// 200 lb accessory add to cart link
//var add200 = '<a href="http://www.weiderfitness.com/webapp/wcs/stores/servlet/OrderItemAdd?storeId=14801&orderId=.&langId=-1&catalogId=17102&errorViewName=ProductDisplayErrorView&catEntryId=25653&productId=25653&quantity=1&URL=OrderCalculate%3fURL%3dOrderItemDisplay%26calculationUsageId%3d-1%26calculationUsageId%3d-2"><img src="images/btn_buynow.gif" width="166" height="29" alt="Buy Now" border="0"></a><br><br>';

// 100 lb accessory add to cart link
var add100 = '<div id="100lb" style="margin:5px 0px; padding:5px; width:193px"><a href="http://www.weiderfitness.com/webapp/wcs/stores/servlet/OrderItemAdd?storeId=14801&orderId=.&langId=-1&catalogId=17102&errorViewName=ProductDisplayErrorView&catEntryId=81853&productId=81853&quantity=1&URL=OrderCalculate%3fURL%3dOrderItemDisplay%26calculationUsageId%3d-1%26calculationUsageId%3d-2"><img src="images/power_pack_bug.jpg" alt="Power Pack Upgrade" border="0"><br /><img src="images/btn_buynow.gif" alt="Buy Now" width="166" height="29" vspace="0" border="0"></a></div><br>';

// lat bar accessory add to cart link
var latBar = '<div id="latBar" style="margin:5px 0px; padding:3px; width:193px;"><a href="http://www.weiderfitness.com/webapp/wcs/stores/servlet/OrderItemAdd?storeId=14801&orderId=.&langId=-1&catalogId=17102&errorViewName=ProductDisplayErrorView&catEntryId=81903&productId=81903&quantity=1&URL=OrderCalculate%3fURL%3dOrderItemDisplay%26calculationUsageId%3d-1%26calculationUsageId%3d-2"><img src="images/lat_bar_bug.jpg" alt="Lat Bar Upgrade" border="0"><img src="images/btn_buynow.gif" alt="Buy Now" width="166" height="29" vspace="0" border="0"></a></div>';

var price = '599.00';
var payments = '$25.00 a month';
var sku = 'WESY2966';

var thePage;
var sidenav='';


// MOUSEOVER IMAGE CACHE'ING FOR SIDENAV
red1on = new Image();
red1on.src = "images/nav_arrow_red1.gif";
red1off = new Image();
red1off.src = "images/nav_red1.gif";

blue1on = new Image();
blue1on.src = "images/nav_arrow_blue1.gif";
blue1off = new Image();
blue1off.src = "images/nav_blue1.gif";

red2on = new Image();
red2on.src = "images/nav_arrow_red2.gif";
red2off = new Image();
red2off.src = "images/nav_red2.gif";

blue2on = new Image();
blue2on.src = "images/nav_arrow_blue2.gif";
blue2off = new Image();
blue2off.src = "images/nav_blue2.gif";


function popWindow (choice,myWidth,myHeight,myScrollbars,myTop,myLeft,myMenubar) {
  window.open (choice, "","width="+myWidth+",height="+myHeight+",scrollbars="+myScrollbars+",top="+myTop+",left="+myLeft+",menubar="+myMenubar+",bgcolor=#ffffff,resizable=no");
}

function brillar(x, y) {
	document.images[x].src=eval(y+'.src');
}

// FOOTER
var footer = '';
	footer += '<table border="0" cellpadding="0" cellspacing="0">';
	footer += '<tr>';
	footer += '	<td width="618"><img src="images/spc.gif" width="378" height="1"><br></td>';
	footer += '	<td width="166" align="right">';
	footer += '		<p style="margin-top:100px;">';
	footer += '		<span style="font-size:12px; font-weight:bold;">THE MAX by WEIDER</span> &nbsp;<br>';
	footer += '		<span style="font-size:10px;">' + sku + '</span> <span style="font-size:14px; font-weight:bold; color:#990000;">$' + price + '</span> &nbsp;<br>';
	footer += '		<span style="font-size:11px; line-height:12px;">Payments as low as&nbsp;</span><br>';
	footer += '		<span style="font-size:11px; line-height:12px;">' + payments + ' &nbsp;</span><br>';
	footer += '	</td>';
	footer += '	<td width="216"><img src="images/photo_footer1.jpg" width="216" height="188"><br></td>';
	footer += '</tr>';
	footer += '<tr>';
	footer += '	<td background="images/bg_span.gif"></td>';
	footer += '	<td background="images/bg_span.gif">';
	footer += '		<a href="' + itemAddURL + '"><img src="images/btn_click_buynow.gif" width="166" height="59" alt="Buy now" border="0"></a><br>';
	footer += '	</td>';
	footer += '	<td>';
	footer += '		<img src="images/photo_footer2.jpg" width="216" height="59"><br>';
	footer += '	</td>';
	footer += '</tr>';
	footer += '<tr>';
	footer += '	<td colspan="3">';
	footer += '		<img src="images/spc.gif" width="1" height="3"><br>';
	footer += '	</td>';
	footer += '</tr>';
	footer += '<tr>';
	footer += '	<td bgcolor="#BCBBBD" style="color:#333046; font-size:10px; line-height:10px;">';
	footer += '		&nbsp; &nbsp; &copy;2009 Weider.<br>';
	footer += '		&nbsp; &nbsp; PRICING VALID ONLY WITHIN THE CONTINENTAL U.S<br>';
	footer += '	</td>';
	footer += '	<td bgcolor="#BCBBBD" colspan="2">';
	footer += '		 <a href="site_map.html" class="footerLink">SITE MAP</a> &nbsp; | <a href="contact_us.html" class="footerLink">CONTACT US</a> &nbsp; | &nbsp; <a href="privacy_policy.html" class="footerLink">PRIVACY POLICY</a> &nbsp; | &nbsp; <a href="faq.html" class="footerLink">FAQ</a> &nbsp; | &nbsp; <a href="' + itemAddURL + '" class="footerLink">BUY NOW</a> &nbsp;<br>';
	footer += '	</td>';
	footer += '</tr>';
	footer += '</table>';


// HEADER
var header = '';
//	header += '<table border="0" cellpadding="0" cellspacing="0">';
	header += '<tr>';
	header += '	<td bgcolor="#000000" width="194">';
	header += '		<a href="index.html"><img src="images/logo.gif" width="194" height="79" border="0"></a><br>';
	header += '	</td>';
//	header += '	<td bgcolor="#000000" width="59">';
//	header += '		<a href="index.html"><img src="images/spc.gif" width="59" height="79" border="0"></a>';
//	header += '	</td>';
	header += '	<td bgcolor="#000000">';
		header += '	<table cellpadding="0" cellspacing="0" >';
		header += '<tr>';
			header += '<td width="112">';
			header += '		<img src="images/logo2.gif" width="112" height="79"><br>';
			header += '</td>';
			header += '<td>';
			header += '		<img src="images/spc.gif" width="170" height="1"><br>';
			header += '</td>';
			header += '<td width="333">';
			header += '		<img src="images/photo_tagline.jpg" width="333" height="79"><br>';
			header += '</td>';
		header += '</tr>';
		header += '</table>';
	header += '	</td>';
	header += '</tr>';


// LEFT-SIDE NAVIGATION
function makeNav() {
	sidenav += '<table border="0" cellpadding="0" cellspacing="0">';
	sidenav += '<tr>';
	sidenav += '	<td colspan="3"><img src="images/curve_red.gif" width="194" height="54"><br></td>';
	sidenav += '</tr>';
	sidenav += '<tr>';
	sidenav += '	<td><img src="images/nav_blue1.gif" width="5" height="30" name="blue1_1"><br></td>';
	sidenav += '	<td>';
	sidenav += '		<a href="why_train.html" onmouseover="brillar(\'blue1_1\', \'blue1on\')" onmouseout="brillar(\'blue1_1\', \'blue1off\')"><img src="images/nav_whyStrength.gif" alt="Why Strength Train?" width="189" height="30" border="0"></a><br>';
	sidenav += '	</td>';
	sidenav += '</tr>';
	sidenav += '<tr>';
	sidenav += '	<td><img src="images/nav_blue2.gif" width="5" height="45" name="blue2_1"><br></td>';
	sidenav += '	<td>';
	sidenav += '		<a href="why_train_max.html" onmouseover="brillar(\'blue2_1\', \'blue2on\')" onmouseout="brillar(\'blue2_1\', \'blue2off\')"><img src="images/nav_whyStrengthTrain.gif" alt="Why Srength Train with the Max?" width="189" height="45" border="0"></a><br>';
	sidenav += '	</td>';
	sidenav += '</tr>';

	if (thePage == 'two') {
		sidenav += '		<tr>';
		sidenav += '			<td bgcolor="#BCBBBD" colspan="2">';
		sidenav += '				<img src="images/nav_subnav_why.gif" width="192" height="134" border="0" usemap="#subnavWhy"><br>';
		sidenav += '				<map name="subnavWhy">';
		sidenav += '				<area shape=rect coords="34,11,162,22" href="hard_core.html" alt="Hard-Core Resistance">';
		sidenav += '				<area shape=rect coords="39,36,162,47" href="full_range.html" alt="Full Range of Motion">';
		sidenav += '				<area shape=rect coords="17,60,162,70" href="quick_change.html" alt="Quick-Change Resistance">';
		sidenav += '				<area shape=rect coords="42,83,162,95" href="total_body.html" alt="Total-Body Workout">';
		sidenav += '				<area shape=rect coords="74,108,162,118" href="superior_value.html" alt="Fantastic Value">';
		sidenav += '				<area shape="default" nohref>';
		sidenav += '				</map>';
		sidenav += '			</td>';
		sidenav += '		</tr>';
		sidenav += '		<tr>';
		sidenav += '			<td colspan="2" width="194"><img src="images/nav_horiz.gif" width="194" height="2"><br></td>';
		sidenav += '		</tr>';
	}
	sidenav += '<tr>';
	sidenav += '	<td><img src="images/nav_blue2.gif" width="5" height="45" name="blue2_2"><br></td>';
	sidenav += '	<td>';
	sidenav += '		<a href="comparison.html" onmouseover="brillar(\'blue2_2\', \'blue2on\')" onmouseout="brillar(\'blue2_2\', \'blue2off\')"><img src="images/nav_versesCompetition.gif" alt="Weider Max vs. The Competition" width="189" height="45" border="0"></a><br>';
	sidenav += '	</td>';
	sidenav += '</tr>';

	if (thePage == 'three') {
		sidenav += '<tr>';
		sidenav += '<td bgcolor="#BCBBBD" colspan="2">';
		sidenav += '	<img src="images/nav_subnav_competition.gif" alt="" width="192" height="146" border="0" usemap="#subnavcompetion"><br><map name="subnavcompetion">';
		sidenav += '<area alt="" coords="123,11,175,26" href="cb_vs_bf.html">';
		sidenav += '<area alt="" coords="100,35,175,49" href="cb_vs_fw.html">';
		sidenav += '<area alt="" coords="80,58,176,86" href="cb_vs_conv.html">';
		sidenav += '<area alt="" coords="92,94,176,111" href="cb_vs_fc.html">';
		sidenav += '<area alt="" coords="95,118,176,135" href="cb_vs_tg.html">';
		sidenav += '</map>					';
		sidenav += '					</td>';
		sidenav += '				</tr>';
		sidenav += '				<tr>';
		sidenav += '					<td colspan="2" width="194"><img src="images/nav_horiz.gif" width="194" height="2"><br></td>';
		sidenav += '				</tr>';
	}
	sidenav += '<tr>';
	sidenav += '	<td><img src="images/nav_blue1.gif" width="5" height="30" name="blue1_2"><br></td>';
	sidenav += '	<td>';
	sidenav += '		<a href="strength_women.html" onmouseover="brillar(\'blue1_2\', \'blue1on\')" onmouseout="brillar(\'blue1_2\', \'blue1off\')"><img src="images/nav_strengthWomen.gif" alt="Strength for Women" width="189" height="30" border="0"></a><br>';
	sidenav += '	</td>';
	sidenav += '</tr>';
	sidenav += '<tr>';
	sidenav += '	<td><img src="images/nav_blue2.gif" width="5" height="45" name="blue2_3"><br></td>';
	sidenav += '	<td>';
	sidenav += '		<a href="exercises.html" onmouseover="brillar(\'blue2_3\', \'blue2on\')" onmouseout="brillar(\'blue2_3\', \'blue2off\')"><img src="images/nav_65+exercises.gif" alt="65+ Club-Quality Exercises" width="189" height="45" border="0"></a><br>';
	sidenav += '	</td>';
	sidenav += '</tr>';

	if (thePage == 'five') {
		sidenav += '		<tr>';
		sidenav += '			<td bgcolor="#BCBBBD" colspan="2">';
		sidenav += '				<img src="images/nav_subnav_65.gif" width="192" height="178" border="0" usemap="#subnav65"><br>';
		sidenav += '				<map name="subnav65">';
		sidenav += '				<area shape=rect coords="0,0,191,32" href="exercises_chest.html" alt="Chest Exercises">';
		sidenav += '				<area shape=rect coords="0,33,191,61" href="exercises_back.html" alt="Back Exercises">';
		sidenav += '				<area shape=rect coords="0,62,191,90" href="exercises_leg.html" alt="Leg Exercises">';
		sidenav += '				<area shape=rect coords="0,91,191,118" href="exercises_arm.html" alt="Arm Exercises">';
		sidenav += '				<area shape=rect coords="0,119,191,148" href="exercises_shoulder.html" alt="Shoulder Exercises">';
		sidenav += '				<area shape=rect coords="0,149,191,179" href="exercises_ab.html" alt="Ab Exercises">';
		sidenav += '				<area shape="default" nohref>';
		sidenav += '				</map>';
		sidenav += '			</td>';
		sidenav += '		</tr>';
		sidenav += '		<tr>';
		sidenav += '			<td colspan="2" width="194"><img src="images/nav_horiz.gif" width="194" height="2"><br></td>';
		sidenav += '		</tr>';
	}
	sidenav += '<tr>';
	sidenav += '	<td><img src="images/nav_blue1.gif" width="5" height="30" name="blue1_3"><br></td>';
	sidenav += '	<td>';
	sidenav += '		<a href="accessories.html" onmouseover="brillar(\'blue1_3\', \'blue1on\')" onmouseout="brillar(\'blue1_3\', \'blue1off\')"><img src="images/nav_accessories.gif" alt="Accessories" width="189" height="30" border="0"></a><br>';
	sidenav += '	</td>';
	sidenav += '</tr>';
	sidenav += '<tr>';
	sidenav += '	<td><img src="images/nav_blue2.gif" width="5" height="45" name="blue2_4"><br></td>';
	sidenav += '	<td>';
	sidenav += '		<a href="guarantee.html" onmouseover="brillar(\'blue2_4\', \'blue2on\')" onmouseout="brillar(\'blue2_4\', \'blue2off\')"><img src="images/nav_maxGuarantee.gif" alt="The Max Guarantee" width="189" height="45" border="0"></a><br>';
	sidenav += '	</td>';
	sidenav += '</tr>';
	sidenav += '<tr>';
	sidenav += '	<td><img src="images/nav_blue1.gif" width="5" height="30" name="blue1_4"><br></td>';
	sidenav += '	<td>';
	sidenav += '		<a href="testimonials.html" onmouseover="brillar(\'blue1_4\', \'blue1on\')" onmouseout="brillar(\'blue1_4\', \'blue1off\')"><img src="images/nav_viewTestimonials.gif" alt="Testimonials" width="189" height="30" border="0"></a><br>';
	sidenav += '	</td>';
	sidenav += '</tr>';
	sidenav += '<tr>';
	sidenav += '	<td colspan="2">';
	sidenav += '		<img src="images/nav_photo.jpg" width="194" height="186"><br>';
	sidenav += '	</td>';
	sidenav += '</tr>';
	sidenav += '</table>';
}


// RIGHT-SIDE PROMOTIONAL AREA
var rightPromo = '';
	rightPromo += ' <p style="margin-top:21px;">';
	rightPromo += '	<div id="sideMax" style="margin:5px 0px; padding:3px; width:193px;"><img src="images/photo_max_side.jpg" width="166" height="193"><br>';
	rightPromo += '	<span style="font-size:12px; font-weight:bold;">THE MAX&#153;</span> &nbsp;<br>';
	rightPromo += '	<span style="font-size:10px;">' + sku + '</span> <span style="font-size:14px; font-weight:bold; color:#990000;">$' + price + '</span> &nbsp;<br>';
	rightPromo += '	<span style="font-size:11px; line-height:12px;">Payments as low as&nbsp;</span><br>';
	rightPromo += '	<span style="font-size:11px; line-height:12px;">' + payments + ' &nbsp;</span><br>';
	rightPromo += '	<a href="' + itemAddURL + '"><img src="images/btn_buynow.gif" alt="Buy Now" width="166" height="29" vspace="8" border="0"></a></div>';
//	rightPromo += latBar;
	rightPromo += add100;

