//*********************************************************************************************************** GLOBAL VARS
var ebusinessInitialPageToDisplay = "estylez_logout.aspx" //+ global_MASCompanyCode;

//************************************************************************************************ Template Header & Footer

function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

MM_preloadImages('layout_images/btn_top_tru_optics_over.gif','layout_images/btn_top_tru_firearms_over.gif','layout_images/btn_second_tru_firearms_sights_over.gif','layout_images/btn_top_tru_archery_over.gif','layout_images/btn_top_apex_gear_over.gif')

function drawEstylezHeader()
{

strHeader = "";
strHeader += "<!--Start Div Wrapper-->";
strHeader += "<div id=\"div_container_wrapper\">";
strHeader += "";
strHeader += "<!-- Header Section with the logo, top links and search bar -->";
strHeader += "<div id=\"div_container_header\">";
strHeader += "	<div class=\"logo\">        ";
strHeader += "		<a href=\"index.aspx\"><img src=\"/layout_images/logo.png\" alt=\"Truglo - The World\'s Most Advanced Line of Fiber Optic Sights\" /></a>";
strHeader += "	</div>";
strHeader += "	<div class=\"div_top_links\">";
strHeader += "		<a class=\"toplink\" href=\"/index.aspx\">HOME</a>		";
strHeader += "		<a class=\"toplink\" href=\"/tritium.aspx\">TRITIUM</a>";
strHeader += "		<a class=\"toplink\" href=\"/service.aspx\">CUSTOMER SERVICE/REPAIR</a>";
strHeader += "		<a class=\"toplink\" href=\"/contact.aspx\">CONTACT</a>		";
strHeader += "		";
strHeader += "		<!--Client does not want to see the about us right now<a class=\"toplink\" href=\"/about.aspx\">ABOUT US</a>-->												";
strHeader += "";

// Start of search form
strHeader +="	<form name=\"frmSearch\" action=\"IW_Products.m4p.pvx?;SEARCH_SUBMIT?company=TWC\" method=\"post\" onsubmit=\"return submitSearchForm(this, this.SubmitBtn, this.SearchText, false)\">";
strHeader += "		<div class=\"div_search_box\">";
strHeader += "			<input type=\"hidden\" name=\"SearchType\" value=\"description\">";
strHeader += "			<input type=\"hidden\" name=\"SearchMethod\" value=\"Contains\">";
strHeader += "			<input type=\"hidden\" name=\"category\" value=\"*\">";
strHeader += "			<input type=\"text\" name=\"SearchText\" value=\"\" class=\"textbox_search_no_doc\" maxlength=\"30\" onkeydown=\"return jumpToCtrlOnCR(event, 'SubmitBtn');\" ";
strHeader += "                         style=\"background-image:url(layout_images/watermark_search.GIF); "
strHeader += "                                 background-repeat:no-repeat;\" "
strHeader += "                         onfocus=\"this.style.backgroundImage='';\" "
strHeader += "                         onblur=\"if (this.value=='') "
strHeader += "                                  { "
strHeader += "                                    this.style.backgroundImage='url(layout_images/watermark_search.GIF)'; "
strHeader += "                                    this.style.backgroundRepeat='no-repeat'; "
strHeader += "                                  }\">";
strHeader += "          &nbsp;<input type=\"submit\" value=\"\" name=\"SubmitBtn\" id=\"SubmitBtn\" style=\"border-width:0px; border-style:none;background-image:url(layout_images/btn_top_go.gif); width:37px; height:25px; vertical-align: middle;\" >";
strHeader += "		</div>";
strHeader += "	</form>";
// End of search form

strHeader += "";
strHeader += "	</div>";
strHeader += "</div>";
strHeader += "";
strHeader += "<!-- Content Section with login, cart, categories and links and the main content -->";
strHeader += "<div id=\"div_container_main\">";
strHeader += "	<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
strHeader += "	<tr>";
strHeader += "		<td class=\"td_cell_main_area_side_menu\">";
strHeader += "";

//Used for printable invoices
strHeader += "<div id=\"div_container_menu_printable_invoices\">";

strHeader += "	    <!--Login-->";
strHeader += "	    <div class=\"div_menu_tab_dealer\">";
strHeader += "		    <div class=\"img_tab_side_headers\">";
strHeader += "		        <img src=\"/layout_images/img_side_title_dealer_watch.png\" alt=\"Dealer Login\" class=\"img_tab_side_headers\" />";
strHeader += "		    </div>";
strHeader += "		    ";

if (eBizUserType == '1')
{
strHeader += "	<div class=\"div_user_name\">";	
strHeader += eBizUserName
strHeader += "	</div>";
strHeader += "	<div class=\"div_side_cart_message\">";	
strHeader += "	You have ";
strHeader += "	<span class=\"cart_items_amount\">(";
strHeader += eBizCartItems
strHeader += ")</span>";
strHeader += " items in your shopping cart worth ";
strHeader += "	<span class=\"cart_items_amount\">$";
strHeader += eBizCartAmt
strHeader += "	</span>";
strHeader += "<div class=\"dealer_logout\"><a href=\"javascript:logoutB2B()\"><img src=\"/layout_images/btn_logout.gif\" alt=\"logout\" /></a></div>";
strHeader += "</div>";
}
else
{

// Login form for e-Business
strHeader += "  <form action=\"IW_Login.m4p.pvx?;login_submit\" method=\"post\" name=\"TestForm\" onSubmit=\"return (checkForm(this))\">";
strHeader += " 	<input type=\"hidden\" name=\"RememberMe\" value=\"on\">";
strHeader += "		<div class=\"dealer_user\">";
strHeader += "			<input type=\"text\" id=\"UserID\" name=\"UserID\" value=\"\" class=\"textbox_user_no_doc\" ";
strHeader += "                             style=\"background-image:url(layout_images/watermark_b2b_login.GIF); "
strHeader += "                                     background-repeat:no-repeat;\" "
strHeader += "                             onfocus=\"this.style.backgroundImage='';\" "
strHeader += "                             onblur=\"if (this.value=='') "
strHeader += "                                      { "
strHeader += "                                        this.style.backgroundImage='url(layout_images/watermark_b2b_login.GIF)'; "
strHeader += "                                        this.style.backgroundRepeat='no-repeat'; "
strHeader += " }\">";
strHeader += "		</div>";
strHeader += "		<div class=\"dealer_password\">";
strHeader += "			<input type=\"password\" id=\"Password\" name=\"Password\" value=\"\" class=\"textbox_password_no_doc\" onkeydown=\"return jumpToCtrlOnCRLogin(event, 'btnTargetLogin');\" ";
strHeader += "                             style=\"background-image:url(layout_images/watermark_password.gif); "
strHeader += "                                     background-repeat:no-repeat;\" "
strHeader += "                             onfocus=\"this.style.backgroundImage='';\" "
strHeader += "                             onblur=\"if (this.value=='') "
strHeader += "                                      { "
strHeader += "                                        this.style.backgroundImage='url(layout_images/watermark_password.gif)'; "
strHeader += "                                        this.style.backgroundRepeat='no-repeat'; "
strHeader += " }\">";
strHeader += "		</div>";
strHeader += " 		<div class=\"forgot_password\"><a class=\"loginlink\" href=\"/IW_Login.m4p.pvx?;UID_REQUEST\">forgot your password</a></div>";
strHeader += "		<div class=\"dealer_login\"><input type=\"button\" name=\"btnTargetLogin\" id=\"btnTargetLogin\" style=\"border-width:0px;border-style:none;background-image:url(layout_images/btn_login.gif);width:66px;height:18px;vertical-align: top;\" onclick=\"b2clogin();\" \></div>";

strHeader += "	</form>";
// End login form for e-Business

}

strHeader += "        </div>";
strHeader += "			";
strHeader += "			<!--Product Menu-->";
strHeader += "		<div class=\"div_menu_tab_dividers\">";
strHeader += "			<div class=\"img_tab_side_headers\">";
strHeader += "				<img src=\"/layout_images/img_side_title_product_watch.png\" alt=\"products (menu)\" class=\"img_tab_side_headers\" />";
strHeader += "			</div>	 ";
strHeader += "														";
strHeader += "			<a onclick=\"showKenai();\" href=\"/IW_Products.m4p.pvx?;item?ItemCode=5700-00-0021010?company=TWC\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage(\'kenai\',\'\',\'layout_images/btn_top_kenai_over.jpg\',1)\"><img src=\"/layout_images/btn_top_kenai.jpg\" alt=\"Kenai\" class=\"img_top_button\" id=\"kenai\" /></a><a onclick=\"showDenali();\" href=\"/IW_Products.m4p.pvx?;item?ItemCode=5700-00-0031020?company=TWC\" onmouseout=\"MM_swapImgRestore();\" onmouseover=\"MM_swapImage(\'denali\',\'\',\'layout_images/btn_top_denali_over.jpg\',1)\"><img src=\"/layout_images/btn_top_denali.jpg\" alt=\"Denali\" class=\"img_top_button\" id=\"denali\" /></a><!--<a onclick=\"showTrubrite();\" href=\"/IW_Products.m4p.pvx?;item?ItemCode=5700-00-0010020?company=TWC\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage(\'trubrite\',\'\',\'layout_images/btn_top_trubrite_over.jpg\',1)\"><img src=\"/layout_images/btn_top_trubrite.jpg\" alt=\"Tru Brite\" class=\"img_top_button\" id=\"trubrite\" /></a><a onclick=\"showSwitch();\" href=\"/IW_Products.m4p.pvx?;item?ItemCode=5700-00-0032020?company=TWC\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage(\'switch\',\'\',\'layout_images/btn_top_switchback_over.jpg\',1)\"><img src=\"/layout_images/btn_top_switchback.jpg\" alt=\"Switchback\" class=\"img_top_button\" id=\"switch\" /></a>-->				";
strHeader += "			";
strHeader += "		</div>";
strHeader += "		";
strHeader += "		    ";
strHeader += "			<!-- e-Business Menu-->";
strHeader += "			<div class=\"div_menu_tab_dividers\">	";
strHeader += "				<div class=\"img_tab_side_headers\" style=\"padding-bottom: 5px;\">";
strHeader += "					<img src=\"/layout_images/img_side_title_menu_watch.png\" alt=\"ebusiness (menu)\" />";
strHeader += "				</div>";
strHeader += "				";

if (eBizUserType == '2')
{
// B2C Menu
strHeader += "				<a href=\"/IW_Help.m4p.pvx?;HELP_TOC?company=TWC\" class=\"ebizlink\">Help</a>	";
strHeader += "				<a href=\"/IW_User.m4p.pvx?;PROFILE?company=TWC\" class=\"ebizlink\">My Account</a>";
strHeader += "				<a href=\"https://www.truglowatch.com/IW_ShoppingCartStore.m4p.pvx?;SC_STEP1?company=TWC\" class=\"ebizlink\">Shopping Cart</a>";
}
else
{
// B2B Menu
strHeader += "				<a href=\"/IW_Customer.m4p.pvx?;CREDIT\" class=\"ebizlink\">Credit</a>";
strHeader += "				<a href=\"/IW_Help.m4p.pvx?;HELP_TOC?company=TWC\" class=\"ebizlink\">Help</a>";
strHeader += "				<a href=\"/IW_InquiryARInvoice.m4p.pvx?;INV_INQ_OPTIONS\" class=\"ebizlink\">Invoices</a>";
strHeader += "				<a href=\"/IW_Customer.m4p.pvx?;CUSTOMER\" class=\"ebizlink\">My Account</a>	    		";
strHeader += "             	<a href=\"/IW_InquirySOOpen.m4p.pvx?;SO_INQ_OPTIONS\" class=\"ebizlink\">Open Orders</a>";
strHeader += "             	<a href=\"/IW_InquirySOHist.m4p.pvx?;SO_HIST_INQ_OPTIONS\" class=\"ebizlink\">Order History</a>				                ";
strHeader += "				<a href=\"/IW_Customer.m4p.pvx?;SHIP_TO_BROWSE\" class=\"ebizlink\">Ship To Information</a> 				 ";
strHeader += "				<a href=\"https://www.truglowatch.com/IW_ShoppingCartOrder.m4p.pvx?;SUBMIT_SO\" class=\"ebizlink\">Shopping Cart</a>  ";
strHeader += "				<a href=\"/IW_User.m4p.pvx?;UID\" class=\"ebizlink\">User</a>";
}

strHeader += "			</div>							";

//Used for printable invoices
strHeader += "	</div>";

strHeader += "        </td>";
strHeader += "";
strHeader += "		<td class=\"td_cell_main_area_left_spacer\"></td>		";
strHeader += "		<td class=\"td_cell_main_area_body\">";
strHeader += "			<!--Main Section (used for template)--> ";

	document.write(strHeader)

}

