// ELITE MODELS FUNCTIONS

function changeBgPos(elementId,height){
    document.getElementById(elementId).style.backgroundPosition="0 "+height+"px";
}
function swapElement(hide,show){
    document.getElementById(hide).style.display="none";
    document.getElementById(show).style.display="block";
}

function productTabs(clicked)
{
	var currentSection = clicked+'Content';
	var currentTab = clicked+'Tab';
	
	
	// Hide all content divs and reset Tab styling
	var elems = getElementsByClassName(document, 'contentOpen')
     for(var i = 0; i < elems.length; i++)
     {
        elems[i].className = 'contentClose'
     }
	var elems2 = getElementsByClassName(document, 'tabCurrent')
     for(var i = 0; i < elems2.length; i++)
     {
        elems2[i].className = 'tab'
     }
	
	// Change current Tab and Show current Tab content
	document.getElementById(currentSection).className = 'contentOpen';
	document.getElementById(currentTab).className = 'tabCurrent';
}



function getElementsByClassName(node, classname)
{
    var a = [];
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for(var i=0,j=els.length; i<j; i++)
        if(re.test(els[i].className))a.push(els[i]);
    return a;
}

function loadInSIFR(){
	var centurygothiccenter = {
    src: '/ewcommon/fonts/square-center.swf'
    ,ratios: [6,1.32,7,1.28,8,1.31,9,1.27,10,1.25,11,1.24,12,1.23,13,1.22,14,1.21,15,1.2,16,1.22,17,1.2,18,1.2,19,1.19,20,1.19,21,1.18,22,1.18,23,1.19,24,1.19,25,1.18,26,1.18,27,1.18,28,1.17,29,1.17,30,1.16,31,1.18,32,1.17,33,1.17,34,1.16,35,1.17,36,1.16,37,1.16,38,1.16,39,1.17,40,1.16,41,1.16,42,1.16,43,1.16,44,1.16,45,1.15,46,1.16,47,1.16,48,1.16,49,1.16,50,1.16,51,1.15,52,1.15,53,1.15,54,1.16,55,1.15,56,1.15,57,1.15,58,1.15,59,1.15,60,1.15,61,1.15,62,1.15,63,1.15,64,1.15,65,1.15,66,1.15,67,1.15,68,1.15,69,1.15,70,1.15,71,1.15,72,1.15,73,1.15,74,1.15,76,1.14,77,1.15,78,1.15,80,1.15,81,1.15,82,1.14,83,1.14,84,1.14,85,1.15,86,1.15,87,1.14,88,1.15,89,1.14,90,1.14,91,1.14,92,1.15,93,1.14,94,1.14,95,1.14,96,1.14,97,1.14,98,1.14,99,1.14,100,1.14,101,1.14,102,1.14,103,1.14,104,1.14,105,1.14,106,1.14,107,1.14,108,1.14,109,1.14,110,1.14,111,1.14,112,1.14,113,1.14,114,1.14,115,1.14,116,1.14,117,1.14,118,1.14,119,1.14,120,1.14,121,1.14,122,1.14,123,1.14,124,1.14,1.14]
  };
  
   var centurygothic = {
    src: '/ewcommon/fonts/square-center.swf'
    ,ratios: [6,1.32,7,1.35,8,1.31,9,1.28,10,1.26,11,1.25,12,1.24,13,1.23,14,1.25,15,1.23,16,1.23,17,1.22,18,1.21,19,1.21,20,1.2,21,1.21,22,1.2,23,1.2,24,1.2,25,1.19,26,1.19,27,1.18,28,1.19,29,1.19,30,1.19,31,1.19,32,1.18,33,1.18,34,1.19,35,1.18,36,1.18,37,1.18,38,1.18,39,1.18,40,1.17,41,1.18,42,1.18,43,1.17,44,1.17,45,1.17,46,1.17,47,1.17,48,1.18,49,1.17,50,1.17,51,1.17,52,1.17,53,1.17,54,1.17,55,1.17,56,1.17,57,1.17,58,1.17,59,1.17,60,1.17,61,1.16,62,1.17,63,1.17,64,1.17,65,1.17,66,1.16,67,1.16,68,1.17,69,1.17,70,1.16,71,1.16,72,1.16,73,1.16,74,1.16,75,1.17,76,1.16,77,1.16,78,1.16,79,1.16,80,1.16,81,1.16,82,1.16,83,1.16,84,1.16,85,1.16,86,1.16,87,1.16,88,1.16,89,1.16,90,1.16,91,1.16,92,1.16,93,1.16,94,1.16,95,1.16,96,1.16,97,1.16,98,1.16,99,1.16,100,1.16,101,1.16,102,1.16,103,1.16,104,1.16,105,1.16,106,1.16,107,1.16,108,1.16,109,1.16,110,1.16,111,1.16,113,1.16,114,1.16,115,1.16,116,1.16,117,1.16,118,1.16,119,1.16,120,1.16,121,1.16,122,1.16,123,1.16,124,1.16,1.16]
  };
  
   var centurygothicright = {
    src: '/ewcommon/fonts/square-center.swf'
    };

  sIFR.debugMode = true;
  sIFR.delayCSS  = true;
  sIFR.activate(centurygothiccenter, centurygothic, centurygothicright);
  
  //sIFR.debug.ratios({ src: '/ewcommon/fonts/century-gothic.swf', selector: 'h1' });
  
  sIFR.replace(centurygothiccenter, {
    selector: '.box h2.title'
    ,wmode: 'transparent'
    ,css: [
    	'.sIFR-root {color:#ffffff;text-align: left;font-size: 16px;padding: 0;}'
      ,'a { text-decoration: none; }'
      ,'a:link { color: #d5342c; }'
      ,'a:hover { color: #555555; }'
    ]
  });
  
  sIFR.replace(centurygothiccenter, {
    selector: '.Site .formMainTable h3'
    ,wmode: 'transparent'
    ,css: [
    	'.sIFR-root {color:#ffffff;}'
      ,'a { text-decoration: none; }'
      ,'a:link { color: #d5342c; }'
      ,'a:hover { color: #555555; }'
    ]
  });
  
  sIFR.replace(centurygothiccenter, {
    selector: '#subMenuTitle'
    ,wmode: 'transparent'
    ,css: [
    	'.sIFR-root {color:#ffffff; text-align: left;}'
      ,'a { text-decoration: none; color:#ffffff; }'
      ,'a:link { color: #d5342c; color:#ffffff;}'
      ,'a:hover { color: #555555; color:#ffffff;}'
    ]
  });

}

