//*********************************************************************************************************** GLOBAL VARS
var global_MASCompanyCode = "ELO"		// change to "BIO" for production
var ebusinessInitialPageToDisplay = "estylez_logout.aspx" 
//var ebusinessInitialPageToDisplay = "estylez_ps.aspx?searchmode=category&searchcatcontext=~MMUSTANG"

//************************************************************************************************ 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_bottom_link_over.gif','layout_images/btn_bottom_disclaimer_over.gif','layout_images/btn_bottom_ship_over.gif','layout_images/btn_bottom_privacy_over.gif','layout_images/btn_top_search_down.gif','layout_images/btn_top_my_down.gif','layout_images/btn_top_log_down.gif','layout_images/btn_top_order_down.gif','layout_images/btn_top_home_over.gif','layout_images/btn_top_shop_over.gif','layout_images/btn_top_request_over.gif','layout_images/btn_top_bio_over.gif','layout_images/btn_top_contact_over.gif')

        var strTips = "<table cellspacing=\"0\" cellpadding=\"10\" border=\"0\" class=\"keyword_tips_table\" align=\"center\">";
            strTips += "<tr>";
	        strTips += "                <td colspan=\"3\">";
	        strTips += "                <div style=\"text-align: right; padding-right: 5px; padding-bottom: 5px;\">";
            strTips += "                <div class=\"title\"><img src=\"layout_images/estore_heading.gif\" alt=\"arrow\" align=\"absmiddle\" /> Searching Tips</div>";
            strTips += "                    get better results faster";
            strTips += "                </div>";
	        strTips += "                </td>";
            strTips += "</tr>";
            strTips += "<tr>";
	        strTips += "                <td class=\"estore_title\" style=\"border-bottom: 1px solid #a9a9a9;\">Search Type</td>";
	        strTips += "                <td class=\"estore_title\" style=\"border-bottom: 1px solid #a9a9a9;\">Description</td>";
	        strTips += "                <td class=\"estore_title\" style=\"border-bottom: 1px solid #a9a9a9;\">Example</td>";
            strTips += "</tr>";
            strTips += "<tr>";
	        strTips += "                <td>OR search (keywords separated by spaces)</td>";
	        strTips += "                <td>Items with descriptive data containing <span style=\"font-style:italic;\">any</span> of ";
		    strTips += "                    the keywords will be included in search results. Search becomes more inclusive as keywords";
		    strTips += "                    are added--producing a larger result set.";
		    strTips += "                </td><td></td>";
	        strTips += "</tr>";
            strTips += "<tr>";
	        strTips += "                <td>AND search (keywords separated by \"+\")</td>";
	        strTips += "                <td>Only items with descriptive data containing <span style=\"font-style:italic;\">all</span> of"; 
		    strTips += "                    the keywords will be included in search results.  Search becomes more exclusive as more ";
		    strTips += "                    keywords are added--producing a smaller result set.";
		    strTips += "                </td>";
	        strTips += "                <td>red+green+blue</td>";
            strTips += "</tr>";
            strTips += "<tr>";
	        strTips += "                <td>Hybrid search (combines AND and OR searches)</td>";
	        strTips += "                <td>Item descriptive data is compared to keywords according to boolean logic rules. In the";
		    strTips += "                example, items where descriptive data contains the words \"red\" <span style=\"font-style:italic;\">and</span>";
		    strTips += "                \"funny\" will be included in search results, as will items where descriptive data contains";
		    strTips += "                the word \"green.\"";
		    strTips += "                </td>";
	        strTips += "                <td>red+funny&nbsp;green</td>";
            strTips += "</tr>";
            strTips += "<tr>";
	        strTips += "                <td>Keyword phrases</td>";
	        strTips += "                <td>Keyword phrases may be used instead of (or in addition to) keywords.  Phrases are";
		    strTips += "                wrapped in double-quotes and may be used anywhere single-word keywords are used (e.g., in OR,";
		    strTips += "                AND and Hybrid searches).  They're compared to item descriptive data just as single-word";
		    strTips += "                keywords are.";
		    strTips += "                </td>";
	        strTips += "                <td>\"fuzzy&nbsp;yellow&nbsp;hat\"</td>";		
            strTips += "</tr>";
            strTips += "</table>";