function drawEstylezFooter()
{

strFooter = "";
strFooter += "</td>";
strFooter += "		<td class=\"td_cell_main_area_right_black_line\"></td>";
strFooter += "	</tr>	";
strFooter += "	</table>";
strFooter += "</div>";
strFooter += "";
strFooter += "<!-- Footer section at the very bottom (contains links & address, phone numbers) for non home webpage -->";
strFooter += "<div class=\"div_container_footer\" id=\"div_container_footer\">";
strFooter += "";
strFooter += "	<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
strFooter += "	<tr>";
strFooter += "		<td class=\"td_cell_footer_contact\">	";
strFooter += "														";
strFooter += "			<!--company logos-->";
strFooter += "			<a href=\"http://www.truglo.com/IW_Products.m4p.pvx?;PRODUCTS_NO_TREE?cat=50500?company=TGI\"><img src=\"/layout_images/logo_bottom_bonecollector.jpg\" alt=\"Bone Collector\" /></a>";
strFooter += "			<a href=\"http://www.truglo.com\" target=\"_blank\"><img src=\"/layout_images/logo_bottom_truglo.jpg\" alt=\"Truglo\" /></a>";
strFooter += "			<a href=\"http://www.truglo.com/IW_Products.m4p.pvx?;PRODUCTS_NO_TREE?cat=50100?company=TGI\"><img src=\"/layout_images/logo_bottom_apex.jpg\" alt=\"Apex Gear\" /></a>";
strFooter += "			<a href=\"http://www.firststringusa.com\" target=\"_blank\"><img src=\"/layout_images/logo_bottom_first.jpg\" alt=\"First String\" /></a>					";
strFooter += "";
strFooter += "		</td>";
strFooter += "		<td class=\"td_cell_footer_orange_triangle\"><img src=\"/layout_images/bottom_green_triangle_white.gif\" alt=\"\" /></td>";
strFooter += "		";
strFooter += "	</tr>";
strFooter += "	</table>			";
strFooter += "";
strFooter += "</div>";
strFooter += "";
strFooter += "<!--Copyright section at the very bottom -->";
strFooter += "<div id=\"div_container_copyright\">";
strFooter += "	<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
strFooter += "	<tr>";
strFooter += "		<td class=\"td_cell_copyright\">";
strFooter += "			Copyright&copy; 2011 TRUGLO Watch, Inc. TRUGLO reserves the right to change products, specifications, models and prices without notice &nbsp; :: &nbsp; <a class=\"bottomlink\" href=\"/sitemap.aspx\">sitemap</a>		";
strFooter += "		</td>";
strFooter += "		<td class=\"td_cell_copyright_triangle\"><img src=\"/layout_images/bottom_green_triangle.gif\" alt=\"bottom triangle\" style=\"display: block;\" /></td>";
strFooter += "	</tr>";
strFooter += "	</table>";
strFooter += "";
strFooter += "<!--End div wrapper-->";
strFooter += "</div>";
strFooter += "</div>       ";

		document.write(strFooter)

}


