﻿// JScript File
    function preloadDistImages()
    {
        if (document.images)
        { 
            var a = new Array();
            a[0] = 'images/wf_dist_back.png';
            a[1] = 'images/wf_dist_more.png';
            a[2] = 'images/wf_roll_dist_back.png';
            a[3] = 'images/wf_roll_dist_more.png';
            var i;
            for(i=0; i < a.length; i++)
            {
                var pic = new Image();
                pic.src = a[i];
            }
            preloadImages();
            highlightState('iowa', 'y');
            clickState();
        }
    }
    function preloadImages() 
    { 
        if (document.images)
        { 
            var a = new Array();
            a[0] = 'images/wf_roll_link_1.jpg';
            a[1] = 'images/wf_roll_link_3.jpg';

            var i;
            for(i=0; i < a.length; i++)
            {
                var pic = new Image();
                pic.src = a[i];
            }
        }
    }

    function showContent(id)
    {
//        Element.hide(id);
//        new Effect.Appear(id);
    }
    
    function showFeaturedProduct()
    {
        window.location = "Default.aspx?PageID=featuredproduct";
    }
    
    function loadimage(index, flag, showsubmenu, ext)
    {
        var imagename;
	    var i=0;
	    
	    ext = "." + ext;
	    var srcimage = document.getElementById("ctl00_img_wf_" + index).src;
	    if (srcimage.indexOf(".jpg") >= 0)
	        ext = ".jpg";

        if (showsubmenu == 'y' || showsubmenu == 'x' || showsubmenu == 'z')
        {
	        for (i=1; i < 5; i++)
	        {
                document.getElementById("ctl00_img_wf_link_" + i).src = "images/wf_link_" + i + ext;
       	        //document.getElementById('ctl00_panMenulink_' + i).style.visibility = "hidden";
       	        document.getElementById('ctl00_panMenulink_' + i).style.display = "none";
	        }
            //show the div that the user clicked.
	        if (showsubmenu == 'y' || showsubmenu == 'z')
	        {
       	        //document.getElementById('ctl00_panMenu' + index).style.visibility = "visible";
       	        document.getElementById('ctl00_panMenu' + index).style.display = "block";
       	    }
   	    }

        if (showsubmenu != 'z')
        {
            if (flag == 'y')
                imagename = "wf_roll_" + index + ext;
            else
                imagename = "wf_" + index + ext;
            document.getElementById("ctl00_img_wf_" + index).src = "images/" + imagename;
        }
    }

    function showSubMenu(index)
    {
        for (i=1; i < 5; i++)
        {
   	        document.getElementById('ctl00_panMenulink_' + i).style.display = "none";
        }
        if (index != 'x')
            document.getElementById('ctl00_panMenulink_' + index).style.display = "block";
    }

    function loadimageX(index, flag, showsubmenu, ext)
    {
        var imagename;
	    var i=0;
	    
	    ext = "." + ext;

        if (showsubmenu == 'y' || showsubmenu == 'x' || showsubmenu == 'z')
        {
	        for (i=1; i < 5; i++)
	        {
                document.getElementById("ctl00_Ximg_wf_link_" + i).src = "images/wf_link_" + i + ".png";
       	        document.getElementById('ctl00_panMenulink_' + i).style.display = "none";
	        }
            //show the div that the user clicked.
	        if (showsubmenu == 'y' || showsubmenu == 'z')
	        {
       	        document.getElementById('ctl00_panMenu' + index).style.display = "block";
       	    }
   	    }

        if (showsubmenu != 'z')
        {
            if (flag == 'y')
                imagename = "wf_roll_" + index + ext;
            else
                imagename = "wf_" + index + ext;
            document.getElementById("ctl00_Ximg_wf_" + index).src = "images/" + imagename;
        }
    }

	function highlightTD(field)
	{
		//field.style.cursor = "hand";
        document.getElementById(field).className = "stateimagehover";
	}
	function unhighlightTD(field)
	{
		//field.style.cursor = "auto";
        document.getElementById(field).className = "stateimage";
	}
	function highlightDIV(field, divclassname)
	{
		//field.style.cursor = "hand";
        document.getElementById(field).className = divclassname;
	}
	function unhighlightDIV(field, divclassname)
	{
		//field.style.cursor = "auto";
        document.getElementById(field).className = divclassname;
	}
	function unhighlightState(state)
	{
        document.getElementById("imgmap_" + state).style.visibility = "hidden";
	}
    function highlightState(state, active)
    {
        //clear last state highlighted
        var oldstate = document.getElementById("statehover");
        if (oldstate != null)
        {
            document.getElementById("imgmap_" + oldstate.value).style.visibility = "hidden";
        }

        var imgState = document.getElementById("imgmap_" + state);
        if (imgState != null)
        {
            imgState.style.visibility = "visible";
        }
        document.getElementById("statehover").value = state;
    }

    function clickState()
    {
        var oldstate = document.getElementById("stateclicked");
        if (oldstate != null)
        {
            document.getElementById("imgdist_" + oldstate.value).style.visibility = "hidden";
            if (oldstate.value == 'iowa' || oldstate.value == 'indiana')
            {
                document.getElementById("imgdist_" + oldstate.value + "_2").style.visibility = "hidden";
            }
            //hide the active image for the previously selected state
            document.getElementById("imgmap_active_" + oldstate.value).style.visibility = "hidden";
        }

        var state = document.getElementById("statehover");
        if (state != null)
        {
            document.getElementById("imgdist_" + state.value).style.visibility = "visible";
            document.getElementById("imgStateDistListBack").src = "Images/1pix.gif";
            if (state.value == 'iowa' || state.value == 'indiana')
            {
                document.getElementById("imgStateDistListCont").src = "Images/wf_dist_more.png";
                document.getElementById("padstatus").value = "more";
            }
            else
            {
                document.getElementById("imgStateDistListCont").src = "Images/1pix.gif";
            }
            //show the clicked state in the active color
            document.getElementById("imgmap_active_" + state.value).style.visibility = "visible";
            document.getElementById("imgmap_" + state.value).style.visibility = "hidden";
            unhighlightState(state.value);
        }
        document.getElementById("stateclicked").value = state.value;
    }
    
    function showMoreList()
    {
        var state = document.getElementById("stateclicked");
        if (state != null)
        {
            document.getElementById("imgdist_" + state.value).style.visibility = "hidden";
            document.getElementById("imgdist_" + state.value + "_2").style.visibility = "visible";
            document.getElementById("imgStateDistListCont").src = "Images/1pix.gif";
            if (state.value == 'iowa' || state.value == 'indiana')
            {
                document.getElementById("imgStateDistListBack").src = "Images/wf_dist_back.png";
                document.getElementById("padstatus").value = "back";
            }
            else
            {
                document.getElementById("imgStateDistListBack").src = "Images/1pix.gif";
            }                
        }
    }
    function showBackList()
    {
        var state = document.getElementById("stateclicked");
        if (state != null)
        {
            document.getElementById("imgdist_" + state.value).style.visibility = "visible";
            document.getElementById("imgdist_" + state.value + "_2").style.visibility = "hidden";
            document.getElementById("imgStateDistListBack").src = "Images/1pix.gif";
            if (state.value == 'iowa' || state.value == 'indiana')
            {
                document.getElementById("imgStateDistListCont").src = "Images/wf_dist_more.png";
                document.getElementById("padstatus").value = "more";
            }
            else
            {
                document.getElementById("imgStateDistListCont").src = "Images/1pix.gif";
            }
        }
    }
    function loadimagebyname(index, flag, fieldid, ext)
    {
        var imagename;
	    var status = "";
	    var myflag = "y";
	    
	    ext = "." + ext;

        var padstatus = document.getElementById("padstatus");
        if (padstatus != null)
        {
            status = padstatus.value;
            if (status == "more" && index == "dist_back")
                myflag = "n";
            else if (status == "back" && index == "dist_more")
                myflag = "n";
        }

        if (myflag == 'y')
        {
            if (flag == 'y')
            {
                imagename = "wf_roll_" + index + ext;
                highlightTD(fieldid);
            }
            else
            {
                imagename = "wf_" + index + ext;
                unhighlightTD(fieldid);
            }
            document.getElementById(fieldid).src = "images/" + imagename;
        }
    }

    function toggleLink(showid, hideid, divclassname)
    {
        document.getElementById(hideid).style.visibility = "hidden";
        document.getElementById(showid).style.visibility = "visible";

        if (divclassname != '')
            document.getElementById(showid).className = divclassname;
    }

    function isIE6()
    {
        var nVer = navigator.appVersion;
        var nAgt = navigator.userAgent;
        var browserName  = '';
        var fullVersion  = 0; 
        var majorVersion = 0;

        // In Internet Explorer, the true version is after "MSIE" in userAgent
        if ((verOffset=nAgt.indexOf("MSIE"))!=-1) {
         browserName  = "Microsoft Internet Explorer";
         fullVersion  = parseFloat(nAgt.substring(verOffset+5));
         majorVersion = parseInt(''+fullVersion);
        }

        // In Opera, the true version is after "Opera" 
        else if ((verOffset=nAgt.indexOf("Opera"))!=-1) {
         browserName  = "Microsoft Internet Explorer";
         fullVersion  = parseFloat(nAgt.substring(verOffset+6));
         majorVersion = parseInt(''+fullVersion);
        }

        // In most other browsers, "name/version" is at the end of userAgent 
        else if ( (nameOffset=nAgt.lastIndexOf(' ')+1) < (verOffset=nAgt.lastIndexOf('/')) ) 
        {
         browserName  = nAgt.substring(nameOffset,verOffset);
         fullVersion  = parseFloat(nAgt.substring(verOffset+1));
         if (!isNaN(fullVersion)) majorVersion = parseInt(''+fullVersion);
         else {fullVersion  = 0; majorVersion = 0;}
        }

        // Finally, if no name and/or no version detected from userAgent...
        if (browserName.toLowerCase() == browserName.toUpperCase()
         || fullVersion==0 || majorVersion == 0 )
        {
         browserName  = navigator.appName;
         fullVersion  = parseFloat(nVer);
         majorVersion = parseInt(nVer);
        }
//        alert('Browser name  = '+browserName+'<br>');
//        alert('Full version  = '+fullVersion+'<br>');
//        alert('Major version = '+majorVersion+'<br>');
        //document.write('navigator.appName = '+navigator.appName+'<br>');
        //document.write('navigator.userAgent = '+navigator.userAgent+'<br>');
        
        if (browserName == 'Microsoft Internet Explorer' && majorVersion=='6')
            return true;
        else
            return false;
    }