perka = "<img onclick='javascript:showOrderForm();' src='images/home/NEW_PerkaStressMug.png' style='margin-top:-4px;margin-left:0px;cursor:pointer;' /><a href='javascript:hideProducts();'><img src='images/specials/BUTTON_XCircle.png' style='position:absolute;z-index:1;right:-2px;bottom:18px;border:none;'></a>";
aspen = "<img onclick='javascript:showOrderForm();' src='images/home/NEW_AspenThermos.png' style='margin-top:-4px;margin-left:0px;cursor:pointer;' /><a href='javascript:hideProducts();'><img src='images/specials/BUTTON_XCircle.png' style='position:absolute;z-index:1;right:-2px;bottom:18px;border:none;'></a>";


spirit = "<img onclick='javascript:showOrderForm();' src='images/home/NEW_SpiritTumbler.png' style='margin-top:-4px;margin-left:0px;cursor:pointer;' /><a href='javascript:hideProducts();'><img src='images/specials/BUTTON_XCircle.png' style='position:absolute;z-index:1;right:-2px;bottom:18px;border:none;'></a>";

/* If someone else has to edit this stuff after me, sorry! It's really not that complicated though.  I did all inline styling, and since javascript doesn't support multiline strings, I couldn't even make it readable.  But it really isn't that complicated.
*/
molly = "<img src='images/home/meetmolly.png' style='margin-top:-5px;' /><a href='javascript:hideProducts();'><img src='images/specials/BUTTON_XCircle.png' style='position:absolute;z-index:1;right:0px;bottom:20px;border:none;'></a>";

tumbler = "<img onclick='javascript:showOrderForm();' src='images/home/NEW_SodaCanTumbler.png' style='margin-top:-4px;margin-left:0px;cursor:pointer;' /><a href='javascript:hideProducts();'><img src='images/specials/BUTTON_XCircle.png' style='position:absolute;z-index:1;right:-2px;bottom:18px;border:none;'></a>";
/*
	Okay, I lied.  Vote is going to be terrible if you have to change it, but I will split it up for you :).  And yep, I did escape those quotes around the font name
*/
vote_p1 = "<span style='position:relative;float:left;'>Each year Arizona Business Magazine ranks Arizona businesses in several different categories. <span style='font-weight:bold;font-style:italic;'>We are ranked #2 in Arizona</span> out of hunderds of promotional product companies for 2011.</span>";
vote_p2 = "<span style='position:relative;float:left;margin-top:7px;'>THANK YOU to those of you who have voted for us in the past! Your trust in us keeps us working hard for you each and every day!</span>";
vote_p3 = "<span style='position:relative;float:left;margin-top:7px;font-weight:bold;font-style:italic;'>Please visit <span style='color:#8AC43F'><a target='_blank' href='http://ranking.aznow.biz' class='voteLink'>http://ranking.aznow.biz</a></span></span>";
/*
	Look at all those html entities in the 4th paragraph...
*/
vote_p4 = "<span style='font-weight:bold;font-style:italic;position:relative;float:left;margin-top:7px;'>Select &ldquo;Search by Category&rdquo;---&gt; &ldquo;Advertising &amp; Marketing&rdquo; Choose &ldquo;Promotional Product&rdquo; as subcategory ---&gt; Scroll down to select &ldquo;Stowebridge Promotion Group&rdquo; as your company ---&gt; Add your email address and CAST YOUR VOTE!</span>";
/*
	And the vote variable just puts everything together.  Now that I think about it, it would have been pretty funny if I stuffed all the paragraphs onto one line.  Hahaha so if you're bored, you can do that to the next person :)
*/
vote = "<img src='images/home/voteforus.png' style='margin-top:-5px;opacity:1;' /><span style='position:absolute;left:20px;top:70px;font-family:\"Trebuchet MS\";font-size:10px;line-height:14px;'>"+vote_p1+vote_p2+vote_p3+vote_p4+"</span><a href='javascript:hideProducts();'><img src='images/specials/BUTTON_XCircle.png' style='position:absolute;z-index:1;right:-3px;bottom:20px;border:none;'></a>";
function displayProducts(product_number){
	document.getElementById("displayProducts").style.display = "block";
	document.getElementById("leftRightColumn").style.display = "none";
	if(product_number == "tumbler"){
		document.getElementById("displayProducts").innerHTML = tumbler;
	}
	if(product_number == "perka"){
		document.getElementById("displayProducts").innerHTML = perka;
	}
	if(product_number == "aspen"){
		document.getElementById("displayProducts").innerHTML = aspen;
	}
	if(product_number == "spirit"){
		document.getElementById("displayProducts").innerHTML = spirit;
	}
	if(product_number == "molly"){
		document.getElementById("displayProducts").innerHTML = molly;
	}
	if(product_number == "vote"){
		document.getElementById("displayProducts").innerHTML = vote;
	}
}
function hideProducts(){
	document.getElementById("displayProducts").style.display = "none";
	document.getElementById("leftRightColumn").style.display = "block";
}
function showSpecial(){
	document.getElementById("dim").style.display = "block";
}
function hideSpecial(){
	document.getElementById("dim").style.display = "none";
}
function showOrderForm(){
	document.getElementById("orderFormDim").style.display = "block";
}
function hideOrderForm(){
	document.getElementById("orderFormDim").style.display = "none";
}
