<!--  for all the pages header and left menu-->

// JavaScript Document  it is the one store using right now


function createheader(){


var strheader = "";
strheader = strheader + "<style>div.nav_heading { font-size:12px; margin:10px 0px 0px 5px; font-weight:bold;}</style>"

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:750px;\">";
strheader = strheader + " <div id=\"contentleftdiv\" class=\"contentleftdiv\" style=\"height:750px;\">";

strheader = strheader + "   <div class=\"nav_heading\">CLICKFREE BACKUP SYSTEMS</div>   ";

strheader = strheader + "   <div class=\"nav_heading\">&nbsp;<a onClick=\"_gaq.push(['_trackEvent', 'HotDealsClick', 'HotDealsLink' ]);\" href=\"http://www.clickfree.com/hotdeal.php\" class=\"a_black_orange\" ><img src=\"http://www.clickfree.com/images/HOT-DEALS.jpg\" width=\"86\" height=\"27\" /></a></div>";

strheader = strheader + "   <div class=\"nav_heading\">&nbsp;<a onClick=\"_gaq.push(['_trackEvent', 'MainSoftwareLink', 'SoftwareLink' ]);\"href=\"http://www.clickfree.com/software/clickfree/buy\" class=\"a_black_orange\" >SOFTWARE</a></div>";

strheader = strheader + "   <div class=\"nav_heading\">PORTABLE</div>   ";

strheader = strheader + "   <div class=\"leftmenutext\" style=\"margin-top:5px;\" ><a href=\"http://www.clickfree.com/products_c6.php\" class=\"a_black_orange\" >C6 Easy Imaging</span></a></div>";

// strheader = strheader + "   <div class=\"leftmenutext\"><a href=\"http://www.clickfree.com/products_c2.php\" class=\"a_black_orange\" >C2 (Deluxe)</span></a></div>";

strheader = strheader + "   <div class=\"leftmenutext\" ><a href=\"http://www.clickfree.com/products_c2_rugged.php\" class=\"a_black_orange\" >C2 Rugged</span></a></div>";

strheader = strheader + "   <div class=\"leftmenutext\"><a href=\"http://www.clickfree.com/products_c2n.php\" class=\"a_black_orange\" >C2 Network</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=\"nav_heading\">DESKTOP</div>   ";

strheader = strheader + "   <div class=\"leftmenutext\" style=\"margin-top:5px;\" ><a href=\"http://www.clickfree.com/products_c6.php\" class=\"a_black_orange\" >C6 Easy Imaging</span></a></div>";

strheader = strheader + "   <div class=\"leftmenutext\"><a href=\"http://www.clickfree.com/products_c2desktop.php\" class=\"a_black_orange\" >C2 (Deluxe)</a></div>";

strheader = strheader + "   <div class=\"leftmenutext\"><a href=\"http://www.clickfree.com/products_c2n.php\" class=\"a_black_orange\" >C2 Network</a></div>";

strheader = strheader + "   <div class=\"leftmenutext\"><a href=\"http://www.clickfree.com/products_c3.php\" class=\"a_black_orange\" >C2 (Clickfree Wireless)</a></div>";

strheader = strheader + "   <div class=\"nav_heading\">SOFTWARE TRANSFORMER</div>   ";

strheader = strheader + "   <div class=\"leftmenutext \"  style=\"margin-top:5px; white-space:nowrap;\"> <a href=\"http://www.clickfree.com/products_transformerse.php\" class=\"a_black_orange\">FOR EXISTING DRIVES (Deluxe)</a></div>";

strheader = strheader + "   <div class=\"leftmenutext\"  style=\"white-space:nowrap;\"> <a href=\"http://www.clickfree.com/products_transformer.php\" class=\"a_black_orange\" >FOR EXISTING DRIVES (Basic)</a></div>";

strheader = strheader + "   <div class=\"leftmenutext\"  style=\"white-space:nowrap;\"><a href=\"http://www.clickfree.com/products_transformer_network.php\" class=\"a_black_orange\" >FOR EXISTING DRIVES (Network)</a></div>";

strheader = strheader + "   <div class=\"leftmenutext\" > <a href=\"http://www.clickfree.com/products_transformeripod.php\" class=\"a_black_orange\" >FOR iPOD</a></div>";

strheader = strheader + "   <div class=\"leftmenutext\" > <a href=\"http://www.clickfree.com/products_dvdtransformer.php\" class=\"a_black_orange\" >FOR DVD (USB Stick)</a></div>";

strheader = strheader + "   <div class=\"leftmenutext\" ><a href=\"/products_dvd.php\" class=\"a_black_orange\" >For DVD (Recordable Disks)</a></div>";

strheader = strheader + "   <div class=\"nav_heading\">&nbsp;<a href=\"http://www.clickfree.com/products_accessory.php\" class=\"a_black_orange\" >ACCESSORIES</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_master.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 == 'ZIP025T-0000-000-DE') || (obj[6].value == 'ZIP025T-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 == '1005-1000-100') || (obj[6].value == 'BCR-1004-100-SP') || (obj[6].value == 'T502-1003-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';	
}