//*********************************************************************************************************** COOKIE FUNCTIONS

function getCookieData(labelName)
// returns cookie data from corresponding label, or null if label does not exist.
{
	var cookieData 		= document.cookie;		// grab the data once
	var cookieEnd;

	for (i=0; i < cookieData.length; i++)
	{
		var j = i + labelName.length;
		if (cookieData.substring(i,j) == labelName)
		{
			cookieEnd = cookieData.indexOf(";",j)
			if (cookieEnd == -1) { cookieEnd = cookieData.length; }
			
			return unescape(cookieData.substring(j+1, cookieEnd))
		}
	}
	return null;
}

function delCookieData(labelName)
// deletes specific cookie by label name
{
	document.cookie = labelName + "=" + ";expires=Thursday, 01 Jan 1970 00:00:01 GMT;";
	return null;
}

function setCookieData(name,value,days)
{
	if (days)
	{
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}




//*************************************************************************************************************** ISM FUNCTIONS

function showKenai()
{
	setCookieData("currentMenu","kenai")	
}

function showDenali()
{
	setCookieData("currentMenu","denali")	
}

function showTrubrite()
{
	setCookieData("currentMenu","trubrite")	
}

function showSwitch()
{
	setCookieData("currentMenu","switch")	
}

function logoutB2B()
{
	if (window.confirm("This will end your currnet session."))
	{ 
		logoutEbusinessUser(ebusinessInitialPageToDisplay);
	}
}

function b2clogin()
{
  document.TestForm.submit()
}

function logoutEbusinessUser()
// Logs out user: deletes Ebusiness cookies and sends to home page.
// Accepts optional URL parameter to direct control of the page.
{
	delCookieData("GUID")

	// Do we have our optional "where to go" parameter?
	if (logoutEbusinessUser.arguments.length > 0)
	{
		parent.location.href = logoutEbusinessUser.arguments[0]
	}
}

function jumpToCtrlOnCRLogin(evt, ctrl_id)
// General-purpose keypress handler--sets focus to a control when Enter (CR) is pressed.
// Note that this function does NOT consume the CR char--it'll stil act on the control given
// focus.  Add "return false;" to function to consume the CR...
{
  evt = evt || event;
  if ((evt.keyCode | evt.which) == 13)
  {
    document.TestForm.elements[ctrl_id].focus();
  }
}

function jumpToCtrlOnCR(evt, ctrl_id)
// General-purpose keypress handler--sets focus to a control when Enter (CR) is pressed.
// Note that this function does NOT consume the CR char--it'll stil act on the control given
// focus.  Add "return false;" to function to consume the CR...
{
  evt = evt || event;
  if ((evt.keyCode | evt.which) == 13)
  {
    document.frmSearch.submit()
    //document.frmSearch.elements[ctrl_id].focus();
  }
}


//*********************************************************************************************************** UTILITY FUNCTIONS

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}


