function setTopNav(id)
{    
    var catid;  
    var tabName; 
    var el; // the html to update
    
    if(!id)
    {                  
        // no id specified, check qs for 'catid' value
        catid = queryString('catid');        
        if (queryString('catid') != 'false')
        {        
            // we have a catid, check if contains a '.'
            if( catid.indexOf('.') != -1 )
            {
                // we have a sub category, reassign var to parent category id
                catid = catid.substring(0,catid.indexOf('.'));                
            }            
            switch(catid)
            {
                case '7':
                    tabName = 'dvds';
                    break;
                case '8':
                    tabName = 'gifts';
                    break;
                case '9':
                    tabName = 'cds';
                    break;
                case '10':
                    tabName = 'books';
                    break;
                default:
                    tabName = "";
                    break;
             }//end switch
             
             if ( tabName != "")
             {
                el = document.getElementById(tabName)
             }
        }
    }
    else
    {
        el = document.getElementById(id);        
    }    
    if(el) el.className= "on";
}


// set the breadcrumb to just the parent category
function setBreadCrumb()
{    
    var catid;      
    var labeltext = "";
    var el = document.getElementById('_ctl0_PageContentHeader_currentParentCategory'); // the html to update    
    if(el)
    {
        // no id specified, check qs for 'catid' value
        catid = queryString('catid');        
        if (queryString('catid') != 'false')
        {        
            // we have a catid, check if contains a '.'
            if( catid.indexOf('.') != -1 )
            {
                // we have a sub category, reassign var to parent category id
                catid = catid.substring(0,catid.indexOf('.'));                
            }        
            switch(catid)
            {
                case '7':
                    labeltext = "DVDs";
                    break;
                case '8':
                    labeltext = "Gifts";
                    break;
                case '9':
                    labeltext = "CDs";
                    break;
                case '10':
                    labeltext = "Books";
                    break;
                default:
                    labeltext = "";
                    break;
            }//end switch              
            if ( labeltext != "")
            {                
                el.innerHTML = labeltext;
            }
        }
    }    
}

 
 // function to parse Query string.
function PageQuery(q)
{
    if(q.length > 1) 
        this.q = q.substring(1, q.length);
    else 
        this.q = null;
    
    this.keyValuePairs = new Array();
    if(q) 
    {
        for(var i=0; i < this.q.split("&").length; i++)
        {
            this.keyValuePairs[i] = this.q.split("&")[i];
        }
    }
    this.getKeyValuePairs = function() { return this.keyValuePairs; }
    this.getValue = function(s)
    {
        for(var j=0; j < this.keyValuePairs.length; j++)
        {
            if(this.keyValuePairs[j].split("=")[0] == s)
                return this.keyValuePairs[j].split("=")[1];
        }
        return false;
    }
    this.getParameters = function()
    {
        var a = new Array(this.getLength());
        for(var j=0; j < this.keyValuePairs.length; j++)
        {
            a[j] = this.keyValuePairs[j].split("=")[0];
        }
        return a;
    }
    this.getLength = function() { return this.keyValuePairs.length; }
}

//function gets the Query string value for key param.
function queryString(key)
{
    var page = new PageQuery(window.location.search);
    return unescape(page.getValue(key));
}