<!--  for all the pages header and left menu-->

// JavaScript Document  it is the one store using right now


function createheader(){


var strheader = "";

strheader = strheader + "<div id=\"headerleft\" class=\"headerleft\">";
strheader = strheader + "<img src=\"http://www.clickfree.com/images/top_left_border.gif\" /></div>";
strheader = strheader + "<div id=\"headertag1\" class=\"headertag1\"><a href=\"http://www.clickfree.com/index.php\"><img src=\"http://www.clickfree.com/images/tagproducts.gif\" style=\"margin-left:7px;\"  /></a></div>";

strheader = strheader + "<div id=\"headertag2\" class=\"headertag2\"><a href=\"http://www.clickfree.com/buy.php\"><img src=\"http://www.clickfree.com/images/wheretobuy_grey.gif\"  /></a></div>";

strheader = strheader + "<div id=\"headertag3\" class=\"headertag3\"><a href=\"http://www.clickfree.com/about.php\"><img src=\"http://www.clickfree.com/images/tagabout.gif\" /></a></div>";
strheader = strheader + "<div id=\"headertag4\" class=\"headertag4\"><a href=\"http://www.clickfree.com/support.php\"><img src=\"http://www.clickfree.com/images/tagcontact.gif\"  /></a></div>";
strheader = strheader + "<div id=\"headerright\" class=\"headerright\"><img src=\"http://www.clickfree.com/images/top_right_border.gif\" /></div>";
document.write(strheader);
}

function createleftnav()
{
strheader = "<div id=\"contentleft\" class=\"contentleft\" style=\"height:630px;\">";
strheader = strheader + " <div id=\"contentleftdiv\" class=\"contentleftdiv\" style=\"height:620px;\">";
//strheader = strheader + "   <div class=\"leftmenutext\" style=\"font-size:14px; margin-top:5px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;\">ALL PRODUCTS</div>   ";

strheader = strheader + "   <div class=\"leftmenutext\" style=\"margin-top:15px;\" ><a href=\"http://www.clickfree.com/products_c2n.php\" class=\"a_black_orange\" ><strong>NEW</strong> - C2N NETWORK BACKUP</a></div>";
strheader = strheader + "   <div class=\"leftmenutext\" ><a href=\"http://www.clickfree.com/products_transformer_network.php\" class=\"a_black_orange\" ><strong>NEW</strong> - TRANSFORMER NE</a></div>";
//strheader = strheader +  "   <div class=\"leftmenutext\"  ><a href=\"http://www.clickfree.com/products_traveler_sd.php\" class=\"a_black_orange\" ><strong>NEW</strong> - TRAVELER SD</a></div>";
//strheader = strheader +  "   <div class=\"leftmenutext\" ><a href=\"http://www.clickfree.com/products_traveler_blackberry.php\" class=\"a_black_orange\" ><strong>NEW</strong> - TRAVELER BLACKBERRY</a></div>";

strheader = strheader + "   <div class=\"leftmenutext\" ><a href=\"http://www.clickfree.com/products_portable_backup.php\" class=\"a_black_orange\" >C1 PORTABLE BACKUP</a></div>";
strheader = strheader + "   <div class=\"leftmenutext\" ><a href=\"http://www.clickfree.com/products_c2.php\" class=\"a_black_orange\" >C2 PORTABLE BACKUP</span></a></div>";
strheader = strheader + "   <div class=\"leftmenutext\" ><a href=\"http://www.clickfree.com/products_desktop_backup.php\" class=\"a_black_orange\" >DESKTOP BACKUP</a></div>";
strheader = strheader + "   <div class=\"leftmenutext\" ><a href=\"http://www.clickfree.com/products_traveler.php\" class=\"a_black_orange\" > TRAVELER</a></div>";
strheader = strheader + "   <div class=\"leftmenutext\" > <a href=\"http://www.clickfree.com/products_transformer.php\" class=\"a_black_orange\" >TRANSFORMER</a></div>";
strheader = strheader + "   <div class=\"leftmenutext\" > <a href=\"http://www.clickfree.com/products_dvdtransformer.php\" class=\"a_black_orange\" >DVD TRANSFORMER</a></div>";
strheader = strheader + "   <div class=\"leftmenutext\" > <a href=\"http://www.clickfree.com/products_transformeripod.php\" class=\"a_black_orange\" >TRANSFORMER FOR iPOD</a></div>";
strheader = strheader + "   <div class=\"leftmenutext \" > <a href=\"http://www.clickfree.com/products_transformerse.php\" class=\"a_black_orange\">TRANSFORMER SE</a></div>";
strheader = strheader + "   <div class=\"leftmenutext\" style=\"height:35px;\" > <a href=\"http://www.clickfree.com/products_combo.php\" class=\"a_black_orange\" >TRANSFORMER & HDD <br/>COMBO</a></div>";
strheader = strheader + "   <div class=\"leftmenutext\" ><a href=\"http://www.clickfree.com/products_dvd.php\" class=\"a_black_orange\" > DVD BACKUP</a></div>";
strheader = strheader + "   <div class=\"leftmenutext\" > <a href=\"http://www.clickfree.com/products_accessory.php\" class=\"a_black_orange\" >ACCESSORIES</a></div>";
strheader = strheader + "   <div class=\"leftmenutext\" > <a href=\"http://www.clickfree.com/products_recertified.php\" class=\"a_black_orange\" >RECERTIFIED PRODUCTS</a></div>";
strheader = strheader + "   <div class=\"leftmenutext\" > <a href=\"http://www.clickfree.com/clickfreesale.php\" class=\"a_black_orange\" ><strong>ON SALE THIS WEEK</strong></a></div>";

strheader = strheader + "   <div class=\"leftmenutext\" style=\"margin-top:-5px\" > <a href=\"http://www.clickfree.com/hotdeal.php\"><img src=\"http://www.clickfree.com/images/HOT-DEALS.jpg\" width=\"86\" height=\"27\" /></a></div>";
//strheader = strheader + "   <div class=\"leftmenutext\" ><a href=\"#\" class=\"a_black_orange\" > SIGN UP FOR EMAIL</a></div>";

strheader = strheader + "<div style=\"float:left; width:120px; margin-left:15px; margin-top:30px;  margin-left:35px; \"><img src=\"http://www.clickfree.com/images/store/visa.gif\" /></div>";


strheader = strheader + "  <div style=\"float:left; width:100px; height:113px; margin-left:35px; margin-top:30px;\"><img src=\"http://www.clickfree.com/images/store/ssl_volustion.gif\" /></div>";

   
strheader = strheader + " </div>";
strheader = strheader + "</div>";

document.write(strheader);
}