function drawEstylezHeader()
{
strHeader = "";
strHeader += "<div id=\"divInfoPopup\" style=\"padding: 5px; border: 1px solid #a9a9a9; width: 620px;\"></div>";
//strHeader += "<div id=\"chromium_layout\" class=\"chromium_layout\">";
strHeader += "<table width=\"760\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" class=\"background_color\" align=\"center\">";
strHeader += "<tr>";
strHeader += "<td colspan=\"3\" valign=\"top\">\n";
strHeader += "<!-- this is where we start cutting up the screen -->\n";
strHeader += "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" >\n";
strHeader += "  <tr>\n";
strHeader += "    <td colspan=\"3\" valign=\"bottom\">";
strHeader += "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" class=\"background_top_image\">";
strHeader += "<tr>";
strHeader += "	<td>";
strHeader += "  <table border=\"0\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">\n";
strHeader += "  <tr>";
strHeader += "    <td><a href=\"index.aspx\"><div id=\"top_logo\" class=\"background_logo\" style=\"width: 136px; height:99px;\"></div></a></td>\n";
strHeader += "    <td class=\"header_padding_logo\">\n";
strHeader += "	    <!-- login stuff goes here -->\n";
strHeader += "      <form action=\"IW_Login.m4p.pvx?;login_submit\" method=\"post\" name=\"TestForm\" onSubmit=\"return (checkForm(this))\">";
strHeader += "	    <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">";
strHeader += "      <tr>";
if (eBusinessUserType == '2')
{
strHeader += "      <td style=\"height: 38px;\">store owners login here:";
strHeader += "	    <div style=\"padding-top: 1px\">";
strHeader += "	        login: <input type=\"textbox\" name=\"UserID\" class=\"textbox\" id=\"UserID\" size=\"8\">\n";
strHeader += "	        &nbsp;";
strHeader += "	        password: <input type=\"password\" name=\"Password\" class=\"textbox\" id=\"Password\" size=\"8\"><input type='hidden' name='RememberMe' value='on'>";
strHeader += "          <a href=\"javascript:b2clogin();\"><img src=\"layout_images/btn_go.gif\" alt=\"go\" align=\"absmiddle\" /></a>";
strHeader += "	    </td>";
strHeader += "      </tr>";
strHeader += "      <tr>";
strHeader += "      <td class=\"menu_top_links\">";
strHeader += "      register now <a href=\"howtobuy_dealer_signup.aspx\"><img src=\"layout_images/btn_go.gif\" alt=\"go\" align=\"absmiddle\"></a>";
strHeader += "      &nbsp;&nbsp;&nbsp;forgot password <a href=\"/IW_Login.m4p.pvx?;UID_REQUEST\"><img src=\"layout_images/btn_go.gif\" alt=\"go\" align=\"absmiddle\" /></a>";
}
else
{
strHeader += "      <td  style=\"height: 38px;\">";
strHeader += getUserNameFromCookie()
strHeader += "	    </td>";
strHeader += "  </tr>";
strHeader += "  <tr>";
strHeader += "      <td class=\"menu_top_links\">";
}

if (eBusinessUserType == '1')
{
strHeader += "  <a class=\"mainlink\" href=\"/IW_Customer.m4p.pvx?;CUSTOMER\">customer info</a> &#8226;";
strHeader += "	<a class=\"mainlink\" href=\"/IW_Customer.m4p.pvx?;CREDIT\">credit info</a> &#8226;";
strHeader += "	<a class=\"mainlink\" href=\"/IW_Customer.m4p.pvx?;SHIP_TO_BROWSE\">ship address</a> &#8226;";
strHeader += "	<a class=\"mainlink\" href=\"/IW_User.m4p.pvx?;UID\">users</a> <br /><br />";
strHeader += "	<a class=\"mainlink\" href=\"/IW_InquirySOOpen.m4p.pvx?;SO_INQ_OPTIONS\">orders history</a> &#8226;";
strHeader += "  <a class=\"mainlink\" href=\"/IW_AddItems.m4p.pvx?;ADDITEMS\">new order</a> &#8226;";
strHeader += "  <a class=\"mainlink\" href=\"/IW_InquiryARInvoice.m4p.pvx?;INV_INQ_OPTIONS\">pending orders</a> &#8226;";
strHeader += "  <a class=\"mainlink\" href=\"https://www.elope.com/IW_ShoppingCartOrder.m4p.pvx?;SUBMIT_SO\">view cart</a> &#8226;";
strHeader += "  <a class=\"mainlink\" href=\"/IW_Help.m4p.pvx?;HELP_TOC\" class=\"mainlink\">help</a> &#8226;";
strHeader += "  <a class=\"mainlink\" href=\"javascript:logoutB2B();\">logout</a>";

}
else
{
//strHeader += "	&#8226;<a href=\"/IW_ShoppingCartStore.m4p.pvx?;SC_STEP1?company=ABC\" class=\"mainlink\">view cart</a>";	
}

strHeader += " </td></tr>";
strHeader += "</table>";
strHeader += "</form>";
strHeader += "</td>";
strHeader += "</tr>";
strHeader += "</table>";
strHeader += "</td>";
strHeader += "</tr>";
strHeader += "</table>"; //end here
strHeader += "</td>\n";
strHeader += "</tr>\n";
strHeader += "<tr>";
strHeader += "<td class=\"side_layout_cells\">";
strHeader += "<form id=\"frmSearch\" name=\"frmSearch\" onsubmit=\"javascript:search()\" action=\"estylez_ps.aspx\">";
strHeader += "    		<div style=\"padding: 20px 0px 0px 0px; text-align: center;\"><div style=\"padding-bottom: 2px;\"><span class=\"title\">search</span> <a href=\"javascript: doNothing();\" onmouseover=\"showInfoPopup(this, strTips,60,-137)\" onmouseout=\"hideInfoPopup()\"><img src=\"layout_images/tips_template.gif\" alt=\"tips\" align=\"absmiddle\"></a></div>";
strHeader += "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" align=\"center\"><tr><td style=\"vertical-align: middle;\">";
strHeader += "			<input type=\"text\" class=\"textbox\" style=\"width: 83px\" value=\"\" id=\"txtSearch\" name=\"txtSearch\" onkeydown=\"return jumpToCtrlOnCR(event, 'btnElopeSearch');\" /></td>";
strHeader += "          <td style=\"vertical-align: middle; padding: 1px 0px 0px 4px;\"><input type=\"button\" name=\"btnElopeSearch\" id=\"btnElopeSearch\" style=\"border-width:0px;align:absmiddle;border-style:none;background-image:url(layout_images/btn_go.png);width:16px;height:16px;\" onclick=\"search();\" ></div></td></tr></table>";
//strHeader += "	 <div id=\"printdata2\">";
strHeader += "<table border=\"0\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">\n";
strHeader += "<tr><td style=\"padding: 0px 10px 0px 10px;\">";

strHeader += drawTopLevelCats();

strHeader += "</td></tr>";
strHeader += "     	<tr>";
strHeader += "	    	<td class=\"categories_menu_padding_links\"><a class=\"mainlink\" href=\"estylez_search.aspx\">advanced search</a></td>\n";
strHeader += "	    </tr>";
if (eBusinessUserType == '1')
{
strHeader += "    	<tr>";
strHeader += "		    <td class=\"categories_menu_padding_links\"><a class=\"mainlink\" target=\"_blank\" href=\"docs/elope_catalogWEB.pdf\">online catalog</a></td>\n";
strHeader += "	  	</tr>";
}
strHeader += "     	<tr>";
strHeader += "	    	<td class=\"categories_menu_padding_links\"><a class=\"mainlink\" href=\"howtobuy.aspx\">how to buy</a></td>\n";
strHeader += "	    </tr>";
strHeader += "    	<tr>\n";
strHeader += "	    	<td class=\"categories_menu_padding_links\"><a class=\"mainlink\" href=\"fun.aspx\">fun</a></td>\n";
strHeader += "		</tr>";
strHeader += "<tr>";
strHeader += "<td class=\"categories_menu_padding_links\"><a class=\"mainlink\" href=\"howtobuy_dealer_find_rep.aspx\">sales rep locator</a></td>";
strHeader += "</tr>";
strHeader += "<tr>";
strHeader += "<td class=\"categories_menu_padding_links\"><a class=\"mainlink\" href=\"locator_store.aspx\">store locator</a></td>";
/*strHeader += "</tr>";
strHeader += "</tr>";
strHeader += "<td class=\"categories_menu_padding_links\"><a class=\"mainlink\" href=\"http://www.shopatron.com/home/index/2293.0.1.1\">BUY NOW</a></td>";*/
strHeader += "</tr>";
strHeader += "		</table>";
strHeader += "</form>";
//strHeader += "</div>";
strHeader += "</td>";
strHeader += " <td class=\"menu_layout_b2b\">\n";
strHeader += "	<!--Make shading for inside table-->\n";
strHeader += "	<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" style=\"height: 100%; width: 510px;\">\n";
strHeader += "      <tr>\n";
strHeader += "        <td valign=\"top\" class=\"background_top_inside\" colspan=\"3\" style=\"height: 10px;\"></td>\n";
strHeader += "      </tr>\n";
strHeader += "      <tr>\n";
strHeader += "        <td class=\"background_left_inside\">&nbsp;</td>\n";
strHeader += "        <td class=\"background_main_text_area_b2b\" >   ";
strHeader += "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" style=\"height: 100%;\" class=\"static_white_background\">\n";
strHeader += "    <tr>";
strHeader += "        <td class=\"background_static_tl\"></td>";
strHeader += "        <td style=\"width: 450px;\"></td>\n";
strHeader += "        <td class=\"background_static_tr\"></td>";
strHeader += "    </tr>";
strHeader += "    <tr>";
strHeader += "        <td colspan=\"3\" class=\"templateBody\">";

	document.write(strHeader);
}

