// Description: Sherle Wagner
// Author: Barnum Design


/* ---------- Start - Addons ---------- */

/* -- getElementsByClassName -- */

/* -- findIndex -- */

var $j=jQuery.noConflict();
$j(document).ready(function(){

Array.prototype.findIndex = function(value){
var ctr = "";
for (var i=0; i < this.length; i++) {
if (this[i] == value) {
return i;
}
}
return ctr;
};

/* ---------- End - Addons ---------- */

function Set_TopNav() {
var Main_LI_Array = TopNav_div.getElementsByTagName('li');
	for (var a=0; a<Main_LI_Array.length; a++) {
	var Main_Link_ArrayHit = Main_LI_Array[a].firstChild;
	var MainL = Main_Link_ArrayHit.href;
		if (MainL == Loc  || (MainL.split('/')[3] == Loc.split('/')[3] && MainL.split('/')[2] != "www.sherlewagner.com") || ( MainL.split('/')[3] == "Products" && (Loc.split('_')[1] == "product" || Loc.split('_')[1] == "catalog" || Loc.split('/')[3].substring(0,13) == "OrderRetrieve"))) {
		Main_Link_ArrayHit.style.cssText = "background: url(/Images/TopNav_bg-hover.gif);color: #fff;";
		}
	}
}

function Set_SubNav() {
var Main_LI_Array = SubNav_div.getElementsByTagName('ul')[0].childNodes;
	for (var a=0; a<Main_LI_Array.length; a++) {
	var Main_Link_ArrayHit = Main_LI_Array[a].firstChild;
	var MainL = Main_Link_ArrayHit.href;
	var con1 = (Loc.split('/')[3].substring(0,13) == "OrderRetrieve" || Loc.split('/')[3] == "Products" || Loc.split('_')[1] == "catalog" || Loc.split('_')[1] == "product" || Loc.split('/')[3].substring(13,23) == "SiteSearch")?1:0;
		if ((Main_LI_Array[a].id == "Catalog_nav" && con1=="1") || Loc.split('/')[3] == MainL.split('/')[3] || (Main_LI_Array[a].id == "SecureZ_nav" && (Loc.split('/')[3] == "Account" || Loc.split('/')[3].substring(0,20) == "FavoriteProcess.aspx")) || (Main_LI_Array[a].id == "SecureZ_nav" && (Loc.split('/')[3] == "Contact.htm" || (document.getElementById("Error_Message") != null || (loggedin == "1" && con1 == 0 && (Loc.split('/')[3] == "Account" || Loc.split('/')[3].substring(0,12) == "Default.aspx" || Loc.split('/')[3].substring(0,22) == "CatalogueRetrieve.aspx" || Loc.split('/')[3].substring(0,5) == "Order" || Loc.split('/')[3] == "MemberProcess.aspx" || Loc.split('/')[3].substring(0,20) == "FavoriteProcess.aspx" || Loc.split('/')[3].substring(0,16) == "FAQRetrieve.aspx")))))) {	
		Bottom_div.className += ('col-1'); // shrink #Bottom div
		SubNav_div.style.display = "block"; // reveal #SubNav div
		Main_LI_Array[a].style.display = "block"; // reveal a specific main/root nav section
		//Main_Link_ArrayHit.className += (' active');
			if (con1 == "1") SearchBar_div.style.display = "block"; // reveal #SearchBar div
			if (Main_Link_ArrayHit.nextSibling != null) Main_Link_ArrayHit.nextSibling.style.display = "block";
		} 
		if (Main_Link_ArrayHit.nextSibling != null) {
		var Sub1_LI_Array = Main_Link_ArrayHit.nextSibling.childNodes;
        	for (var b=0; b<Sub1_LI_Array.length; b++) {
			var Sub1_Link_ArrayHit = Sub1_LI_Array[b].firstChild;
        	var Sub1L = Sub1_Link_ArrayHit.href;
				if (Sub1L.split('/')[3] != "Account" && Sub1L.split('/')[3] == Loc.split('/')[3] || con1 == 1 || Loc.split('/')[3] == "Projects" || (Sub1L.split('/')[3] == "Account" && (loggedin == "1" || Loc.split('/')[4] == "Login.htm" || Loc.split('/')[3].substring(0,20) == "FavoriteProcess.aspx" || Loc.split('/')[3].substring(0,11) == "ZoneProcess")) || (Sub1L.split('/')[3] == "Account" && (Loc.split('/')[3] == "Contact.htm" || Loc.split('/')[3].substring(0,5) == "Order"))) {
				Sub1_LI_Array[b].parentNode.style.display = "block";
				Sub1_Link_ArrayHit.className += (' active');
					if (Sub1_Link_ArrayHit.nextSibling != null) {
					Sub1_Link_ArrayHit.nextSibling.style.display = "block";
					}
					else return;
				}
				if (Sub1_Link_ArrayHit.nextSibling != null) {
				var Sub2_LI_Array = Sub1_Link_ArrayHit.nextSibling.childNodes;
					for (var c=0; c<Sub2_LI_Array.length; c++) {
					var Sub2_Link_ArrayHit = Sub2_LI_Array[c].firstChild;
					var Sub2L = Sub2_Link_ArrayHit.href;
						if (Sub2L == Loc || (Loc.split('_')[2] && Sub2L.split('_')[2] && (Sub2L.split('_')[2].substring(0,6) == Loc.split('_')[2].substring(0,6)))) {	
						Sub2_LI_Array[b].parentNode.parentNode.style.display = "block"; //Sub1_LI_Array[a]...
						Sub2_LI_Array[b].parentNode.parentNode.firstChild.className += (' active'); //Sub1_LI_ArrayHit...
						Sub2_LI_Array[c].parentNode.style.display = "block";
						Sub2_Link_ArrayHit.className += (' active');
						}
					}
				}
			}
		}
	}
}

function Product_Popups() {
var IMGs = Product_List_div.getElementsByTagName('img');
var ULs = Product_List_div.getElementsByTagName('ul');
var LIs = Product_List_div.getElementsByTagName('li'); // for catalog small-view description truncation
var Links = Product_List_div.getElementsByTagName('a');
var titleLink_Array = new Array();
var Popup_Array = new Array();
var IMG_Array = new Array();
var titleLink_i = 0;
var IMG_i = 0;
var Popup_i = 0;
	for (var a=0; a<ULs.length; a++) {
		if (ULs[a].className == "details"){
		Popup_Array[Popup_i] = ULs[a];
		Popup_i++;
		}
	}
	for (var a=0; a<IMGs.length; a++) {
	IMG_Array[IMG_i] = IMGs[a];
	if (IMGs[a].className == "fav-list-btn") continue; // skip favorites list img
	IMGs[a].onmouseover = function() {
	Popup_Array[IMG_Array.findIndex(this)].style.visibility = "visible";
	}
	IMG_i++;
	IMGs[a].onmouseout = function(e) {
	if (!e) var e = window.event;
	var relTarg = e.relatedTarget || e.toElement;
	//if (relTarg.className != "details" || relTarg.parentNode.className != "details" || relTarg.parentNode.parentNode.className != "details") Popup_Array[IMG_Array.findIndex(this)].style.visibility = "hidden"; // Commented out for layered popup overlay.
	Popup_Array[IMG_Array.findIndex(this)].onmouseout = function(d) {
	if (!d) var d = window.event;
	var relTarg = d.relatedTarget || d.toElement;
	if (relTarg.nodeName != "HTML" && (relTarg.parentNode == this || relTarg.parentNode.parentNode == this || relTarg.parentNode.parentNode.parentNode == this)) return;
	this.style.visibility = "hidden";
	}
	}
	}
	for (var a=0; a<Links.length; a++) {
		if (Links[a].parentNode.className == ('name')) {
		titleLink_Array[titleLink_i] = Links[a].href;
		Links[a].onmouseover = function() {
		Popup_Array[titleLink_Array.findIndex(this)].style.visibility = "visible";
		}
	Links[a].onmouseout = function() {
	Popup_Array[titleLink_Array.findIndex(this)].style.visibility = "hidden";
	}
	titleLink_i++;
	}
	}
	for (var a=0; a<LIs.length; a++){ // for catalog small-view description truncation
		if (LIs[a].className == "description") {
		LIs[a].getElementsByTagName("p")[0].innerHTML = (LIs[a].getElementsByTagName("p")[0].innerHTML.substring(0,100) + " ...");
		}
	}
}

function Set_SubBanner() {
var pageBanner = ""
	switch (Loc.split('/')[3]) {
	case "":
	break;
	case "home.htm":
	break;
	case "index.htm":
	break;
	default:
	pageBanner = Math.floor((3-0)*Math.random()) + 1;
	if (Loc.split('/')[3] == "Inspiration") pageBanner = 1;
	SubBanner_div.getElementsByTagName('img')[0].src = "/Images/sub-banner/" + pageBanner + ".jpg";
	SubBanner_div.style.display = "block";
	Sub_inner_div.className += (' active');
	break;
	}
}

function Set_BottomNav() {
var Main_LI_Array = BottomNav_div.getElementsByTagName('li');
	for (var a=0; a<Main_LI_Array.length; a++) {
	var Main_Link_ArrayHit = Main_LI_Array[a].firstChild;
	var MainL = Main_Link_ArrayHit.href;
		if (MainL == Loc  || (MainL.split('/')[3] == Loc.split('/')[3] && MainL.split('/')[2] != "www.sherlewagner.com") || ( MainL.split('/')[3] == "Products" && (Loc.split('_')[1] == "product" || Loc.split('_')[1] == "catalog" || Loc.split('/')[3].substring(0,13) == "OrderRetrieve"))) {
		Main_Link_ArrayHit.style.cssText = "color: #fff;";
		}
	}
}

function LoggedIn() {
	if ((Loc.split('/')[3] != "index.htm" && Loc.split('/')[3] != "") && loggedin == "1" && document.getElementById('TopNav_SZ_login') != null && document.getElementById('BottomNav_SZ_login') != null && document.getElementById('SubNav_SZ_login') != null) {
	document.getElementById('LoginNav').style.display = "block"; 
	document.getElementById('TopNav_SZ_login').getElementsByTagName('a')[0].href ="/Account/Details.htm";
	document.getElementById('BottomNav_SZ_login').getElementsByTagName('a')[0].href ="/Account/Details.htm";
	document.getElementById('SubNav_SZ_login').getElementsByTagName('a')[0].href ="/Account/Details.htm";
	}
}



function AddToFavorites() {
document.getElementById("prod_lImage").onmouseover = function() {
document.getElementById("addToFavorites").className = ('over');
}
document.getElementById("prod_lImage").onmouseout = function() {
document.getElementById("addToFavorites").className = ('out');
}
}

$j('.shop-product-large .info-popups .icon').mouseover(function(e){
elem = $j(e.target);
$j('.shop-product-large .info-popups .popup.'+elem.attr('class').substring(5,7)).show();															
});
$j('.shop-product-large .info-popups .icon').mouseleave(function(e){				   
$j('.shop-product-large .info-popups .popup').hide();												 
});

if($j('.shop-product-large .details .grouping select').html()==null){
$j('.shop-product-large .grouping').hide();
}
$j(".shop-product-large.SWI-view .attributes").html("");

TopNav_div = document.getElementById("TopNav");
SubBanner_div = document.getElementById("SubBanner");
SubBody_div = document.getElementById("SubBody");
SearchBar_div = document.getElementById("SearchBar");
Sub_inner_div = document.getElementById("Sub_inner");
SubNav_div = document.getElementById("SubNav");
Bottom_div = document.getElementById("Bottom");
BottomNav_div = document.getElementById("BottomNav");
Product_List_div = document.getElementById("Product_List");
Loc = document.location.href;
Set_SubBanner();
Set_TopNav();
Set_SubNav();
Set_BottomNav();
LoggedIn();
if (document.getElementById("addToFavorites") != null && document.getElementById("prod_lImage") != null) AddToFavorites();
//if (document.getElementById("spec_lit") != null && document.getElementById("spec_sheets")) SpecSheets();
if ($j('ul.productSmall').height()!=null)Product_Popups();
});

//function SpecSheets() {
//document.getElementById("spec_sheets").innerHTML = (document.getElementById("spec_lit").innerHTML + " <div class='c-z'></div>");
//}