/*
 * 2009.03.09 
 * add this funcion for automatically check the accessory for daily special.
 * only for  HD325 for now.
 * the input tag order is '6' on HD325 http://buy.goclickfree.com/ProductDetails.asp?ProductCode=325-1003-100-02 
 * (need to check everytime change the page.)
 * The script will add into template,for need to call after checkbox generate,but only need to run in HD325 page now. b/c everypage    have it,should check before using again.
 * getElementsByName doesn't work. getElementsById is working but volusion doesn't use ID in tag! suck!
 */
function autocheck(){
	obj = document.getElementsByTagName("input");
	//ipodCable won't do auto checked.
	if (obj[6].name == 'ProductCode2') // only case and wallet is autochecked.
	{
	 if( (obj[6].value == 'ZIP025B-0000-000-DE') || (obj[6].value == 'ZIP025B-0000-000-SP') || 
	    (obj[6].value == 'WLBLK-0000-000-DE') || (obj[6].value == 'WLBLK-0000-000-SP') || (obj[6].value == '10010-1000-100-SP') 
		|| (obj[6].value == 'CAB101-1003-100') || (obj[6].value == 'BCR-1004-100-SP') )
			obj[6].checked= 'checked';
			
		//obj[6].checked= false;
	}
    if (obj[1].value == '20010-1000-1002') //double check the name to make sure it is the right one ---dvd bundle
		obj[1].checked='checked';	
    if (obj[3].value == '10010-1000-1002') //double check the name to make sure it is the right one ---dvd bundle
		obj[3].checked='checked';	
}