<!--



//---------------------------------------------------------------------------
//---------------------------------------------------------------------------
// DROP DOWN CODING - Journey Tree Web Design(c) 2009
//---------------------------------------------------------------------------
//---------------------------------------------------------------------------


// LOAD BTN IMAGES -----------

    if (document.images)
    {

      // set image url
      prodguideimages = new Array();
        
        prodguideimages[0] = "../images/prodguide/btn_pguide_brands.jpg"
        prodguideimages[1] = "../images/prodguide/btn_pguide_brands_over.jpg.jpg"
        prodguideimages[2] = "../images/prodguide/btn_pguide_find.jpg"
        prodguideimages[3] = "../images/prodguide/btn_pguide_find_over.jpg"
        prodguideimages[4] = "../images/prodguide/btn_pguide_home.jpg"
        prodguideimages[5] = "../images/prodguide/btn_pguide_home_over.jpg"
        prodguideimages[6] = "../images/prodguide/btn_pguide_options.jpg"
        prodguideimages[7] = "../images/prodguide/btn_pguide_options_over.jpg"
        prodguideimages[8] = "../images/prodguide/btn_pguide_reset.jpg"
        prodguideimages[9] = "../images/prodguide/btn_pguide_reset_over.jpg"
        
        prodguideimages[10] = "../images/logo_150_ashland.jpg"
        prodguideimages[11] = "../images/logo_150_ashland_over.jpg"
        prodguideimages[12] = "../images/logo_150_crafter.jpg"
        prodguideimages[13] = "../images/logo_150_crafter_over.jpg"
        prodguideimages[14] = "../images/logo_150_cruzer.jpg"
        prodguideimages[15] = "../images/logo_150_cruzer_over.jpg"
        
       var i = 0;
       for(i=0; i<=15; i++) 
       {
       	var preload_image_object = new Image();
			preload_image_object.src = prodguideimages[i];
    	}

    }

// LOAD BTN IMAGES -----------






var timeout	= 500;

//var closetimer	= 0;
var closetimer_resultsWin = 0;
var closetimer_modelWin = 0;
var closetimer_helpWin = 0;
var closetimer_infoWin = 0; 

var closetimer_class = 0;
var closetimer_gallBody = 0;
var closetimer_series = 0;
var closetimer_niche = 0;
var closetimer_max = 0;
var closetimer_min = 0;
var closetimer_lefty = 0; 
var closetimer_brand = 0; 

var ddmenuitem	= 0;


// close showed layer (WIN)
function win_close(strId)
{   
    catMenuOpen = false;
    
    document.getElementById("win_"+strId).style.display="none"; //close
}

// go close timer (WIN)
function win_closetime(strId)
{
    eval("closetimer_"+strId+" = window.setTimeout(\"win_close('"+strId+"')\", "+timeout+");");
}

// cancel close timer (WIN)
function win_cancelclosetime(strId)
{
    eval("if(closetimer_"+strId+"){window.clearTimeout(closetimer_"+strId+");closetimer_"+strId+" = null;}");
}



// close showed layer
function drpDwn_close(strId)
{   
    catMenuOpen = false;
    
    closeDropDown(strId);
	//closeAllDropDowns();
}

// go close timer
function drpDwn_closetime(strId)
{
    eval("closetimer_"+strId+" = window.setTimeout(\"drpDwn_close('"+strId+"')\", "+timeout+");");
    //closetimer = window.setTimeout(drpDwn_close(), timeout);
}

// cancel close timer
function drpDwn_cancelclosetime(strId)
{

    eval("if(closetimer_"+strId+"){window.clearTimeout(closetimer_"+strId+");closetimer_"+strId+" = null;}");
/*
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
*/
}

function closeDropDown(strId)
{
//alert(strId)
    document.getElementById("drpDwnWrap_"+strId).style.display="none"; //close
}

