/*
window.onload = function()
{
	var lis = document.getElementById('cssdropdown').getElementsByTagName('li');
	for(i = 0; i < lis.length; i++)
	{
		var li = lis[i];
		if ((li.className == 'fabriclink') || (li.className == 'autolink') || (li.className == 'ideas-advice-link'))
		{
			li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
			li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
		}
	}
}
*/

var mouseLoc = 0;//Mouse is off the div
var babysitter = 0;
var aTimer;

function OpenClose()
{
    if(mouseLoc==1 && panOpen==0)
    {
        showPanel();
    }
    else
    if(mouseLoc==0 && panOpen==1)
    {
        //hidePanel(fireOnThis.dispatchEvent(evObj));
        //alert(fireOnThis.dispatchEvent(evObj));
        //hidePanel(fireOnThis.onmouseout);
        //hidePanel(fireOnThis.dispatchEvent(evObj), true, true);
        hidePanel('babysitter');
        //alert(fireOnThis.dispatchEvent(evObj));
    }

}

function setRepeater() {
    aTimer = window.setInterval("OpenClose()",500);
    return false;
}
function Babysitter()
{
    if(babysitter == 0)
    {
    if(panOpen == 0)
        panOpen = 1;
    else
        panOpen = 0;
    babysitter = 1;
    }
    var t=setTimeout("ChangePanOpen()",1000);
}

function ChangePanOpen()
{
    if(babysitter == 1)
        babysitter = 0;
}

function clearSearch() {
	document.getElementById("searchInput").value = ''
	return;
}

// Show/Hide Product information

function showProduct(show) {
  document.getElementById('product1').style.display = 'none';
  document.getElementById('product2').style.display = 'none';
  document.getElementById('product3').style.display = 'none';
  document.getElementById('product4').style.display = 'none';

  document.getElementById(show).style.display = 'block';

}

// Show sliding panel

function showPanel(){
    mouseLoc = 1;//Mouse is on the div
    if (panOpen==0 && babysitter==0) {
        new Effect.SlideDown('panel1-body',5000)
        //panOpen=1;
        Babysitter();
    }
}

// Hide sliding panel

function hidePanel(evt) {
    mouseLoc = 0;//Mouse is off the div
    if(panOpen==1 && babysitter==0)
    {
        if(evt == "babysitter")
            srcEl = document.getElementById('panel1');
        else
            var srcEl = evt.srcElement || evt.target;
//        srcEl = document.getElementById('panel1');
        //var relTarget = '';
        var relTarget;
        //var srcParent = srcEl.parentNode;
        if (srcEl.nodeName != 'DIV') return;
        if(evt == "babysitter")
            var targetEl = document.getElementById('babysitter');
        else
            var targetEl = evt.relatedTarget || evt.toElement;
        if (targetEl) {
            var relTarget = targetEl.className;

            // add condition for if user mouses below or above menu
              if ((relTarget == "promo") || ((relTarget == "mainbody")) || ((relTarget == "overout"))) {
                new Effect.SlideUp('panel1-body',5000)
                //panOpen=0;
                Babysitter();
              }
              relTarget = "";
        }
    }

}

function clearField(clr) {
	document.getElementById(clr).value = ''
	return;
}

function showLocator() {
	document.getElementById('headerDisplayLocator').style.display = 'block';
	document.getElementById('headerDisplayNoLocator').style.display = 'none'
	return;
}
function hideLocator() {
	document.getElementById('headerDisplayNoLocator').style.display = 'block';
	document.getElementById('headerDisplayLocator').style.display = 'none'
	return;
}

// Toggle store locator

function toggle_locator(show, hide) {
   document.getElementById(show).style.display = 'block';
   document.getElementById(hide).style.display = 'none';
}



function initializePanel() {

	panOpen=0;
;
	var bodyPanels = document.getElementsByClassName('panel_body');
	var panels = document.getElementsByClassName('panel');
	var noPanels = panels.length;
	var percentageWidth = 100 / noPanels;
	var position = 0;

	//  Loop through body panels and panels applying required styles and adding event listeners
    for (i = 0; i < bodyPanels.length; i++) {

			bodyPanels[i].hide();
			//menuDispBgnd[i].style.zIndex = '0';
			//menuDisplay[i].style.zIndex = '0';
			//bodyPanels[i].style.zIndex = '0';
			panels[i].style.width = percentageWidth + '%';
			panels[i].style.position = 'absolute';
			panels[i].style.left = position + '%';
			position += percentageWidth;
    }
	if( $('visible') ){
	//  Set panel with id of visible to be initial displayed
		var vis = $('visible').parentNode.id+'-body';
		$(vis).show();
	}
}