//*********************************************************************************************************** IMAGE ZOOM (ITEM PAGE)

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];
}

function showInfoPopup(oSender, strContent, xOffset, yOffset)
{	
	// Insert the content into the div
	document.getElementById("divInfoPopup").innerHTML = strContent;
	
	// Position the div based on the caller's position
	document.getElementById("divInfoPopup").style.left = (findPos(oSender)[0] + xOffset) + "px";
	document.getElementById("divInfoPopup").style.top = (findPos(oSender)[1] + yOffset) + "px";
	
	// Display the div
	document.getElementById("divInfoPopup").style.display ="block"
	
	startObjectFadeIn(document.getElementById("divInfoPopup"));
}

function hideInfoPopup()
{
	startObjectFadeOut(document.getElementById("divInfoPopup"));
	(hideInfoPopup.arguments[0]) ? document.getElementById("divInfoPopup").style.display = "none" : doNothing();
}

function doNothing() {}

var global_iFadeStep = 5		// By what percent should I change the opacity per cycle?
var global_iFadeRate = 1		// How long should a fade cycle be (msec)?

var global_iCurrentOpacity = 0
var global_oTimerOpacity
var global_oTarget


function startObjectFadeIn(oTarget)
{
	global_oTarget = oTarget									// has to be accessible to the timer after this function has lost scope
	clearInterval(global_oTimerOpacity)
	global_oTimerOpacity = setInterval("doObjectFade('in')",global_iFadeRate)
}