function closeAllDropDowns()
{
    var divElems = document.getElementsByTagName("div")

    for (var i = 0; i < divElems.length; i++)
        {
        divId = divElems[i].id;
        if (divId.substring(0,11)=="drpDwnWrap_")
            {
            document.getElementById(divId).style.display="none"; //close
            }
        }
}




        function drpDwn_over(strID)
        {
            switchClass(strID,"over");
            
            str2arr = strID.split("_");
            drpDwnNm = str2arr[1];
            //alert(drpDwnNm)
            drpDwn_cancelclosetime(drpDwnNm);// cancel close timer                                          
        }
        
        function drpDwn_out(strID)
        {
            switchClass(strID,"out");
        }

        function switchClass(strRowId,showHide)
        {
        currClass = document.getElementById(strRowId).className

        //if(strRowId.substring(0,8)=="drpDwnTp")
        if (currClass.search("menLn")>-1)
            {
            strClassOver = "menLnOver";
            strClassOut = "menLn";
            }
        else if(currClass.search("thmb")>-1)
            {
            strClassOver = "thmbOvr";
            strClassOut = "thmb";
		    }  
        else if(currClass.search("tab")>-1)
            {
            strClassOver = "tabSelected";
            strClassOut = "tabDeselected";
		    }  
		else if(currClass.search("drpDwnHdr")>-1)
            {
            strClassOver = "drpDwnHdrOver";
            strClassOut = "drpDwnHdr";
		    }  
		else if(currClass.search("optionLinksBtn")>-1)
            {
            strClassOver = "optionLinksBtnOver";
            strClassOut = "optionLinksBtn";
		    }  

        if (document.getElementById(strRowId))
	        {					
	        if (showHide=="out")
		        {
		        document.getElementById(strRowId).className = strClassOut; //"menLn";
		        }
	        else
		        {
		        document.getElementById(strRowId).className = strClassOver; //"menLnOver";
		        }
	        }
        else
	        {
	        alert("error");
	        }

        }
        
        function hideAllDrpDwns()
        {
            var divElems = document.getElementsByTagName("div");
            
            for (var i = 0; i < divElems.length; i++){
                currDivId = divElems[i].id;

                if (currDivId.search("drpDwnWrap_")>-1){
                    document.getElementById(currDivId).style.display="none";
                }
            }
        }
        
        function drpDwn_toggle(drpDwnNm)
        {   
            //alert("drpDwn_toggle");
            if (overResetBtn==true){//flag used to stop bubbling to header divs
                
                //currHdrHTML = document.getElementById("drpDwnHdr_" + drpDwnNm).innerHTML;
                //alert("overResetBtn:"+overResetBtn+"  drpDwnNm:"+drpDwnNm);
                //alert("currHdrHTML:"+currHdrHTML+"  currHdrHTML.search('hdrResetIcon'):"+currHdrHTML.search("hdrResetIcon"));
                //if(overResetBtn==drpDwnNm ){
                    //found reset icon in header! in CURRENT header
                //    overResetBtn=""; 
                    return;
                //}
            } 
            
            if (openInfoWin==true){return;} //stop bubbling to gallery divs
            
            strDropDown = "drpDwnWrap_" + drpDwnNm;

            if(document.getElementById(strDropDown).style.display=="")
                {document.getElementById(strDropDown).style.display="none";
                //document.getElementById("searchFooter").style.display="";
                document.getElementById("searchFooter").className = "searchFooter";
                }
            else
                {
                //drpDwn_close(drpDwnNm);
                //document.getElementById("searchFooter").style.display="none";
                document.getElementById("searchFooter").className = "searchFooterFaded";
                closeAllDropDowns();
                document.getElementById(strDropDown).style.display="";
	            drpDwn_cancelclosetime(drpDwnNm);// cancel close timer
	            }
        }

        function drpDwn_sel(drpDwnNm,optionId)
        {
            //alert("drpDwn_sel");

            if (openInfoWin==true){return;} //stop bubbling to gallery divs
            
            closeInfoDisplay();

            if (drpDwnNm=="brand"){
                
                //resetAllSelections();
                
                var strId = "brandsDiv_" + optionId;    
            }
            else{
                var strId = "drpDwn_" + drpDwnNm + "_" + optionId;
            }     
                
            getDropDownHeaders();
        
            switch(drpDwnNm)
            {
            case "brand":
                strHeader = "Brand";
                break;
            case "class":
                strHeader = strClass;
                break;
            case "gallBody":
                strHeader = strBody;
                break;
            case "series":
                strHeader = strSeries;
                break;
            case "niche":
                strHeader = strNiche;
                break;
            case "max":
                strHeader = "max price";
                break;
            case "min":
                strHeader = "min price";
                break;
            case "lefty":
                strHeader = strLefty;
                break;
 
            default:
                strHeader = "";
            }

            if (drpDwnNm=="brand"){
                
                //strBrand = getBrandName(document.searchForm.brandId.value);
    	        //strJScript = strJScript & "[" & brid & ",'" & brname & "','" & brclass & "','" & brbody & "','" & brseries & "','" & brniche & "','" & brlefty & "']" ''''_" & VbCrLf     
    	        /*
                switch(optionId)
                {
                case 1:
                    strBrand = "Crafter";
                    break;
                case 2:
                    strBrand = "Cruzer";
                    break;
                case 3:
                    strBrand = "Ashland";
                    break;
                default:
                    strBrand = "";
                }
                */
                
                //var selBrand = document.getElementById(strId).innerHTML;
                //document.getElementById("selBrandDiv").innerHTML = strBrand + "...";
                
                
            }
            else{
                strHeader = "<span class=\"drpDwnHdrgHeadingTxt\">" + strHeader + "</span>";
                
                var selTitle = document.getElementById(strId).innerHTML;
                var selTitle_stripped = selTitle.replace(/(<([^>]+)>)/ig,""); //STRIP HTML TAGS
                selTitle_stripped = "<span class=\"drpDwnHdrSelected\">" + selTitle_stripped + "</span>"
                //var strResetLink = "<a href=\"javascript:resetDropDown('" + drpDwnNm + "');\">[reset]</a>"
    	        var strResetLink = "<img id=\"hdrResetIcon" + drpDwnNm + "\" src=\"../images/icon_reset_16.png\" style=\"float: right; margin-left:20px; margin-right:5px;\" title=\"reset this option\" onmouseover=\"javascript:overResetBtn=true; swapImage('hdrResetIcon" + drpDwnNm + "','over');\" onmouseout=\"javascript:overResetBtn=false; swapImage('hdrResetIcon" + drpDwnNm + "','out');\" onmousedown=\"javascript:resetDropDown('" + drpDwnNm + "');\" />"

                document.getElementById("drpDwnHdr_" + drpDwnNm).innerHTML = strResetLink + strHeader + "&nbsp;&nbsp;&nbsp;<" + selTitle_stripped + ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
                drpDwn_toggle(drpDwnNm);
            } 
            

            
            
            switch(drpDwnNm)
            {
            case "brand":
                document.searchForm.brandId.value=optionId;
                //strBrand = getBrandName(optionId);
                //document.getElementById("selBrandDiv").innerHTML = strBrand + "...";
              
              //buildSelectedIdOptions();
              resetAllSelections();
              break;
            case "class":
              document.searchForm.classId.value=optionId;
              buildSelectedIdOptions();
              break;
            case "gallBody":
              document.searchForm.bodyId.value=optionId;
              buildSelectedIdOptions();
              break;
             case "series":
              document.searchForm.seriesId.value=optionId;
              buildSelectedIdOptions();
              break;
            case "niche":
              document.searchForm.nicheId.value=optionId;
              buildSelectedIdOptions();
              break;
             case "max":
              document.searchForm.maxPrice.value=optionId;
              buildSelectedIdOptions();
              break;
             case "min":
              document.searchForm.minPrice.value=optionId;
              buildSelectedIdOptions();
              break;
             case "lefty":
              document.searchForm.lefty.value=optionId;
              buildSelectedIdOptions();
              break;
            default:
              //code to be executed if n is different from case 1 and 2
            } 

            if (drpDwnNm=="brand"){
                if(arrFilteredIds.length>0){
                    showOptions();
                }
                else{
                    alert("There are no products yet entered for this brand!");
                }
            }
            else{
            }
            
        }
/*    
        function menDwn_prd(cId)
        {
            toggleDropDown('class');
            alert("cId: " + cId);
        }
*/

//-->