function drawEstylezFooter()
{
strFooter = "";
strFooter += "       </td>\n";
strFooter += "    </tr>\n";
strFooter += "    <tr>\n";
strFooter += "        <td class=\"background_static_bl\"></td>\n";
strFooter += "        <td></td>\n";
strFooter += "        <td class=\"background_static_br\"></td>\n";
strFooter += "    </tr>\n";
strFooter += "    </table>\n";
strFooter += "</td>";
strFooter += "<td class=\"background_right_inside\">&nbsp;</td>";
strFooter += "</tr>\n";
strFooter += "</table>	\n";
strFooter += "</td>";
strFooter += "	<!-- right hand column with static links -->\n";
strFooter += "<td class=\"side_layout_cells\">";
strFooter += "<div id=\"printdata3\"><div style=\"text-align: center; padding: 0px 8px 10px 8px;\">";
strFooter += "          <div class=\"static_menu_padding_links\"><a class=\"mainlink\" href=\"index.aspx\">home</a></div>";
strFooter += "			<div class=\"static_menu_padding_links\"><a class=\"mainlink\" href=\"company.aspx\">company info</a></div>\n";
strFooter += "          <div class=\"static_menu_padding_links\"><a class=\"mainlink\" href=\"jobs.aspx\">jobs</a></div>";
strFooter += "          <div class=\"static_menu_padding_links\"><a class=\"mainlink\" href=\"howtobuy_dealer_trade.aspx\">tradeshows</a></div>";
strFooter += "			<div class=\"static_menu_padding_links\"><a class=\"mainlink\" href=\"faq.aspx\">FAQ</a></div>\n";
strFooter += "			<div class=\"static_menu_padding_links\"><a class=\"mainlink\" href=\"sitemap.aspx\">site map</a></div>\n";
strFooter += "			<div class=\"static_menu_padding_links\"><a class=\"mainlink\" href=\"policies.aspx\">terms &<br /> conditions</a></div>\n";
strFooter += "			<div class=\"static_menu_padding_links\"><a class=\"mainlink\" href=\"fun_suggest_a_hat.aspx\">suggest a product</a></div>\n";
strFooter += "			<div class=\"static_menu_padding_links\"><a class=\"mainlink\" href=\"fun_submit_a_photo.aspx\">submit your <br>elope photo</a></div>\n";
strFooter += "			<div class=\"static_menu_padding_links\"><a class=\"mainlink\" href=\"contact.aspx\">contact</a></div>";
strFooter += "          <div class=\"static_menu_padding_links\"><a class=\"mainlink\" href=\"about.aspx\">about elope products</a></div>";
strFooter += "</div>";

strFooter += " <div style=\"padding-left: 6px; padding-right: 6px; text-align: center\">";
strFooter += " <img src=\"layout_images/mission_statement.gif\" alt\"statement of purpose\" />"
strFooter += " <div class=\"mission_text\">elope is committed to designing, manufacturing & distributing the highest quality collection of original, whimsical, costume hats, glasses & accessories imaginable</div>";
strFooter += " </div>";

strFooter += "</div>";
strFooter += "</td>";
strFooter += "        </tr>";
strFooter += "        </table>";
strFooter += "		</td>";
strFooter += "  </tr>";


strFooter += "  <tr>\n";
strFooter += "  <td valign=\"top\" colspan=\"3\">";
strFooter += "  <div class=\"background_bottom_image\"></div>\n";
strFooter += "  </td>\n";
strFooter += "  </tr>\n";
strFooter += "</table>";

strFooter += "</td>\n";
strFooter += "</tr>\n";
strFooter += "</table>";
strFooter += "<table cellpadding=\"0\" cellspacing=\"0\" align=\"center\" style=\"width: 760px;\">";
strFooter += " <tr>";
strFooter += "  <td class=\"copyright_text\">";
strFooter += "  &copy elope, Inc. 2008 All Rights Reserved";
strFooter += "  <div style=\"padding-top: 3px; padding-bottom: 8px;\">";
strFooter += "   <a href=\"privacy.aspx\" class=\"privacylink\">Privacy Policy</a>";
strFooter += "  </div>";
strFooter += "  </td>";
strFooter += "  </tr>";
strFooter += "</table>";
//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 logoutB2B()
{
	if (window.confirm("This will end your current 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")
	delCookieData("ebusinessUserName")
	delCookieData("mas_customer")
	delCookieData("mas_division")

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

function getUserNameFromCookie()
// Extracts user name from ebusiness user name cookie.
{
	if (getCookieData("ebusinessUserName"))
		{ return 'Welcome back <span class="login_text"><b>' + getCookieData("ebusinessUserName").substring(0, getCookieData("ebusinessUserName").indexOf("~~")) + '</b></span>' }
	else
		{ return "" }
}

function search()
{
var strSearch 
strSearch = 'estylez_ps.aspx?searchmode=keyword&searchkeyword=' + escape(document.frmSearch.txtSearch.value)

document.location = strSearch
}

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.forms[0].elements[ctrl_id].focus();
  }
}

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

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}

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

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 newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