// jQuery exists function .exists()
jQuery.fn.exists = function() { return jQuery(this).length > 0; }

$(document).ready(function() {

    //  hover( over, out )

    /* 
    This script does the following:

on mouse in the othermenu is displayed (via annimated slide).
    next the 'on' class is added to the previous 'A' tag so that the menu tab
    remains highlighted.

on mouse out the '#othermenu' is hidden and the 'on' class is removed.
    */
    /**/
    $('#pg_More').hover(
         function() {
             $('#otherMenu').slideDown("fast").prev().addClass('on');
         },
         function() {
             $('#otherMenu').slideUp("fast").prev().removeClass('on');
         }
    )

    /*
    This Script prevents the default action (follow) for the first 'A' tag. 
    The :first attribute is required otherwise the function prevents stops you following links 
    on the flyout menu.
    */

    $('#mainMenuContainer .last a:first').click(function(e) { e.preventDefault(); })

    /*
    This is the call to initiallize the product scroller.
    */

    $("#productScroller").scrollable({ size: 2 }).circular().navigator().autoscroll({ steps: 2, interval: 3500 });

    $(function() {
        $(".lightbox").lightBox();
    })

    var searchSubmit = 0;

    if ($("#searchFacility").exists()) {
        $("input[name='search-sort']").click(function() {
        //console.log('searchSubmit ' + searchSubmit);
            if ($("input[name='searchString']").val() != '' && $("input[name='searchString']").val() != 'Product Search:') {
                if (searchSubmit == 0) {
                    $("#searchFacility").append('<br/><p>Please wait...</p>')
                    $("#searchFacility").find("input[type='submit']").click();
                    searchSubmit = searchSubmit + 1;
                }
            }
        });
    }

});