//javascript for bodysolid site
    // ------------------------------------------------------------------------------------ 
    // this clears the search box text when you click in it
    //Script by http://www.java-Scripts.net and http://wsabstract.com 
    
     function doClear(theText) {
         if (theText.value == theText.defaultValue) {
             theText.value = ""
         }
     }
     
    // ------------------------------------------------------------------------------------ 
    // code for the home page image rotator
    
     function theRotator() {
	//Set the opacity of all images to 0
	$('div#rotator ul li').css({opacity: 0.0});
	
	//Get the first image and display it (gets set to full opacity)
	$('div#rotator ul li:first').css({opacity: 1.0});
		
	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('rotate()',6000);
	
    }

    function rotate() {	
	    //Get the first image
	    var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));

	    //Get next image, when it reaches the end, rotate it back to the first image
	    var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));	
    	
	    //Set the fade in effect for the next image, the show class has higher z-index
	    next.css({opacity: 0.0})
	    .addClass('show')
	    .animate({opacity: 1.0}, 1000);

	    //Hide the current image
	    current.animate({opacity: 0.0}, 1000)
	    .removeClass('show');
    	
    };

    $(document).ready(function() {		
	    //Load the slideshow
	    theRotator();
    });
    // ------------------------------------------------------------------------------------ 
    
    // home page slide menu code
    if (typeof dd_domreadycheck=="undefined") //global variable to detect if DOM is ready
	var dd_domreadycheck=false

    var anylinkmenu={

    menusmap: {},
    preloadimages: [],
    effects: {delayhide: 200, shadow:{enabled:false, opacity:1, depth: [5, 5]}, fade:{enabled:false, duration:500}}, //customize menu effects

    dimensions: {},

    getoffset:function(what, offsettype){
	    return (what.offsetParent)? what[offsettype]+this.getoffset(what.offsetParent, offsettype) : what[offsettype]
    },

    getoffsetof:function(el){
	    el._offsets={left:this.getoffset(el, "offsetLeft"), top:this.getoffset(el, "offsetTop"), h: el.offsetHeight}
    },

    getdimensions:function(menu){
	    this.dimensions={anchorw:menu.anchorobj.offsetWidth, anchorh:menu.anchorobj.offsetHeight,
		    docwidth:(window.innerWidth ||this.standardbody.clientWidth)-20,
		    docheight:(window.innerHeight ||this.standardbody.clientHeight)-15,
		    docscrollx:window.pageXOffset || this.standardbody.scrollLeft,
		    docscrolly:window.pageYOffset || this.standardbody.scrollTop
	    }
	    if (!this.dimensions.dropmenuw){
		    this.dimensions.dropmenuw=menu.dropmenu.offsetWidth
		    this.dimensions.dropmenuh=menu.dropmenu.offsetHeight
	    }
    },

    isContained:function(m, e){
	    var e=window.event || e
	    var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
	    while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
	    if (c==m)
		    return true
	    else
		    return false
    },

    setopacity:function(el, value){
	    el.style.opacity=value
	    if (typeof el.style.opacity!="string"){ //if it's not a string (ie: number instead), it means property not supported
		    el.style.MozOpacity=value
		    if (el.filters){
			    el.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity="+ value*100 +")"
		    }
	    }
    },

    showmenu:function(menuid){
	    var menu=anylinkmenu.menusmap[menuid]
	    clearTimeout(menu.hidetimer)
	    this.getoffsetof(menu.anchorobj)
	    this.getdimensions(menu)
	    var posx=menu.anchorobj._offsets.left + (menu.orientation=="lr"? this.dimensions.anchorw : 0) //base x pos
	    var posy=menu.anchorobj._offsets.top+this.dimensions.anchorh - (menu.orientation=="lr"? this.dimensions.anchorh : 0)//base y pos
	    if (posx+this.dimensions.dropmenuw+this.effects.shadow.depth[0]>this.dimensions.docscrollx+this.dimensions.docwidth){ //drop left instead?
		    posx=posx-this.dimensions.dropmenuw + (menu.orientation=="lr"? -this.dimensions.anchorw : this.dimensions.anchorw)
	    }
	    if (posy+this.dimensions.dropmenuh>this.dimensions.docscrolly+this.dimensions.docheight){  //drop up instead?
		    posy=Math.max(posy-this.dimensions.dropmenuh - (menu.orientation=="lr"? -this.dimensions.anchorh : this.dimensions.anchorh), this.dimensions.docscrolly) //position above anchor or window's top edge
	    }
	    if (this.effects.fade.enabled){
		    this.setopacity(menu.dropmenu, 0) //set opacity to 0 so menu appears hidden initially
		    if (this.effects.shadow.enabled)
			    this.setopacity(menu.shadow, 0) //set opacity to 0 so shadow appears hidden initially
	    }
	    menu.dropmenu.setcss({left:posx+'px', top:posy+'px', visibility:'visible'})
	    if (this.effects.shadow.enabled){
		    //menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"})
		    menu.shadow.setcss({left:posx+anylinkmenu.effects.shadow.depth[0]+'px', top:posy+anylinkmenu.effects.shadow.depth[1]+'px', visibility:'visible'})
	    }
	    if (this.effects.fade.enabled){
		    clearInterval(menu.animatetimer)
		    menu.curanimatedegree=0
		    menu.starttime=new Date().getTime() //get time just before animation is run
		    menu.animatetimer=setInterval(function(){anylinkmenu.revealmenu(menuid)}, 20)
	    }
    },

    revealmenu:function(menuid){
	    var menu=anylinkmenu.menusmap[menuid]
	    var elapsed=new Date().getTime()-menu.starttime //get time animation has run
	    if (elapsed<this.effects.fade.duration){
		    this.setopacity(menu.dropmenu, menu.curanimatedegree)
		    if (this.effects.shadow.enabled)
			    this.setopacity(menu.shadow, menu.curanimatedegree*this.effects.shadow.opacity)
	    }
	    else{
		    clearInterval(menu.animatetimer)
		    this.setopacity(menu.dropmenu, 1)
		    menu.dropmenu.style.filter=""
	    }
	    menu.curanimatedegree=(1-Math.cos((elapsed/this.effects.fade.duration)*Math.PI)) / 2
    },

    setcss:function(param){
	    for (prop in param){
		    this.style[prop]=param[prop]
	    }
    },

    setcssclass:function(el, targetclass, action){
	    var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")
	    if (action=="check")
		    return needle.test(el.className)
	    else if (action=="remove")
		    el.className=el.className.replace(needle, "")
	    else if (action=="add" && !needle.test(el.className))
		    el.className+=" "+targetclass
    },

    hidemenu:function(menuid){
	    var menu=anylinkmenu.menusmap[menuid]
	    clearInterval(menu.animatetimer)
	    menu.dropmenu.setcss({visibility:'hidden', left:0, top:0})
	    menu.shadow.setcss({visibility:'hidden', left:0, top:0})
    },

    getElementsByClass:function(targetclass){
	    if (document.querySelectorAll)
		    return document.querySelectorAll("."+targetclass)
	    else{
		    var classnameRE=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "i") //regular expression to screen for classname
		    var pieces=[]
		    var alltags=document.all? document.all : document.getElementsByTagName("*")
		    for (var i=0; i<alltags.length; i++){
			    if (typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1)
				    pieces[pieces.length]=alltags[i]
		    }
		    return pieces
	    }
    },

    addDiv:function(divid, divclass, inlinestyle){
	    var el=document.createElement("div")
	    if (divid)
		    el.id=divid
	    el.className=divclass
	    if (inlinestyle!="" && typeof el.style.cssText=="string")
		    el.style.cssText=inlinestyle
	    else if (inlinestyle!="")
		    el.setAttribute('style', inlinestyle)
	    document.body.appendChild(el)
	    return el
    },

    getmenuHTML:function(menuobj){
	    var menucontent=[]
	    var frag=""
	    for (var i=0; i<menuobj.items.length; i++){
		    frag+='<li><a href="' + menuobj.items[i][1] + '" target="' + menuobj.linktarget + '">' + menuobj.items[i][0] + '</a></li>\n'
		    if (menuobj.items[i][2]=="efc" || i==menuobj.items.length-1){
			    menucontent.push(frag)
			    frag=""
		    }
	    }
	    if (typeof menuobj.cols=="undefined")
		    return '<ul>\n' + menucontent.join('') + '\n</ul>'
	    else{
		    frag=""
		    for (var i=0; i<menucontent.length; i++){
			    frag+='<div class="' + menuobj.cols.divclass + '" style="' + menuobj.cols.inlinestyle + '">\n<ul>\n' + menucontent[i] + '</ul>\n</div>\n'
		    }
		    return frag
	    }
    },

    addEvent:function(targetarr, functionref, tasktype){
	    if (targetarr.length>0){
		    var target=targetarr.shift()
		    if (target.addEventListener)
			    target.addEventListener(tasktype, functionref, false)
		    else if (target.attachEvent)
			    target.attachEvent('on'+tasktype, function(){return functionref.call(target, window.event)})
		    this.addEvent(targetarr, functionref, tasktype)
	    }
    },

    domready:function(functionref){ //based on code from the jQuery library
	    if (dd_domreadycheck){
		    functionref()
		    return
	    }
	    // Mozilla, Opera and webkit nightlies currently support this event
	    if (document.addEventListener) {
		    // Use the handy event callback
		    document.addEventListener("DOMContentLoaded", function(){
			    document.removeEventListener("DOMContentLoaded", arguments.callee, false )
			    functionref();
			    dd_domreadycheck=true
		    }, false )
	    }
	    else if (document.attachEvent){
		    // If IE and not an iframe
		    // continually check to see if the document is ready
		    if ( document.documentElement.doScroll && window == window.top) (function(){
			    if (dd_domreadycheck) return
			    try{
				    // If IE is used, use the trick by Diego Perini
				    // http://javascript.nwbox.com/IEContentLoaded/
				    document.documentElement.doScroll("left")
			    }catch(error){
				    setTimeout( arguments.callee, 0)
				    return;
			    }
			    //and execute any waiting functions
			    functionref();
			    dd_domreadycheck=true
		    })();
	    }
	    if (document.attachEvent && parent.length>0) //account for page being in IFRAME, in which above doesn't fire in IE
		    this.addEvent(window, function(){functionref()}, "load");
    },

    addState:function(anchorobj, state){
	    if (anchorobj.getAttribute('data-image')){
		    var imgobj=(anchorobj.tagName=="IMG")? anchorobj : anchorobj.getElementsByTagName('img')[0]
		    if (imgobj){
			    imgobj.src=(state=="add")? anchorobj.getAttribute('data-overimage') : anchorobj.getAttribute('data-image')
		    }
	    }
	    else
		    anylinkmenu.setcssclass(anchorobj, "selectedanchor", state)
    },

    addState:function(anchorobj, state){
	    if (anchorobj.getAttribute('data-image')){
		    var imgobj=(anchorobj.tagName=="IMG")? anchorobj : anchorobj.getElementsByTagName('img')[0]
		    if (imgobj){
			    imgobj.src=(state=="add")? anchorobj.getAttribute('data-overimage') : anchorobj.getAttribute('data-image')
		    }
	    }
	    else
		    anylinkmenu.setcssclass(anchorobj, "selectedanchor", state)
    },

    setupmenu:function(targetclass, anchorobj, pos){
	    this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
	    var relattr=anchorobj.getAttribute("rel")
	    dropmenuid=relattr.replace(/\[(\w+)\]/, '')
	    var dropmenuvar=window[dropmenuid]
	    var dropmenu=this.addDiv(null, dropmenuvar.divclass, dropmenuvar.inlinestyle) //create and add main sub menu DIV
	    dropmenu.innerHTML=this.getmenuHTML(dropmenuvar)
	    var menu=this.menusmap[targetclass+pos]={
		    id: targetclass+pos,
		    anchorobj: anchorobj,	
		    dropmenu: dropmenu,
		    revealtype: (relattr.length!=dropmenuid.length && RegExp.$1=="click")? "click" : "mouseover",
		    orientation: anchorobj.getAttribute("rev")=="lr"? "lr" : "ud",
		    shadow: this.addDiv(null, "anylinkshadow", null) //create and add corresponding shadow
	    }
	    menu.anchorobj._internalID=targetclass+pos
	    menu.anchorobj._isanchor=true
	    menu.dropmenu._internalID=targetclass+pos
	    menu.shadow._internalID=targetclass+pos
	    menu.dropmenu.setcss=this.setcss
	    menu.shadow.setcss=this.setcss
	    menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"})
	    this.setopacity(menu.shadow, this.effects.shadow.opacity)
	    this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOVER event for anchor, dropmenu, shadow
		    var menu=anylinkmenu.menusmap[this._internalID]
		    if (this._isanchor && menu.revealtype=="mouseover" && !anylinkmenu.isContained(this, e)){ //event for anchor
			    anylinkmenu.showmenu(menu.id)
			    anylinkmenu.addState(this, "add")
		    }
		    else if (typeof this._isanchor=="undefined"){ //event for drop down menu and shadow
			    clearTimeout(menu.hidetimer)
		    }
	    }, "mouseover")
	    this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOUT event for anchor, dropmenu, shadow
		    if (!anylinkmenu.isContained(this, e)){
			    var menu=anylinkmenu.menusmap[this._internalID]
			    menu.hidetimer=setTimeout(function(){
				    anylinkmenu.addState(menu.anchorobj, "remove")
				    anylinkmenu.hidemenu(menu.id)
			    }, anylinkmenu.effects.delayhide)
		    }
	    }, "mouseout")
	    this.addEvent([menu.anchorobj, menu.dropmenu], function(e){ //CLICK event for anchor, dropmenu
		    var menu=anylinkmenu.menusmap[this._internalID]
		    if ( this._isanchor && menu.revealtype=="click"){
			    if (menu.dropmenu.style.visibility=="visible")
				    anylinkmenu.hidemenu(menu.id)
			    else{
				    anylinkmenu.addState(this, "add")
				    anylinkmenu.showmenu(menu.id)
			    }
			    if (e.preventDefault)
				    e.preventDefault()
			    return false
		    }
		    else
			    menu.hidetimer=setTimeout(function(){anylinkmenu.hidemenu(menu.id)}, anylinkmenu.effects.delayhide)
	    }, "click")
    },

    init:function(targetclass){
	    this.domready(function(){anylinkmenu.trueinit(targetclass)})
    },

    trueinit:function(targetclass){
	    var anchors=this.getElementsByClass(targetclass)
	    var preloadimages=this.preloadimages
	    for (var i=0; i<anchors.length; i++){
		    if (anchors[i].getAttribute('data-image')){ //preload anchor image?
			    preloadimages[preloadimages.length]=new Image()
			    preloadimages[preloadimages.length-1].src=anchors[i].getAttribute('data-image')
		    }
		    if (anchors[i].getAttribute('data-overimage')){ //preload anchor image?
			    preloadimages[preloadimages.length]=new Image()
			    preloadimages[preloadimages.length-1].src=anchors[i].getAttribute('data-overimage')
		    }
		    this.setupmenu(targetclass, anchors[i], i)
	    }
    }

    }
    
    //anylinkmenu.init("menu_anchors_class") //Pass in the CSS class of anchor links (that contain a sub menu)
    anylinkmenu.init("menuanchorclass");


    // ------------------------------------------------------------------------------------ 
    
    // this changes the "-" in the navigation drop downs to label each one as per the site mockup.
    
    function changeTextInDropDowns()
    {
    var objDropdown = document.getElementById("ctl00_UC_Categorymenu_ddlCategories");
    var objDropdown2 = document.getElementById("ctl00_UC_Categorymenu2_ddlCategories");
    
    for ( var i = 0; i < objDropdown.length; i++ ) 
        {
            if ( objDropdown[i].text == "-" ) 
            {
            objDropdown[i].text = "Product Line";
            // return;
            }
        }
    
    for ( var i = 0; i < objDropdown2.length; i++ ) 
        {
            if ( objDropdown2[i].text == "-" ) 
            {
            objDropdown2[i].text = "Product Type";
            return;
            }
        }
    }