var mWindow;

function openModal(boxname, page){
	//$('#dhtmlwindowholder').css({'z-index':1006});
	mWindow=dhtmlmodal.open(boxname, 'iframe', page, '', 'width=800px,height=575px,center=1,resize=0,scrolling=1')

	mWindow.onclose=function(){ //Define custom code to run when window is closed
		return true //allow closing of window
	}
} //End "openModal" function

function openModalSized(boxname, page, width, height){
	//$('#dhtmlwindowholder').css({'z-index':1006});
	mWindow=dhtmlmodal.open(boxname, 'iframe', page, '', 'width='+width+'px,height='+height+'px,center=1,resize=0,scrolling=1')

	mWindow.onclose=function(){ //Define custom code to run when window is closed
		return true //allow closing of window
	}
} //End "openModal" function

/************* OMNITURE ****************/
var GUARDSMAN = window.GUARDSMAN || {
	'pageName'       :document.title,
	'pageSearchTerm' :'',
	'pageProductName':'',
	'pageBreadCrumb' :'',
	'pageEvents'     :'event1,event2',
	'setSearchTerm'  : function(v) {
		var t = "";
		var el = document.getElementById("search_query");
		var el2 = document.getElementById("searchInput");
		if(!el2) return t;

		if(!v) {
			if(!el) return t;
			if(el.value.toLowerCase()===el2.value.toLowerCase()) return t;
			t = el.value.toLowerCase();
		} else if(v.toLowerCase()!==el2.value.toLowerCase()) {
			t = v;
		}
		this.pageSearchTerm = t;
	},
	'setProductTitle'  : function(v) {
		var strTitle = "";
		try {
			var cans = $$("img.can");
			if(cans.length > 0) {
				var h6 =  $$("#main h6");
				strTitle = h6.innerHTML;
			}
		} catch(e) {
			strTitle = "";
		}
		//console.log('getProductTitle()  '+strTitle);
		this.pageProductName = strTitle;
	},
	'setBreadCrumbs'     :function(v) {
		var crumbsStr = "";
		if(!v){
			try {
				var crumbs = $A($$("p.breadcrumbs a.dk-red"));
				for(var i=0;i<crumbs.length;i++) {
					crumbsStr += ((crumbsStr.length>0)?";":"") + crumbs[i].innerHTML;
				}
			} catch(e) {}
		} else {
			crumbsStr = v;
		}
		//console.log('getBreadCrumbs()  '+crumbsStr);
		this.pageBreadCrumb = crumbsStr;
	},
	'addPageEvent'      :function(v){
		this.pageEvents += (this.pageEvents.length>0?",":"") + v;
	},
	'setPageName'       :function(v){
			if(!v) return;
			if(v.length>0) this.pageName = v;
	}
};
GUARDSMAN.track = function() {
	//private
	//var pageName = "";
	//end private


 return {
	 //public
			retailLocator : function(entered_value,default_title) 	{
				var str = new String(entered_value);
				var s = s_gi(s_account);
				if(entered_value == default_title) {
					//only track click since zipcode never entered
					s.linkTrackVars = "events";
					str = "";
				} else {
					s.linkTrackVars = "eVar5,events";
				}
				s.linkTrackEvents = "event4";
				s.events="event4";
				s.eVar5=str;
				s.tl(this, 'o','Retail Locator Clicked');

			  },
			  searchedTerm : function(entered_value,default_title) 	{
					var str = new String(entered_value);
					//no tracking yet
			  },
			  emailSignup    : function(){
			  				    s = s_gi(s_account);
			  				    s.linkTrackVars = "events";
			  				    s.linkTrackEvents = "event13";
			  				    s.events = "event13";
			  				    s.tl(this, 'o', 'Email Signup');
			  },
			  storeClick    : function(label,more_info){
				    s = s_gi(s_account);
				    s.linkTrackVars = "events";
				    s.linkTrackEvents = "event5,event7";
				    s.events = "event5,event7";
				    s.tl(this, 'o', 'shopguardsman.com - '+label);
			  }

 		}  //end public
 }();