function startObjectFadeOut(oTarget)
{
	//alert(oTarget.id);
	global_oTarget = oTarget									// has to be accessible to the timer after this function has lost scope
	clearInterval(global_oTimerOpacity)
	global_oTimerOpacity = setInterval("doObjectFade('out')",global_iFadeRate)
}

function setObjectOpacity(iOpacity)
// Sets the opacity of oTarget based on a 0-100 index where 0 is transparent and 100 is opaque.
{
	// Are we in IE?
	if (window.global_oTarget.filters) { global_oTarget.filters.alpha.opacity = iOpacity }
	else { global_oTarget.style.MozOpacity = iOpacity / 100 }
	
}

function doObjectFade(strFadeDirection)
// Handles actually changing the opacity of the object depending on if we're 
// fading in or out.  Clears timer if we're done fading.
{
	// Are we fading in and we're not maxed out yet?
	if (strFadeDirection == "in" && global_iCurrentOpacity < 100)
	{
		setObjectOpacity(global_iCurrentOpacity += global_iFadeStep)
	}
	// Are we fading out and we haven't bottomed out?
	else if (strFadeDirection == "out" && global_iCurrentOpacity > 0)
	{
		setObjectOpacity(global_iCurrentOpacity -= global_iFadeStep)
	}
	else if (window.global_oTimerOpacity)
	{
		clearInterval(global_oTimerOpacity)
		global_iCurrentOpacity = (strFadeDirection == "in") ? 100 : 0
		if (strFadeDirection == "out") { global_oTarget.style.display = "none" }
	}
}