/******************************** Info Popup ********************************************/
 
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 showInfoPopupTips(oSender, strContent, xOffset, yOffset)
{ 
 // Insert the content into the div
 document.getElementById("divInfoPopupTips").innerHTML = strContent;
 
 // Position the div based on the caller's position
 document.getElementById("divInfoPopupTips").style.left = (findPos(oSender)[0] + xOffset) + "px";
 document.getElementById("divInfoPopupTips").style.top = (findPos(oSender)[1] + yOffset) + "px";
 
 // Display the div
 document.getElementById("divInfoPopupTips").style.display ="block"
 
 startObjectFadeIn(document.getElementById("divInfoPopupTips"));
}
 
function hideInfoPopupTips()
{
 startObjectFadeOut(document.getElementById("divInfoPopupTips"));
 (hideInfoPopupTips.arguments[0]) ? document.getElementById("divInfoPopupTips").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" }
 }
}
 


// Obscure image save.
var strRightClickMsg = "All website contents copyright Elope";

function click(e)
{
  if (document.all)
  {
    if (event.button==2 || event.button==3)
    {
      alert(strRightClickMsg);
      return false;
    }
  }
  else
  {
    if (e.button==2 || e.button==3)
    {
      e.preventDefault();
      e.stopPropagation();
      alert(strRightClickMsg);
      return false;
    }
  }
}

if (document.all) // for IE
{
  document.onmousedown=click;
}
else // for FF
{
  document.onclick=click;
}

/******************************** Fun Page ********************************************/