//scripts added and altered by Bally
// Do Not replace this template with new one from MD


                               
function baseLink(inputURL)
{
  if (inputURL.indexOf("http") == 0)
  {   
    //window.location.replace(inputURL);
    window.open(inputURL,"_self");

  }
  else
  {
    if (inputURL.indexOf("/") == 0)
    {   
      //window.location.replace(getBaseURL() + inputURL);
      window.open(getBaseURL() + inputURL,"_self");

    }
    else
    {
      //window.location.replace(getBaseURL() + "/" + inputURL);
      window.open(getBaseURL() + "/" + inputURL,"_self");

    }
  }
}

                               
function requestSearch(tbxID,BaseURL,strCulture)
{
  //var pathName = "/cps/rde/xchg/SID-0B0A760A-364DB8C3/ballyfitness";
  //var pathName = "/cps/rde/xchg/ballyfitness/xsl/hs.xsl/-/html/search-underconstruction.htm";
  var pathName = "/cps/rde/xchg/ballyfitness/xsl/hs.xsl/-/html/search.htm";
  var queryStart = ((strCulture == "es") ? "?rdeLocale=es&searchtext=" : "?rdeLocale=en&searchtext=");
  var selector = "#" + tbxID;    
  var textboxes = $(selector);
  if (textboxes.length > 0)
  {
    var SearchText = textboxes[0].value;
    //window.location.replace(BaseURL + pathName + queryStart  + SearchText);
    window.open(BaseURL + pathName + queryStart + SearchText,"_self");
  }
}



$(window).load(function(){
    preloadImages();
    initRollovers();
    initPrint();
    initClearValue();
    initToggle();
    initHelp();
    initTabbing();
    initEmail();
});
var browser = navigator.appName;
var versionInfo = navigator.appVersion;
var versionNum = parseFloat(versionInfo);
var vendor = navigator.vendor;
var IE = "Microsoft Internet Explorer";
var IE6 = "MSIE 6.0";
var IE7 = "MSIE 7.0";
var safari = "Apple Computer, Inc.";
var classAttribute = classAttr();   //Get the appropriate class attribute to set. IE and Firefox use different attributes for class in the DOM.
var imagePath = "";
//keep the above value EMPTY bc imgs are already fully pathed by reddot!
/* preload images function :
-------------------------------------------------------------------------*/
//This function is mostly because IE 6 isn't loading the background images of the help dynamic layers.
//TEST: THE LINE BELOW IS CAUSING THE ERROR MESSAGE...
var dynImg = ["/structure_images/bg-form-help.gif","/structure_images/bg-form-help-arrow.gif","/structure_images/bg-form-help-top.gif","/structure_images/bg-form-help-btm.gif","/structure_images/bg-large-help.gif","/structure_images/bg-large-help-arrow.gif","/structure_images/bg-large-help-btm.gif"];
var preloadFlag = false;
function preloadImages() {
    for (i=0; i<dynImg.length; i++) {
        var images = new Array();
        images[i] = new Image();
        images[i].src = imagePath + dynImg[i];
    }
    preloadFlag = true;
}
/* preload images function ^
-------------------------------------------------------------------------*/
/* image rollover funtion :
-------------------------------------------------------------------------*/
/* Function to initalize rollover */
function initRollovers(){    
    var rollovers = getElementsByClass('rollover',null,null);    //Get elements with a class of "rollover"
    
    if (rollovers.length > 0){        //If there is at least one element with a class "rollover"
        for(var i=0;i<rollovers.length;i++){    //Loop through all elements with class "rollover"
            var classValue = rollovers[i].getAttribute(classAttribute);
            
            if((versionInfo.match(IE6) != null) && (classValue.match('tpng') != null) ){ //If the browser is IE6 and a transparent png                
                addEvent(rollovers[i],'mouseover',rolloverPNG);    //Attach mouseover event
                addEvent(rollovers[i],'mouseout',rolloverPNG);    //Attach mouseout event    
            }
            else {
                addEvent(rollovers[i],'mouseover',rollover);    //Attach mouseover event
                addEvent(rollovers[i],'mouseout',rollover);    //Attach mouseout event
            }
        }        
    }
}
// This function grabs the src attribute and replaces "off" with "on" (for mouseover) or "on" with "off (for mouseout) in the attribute string. KM
function rollover(event) {
    var etype = event.type;
    var imgSrc = getObjectAttribute(this,"src");
    var newImgSrc;
    
    if (etype == 'mouseover'){
        newImgSrc = imgSrc.replace('off.','on.','gi');
        this.setAttribute("src",newImgSrc);
    }
    
    else if (etype == 'mouseout') {
        newImgSrc = imgSrc.replace('on.','off.','gi');
        this.setAttribute("src",newImgSrc);
    }
}
// IE 6 transparent PNG rollover function. KM
function rolloverPNG(event) {
    var etype = event.type;
    var imgSrc = getObjectAttribute(this,"name");
    var newImgSrc;
    
    if (etype == 'mouseover'){
        newImgSrc = imgSrc.replace('off.','on.','gi');
        this.setAttribute('src',newImgSrc);
    }
    
    else if (etype == 'mouseout') {
        newImgSrc = imgSrc.replace('on.','off.','gi');
        this.setAttribute('src',newImgSrc);
    }
}
// When function needs to be added inline (e.g. dynamically added content) KM
function rolloverInline(imgId,type) {
    var imgSrc = $("#" + imgId).attr("src");//jquery
    var newImgSrc;    
    if (type == 'over'){
        newImgSrc = imgSrc.replace('off.','on.','gi');
    }
    else if (type == 'out') {
        newImgSrc = imgSrc.replace('on.','off.','gi');
    }    
    $("#" + imgId).attr("src",newImgSrc);//jquery
}
/* image rollover function ^
-------------------------------------------------------------------------*/
/* pop up function :
-------------------------------------------------------------------------*/
function popWindow(href,title,sb,width,height) {
    window.open(href,title,'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars='+ sb +',resizable=0,width='+ width +',height='+ height +',top=150,left=150');
}
/* pop up function ^
-------------------------------------------------------------------------*/
/* print functions :
-------------------------------------------------------------------------*/
function initPrint(){    
    var printBtns = $(".print-button");
        
    printBtns.each(function(){         
        $(this).click(function(){
            window.print();
        });
    });
}
/* print functions ^
-------------------------------------------------------------------------*/
/* email functions :
-------------------------------------------------------------------------*/
function initEmail(){    
    var printBtns = $(".email-button");
    var sendPage = "/send-to-friend.aspx";
    
    printBtns.each(function(){         
        $(this).click(function(){
            popWindow(sendPage,"send_email","yes","300","300");
        });
    });
}
/* email functions ^
-------------------------------------------------------------------------*/
/* toggle pane functions :
-------------------------------------------------------------------------*/
function initToggle(){
    var tObj = $(".toggle-button");
    
    tObj.each(function(){         
        $(this).click(function(){
            togglePane(this);
        });
    });
}
function togglePane(obj){
    var pane;
    
    if($(obj).parent().hasClass("toggle-pane")){
        pane = $(obj).parent();
    }
    else {
        pane = $(obj).parent().find(".toggle-pane");    
    }
    
    toggle(pane);
}
/* toggle pane functions ^
-------------------------------------------------------------------------*/
/* help window functions :
-------------------------------------------------------------------------*/
function initHelp(){
    var tObj = $(".help-button");
    
    tObj.each(function(){         
        $(this).click(function(){
            toggleHelp(this);
        });
    });
}
function toggleHelp(obj){   
    var pane;
    
    if($(obj).parent().hasClass("help-text")){
        pane = $(obj).parent();
    }
    else if($(obj).siblings().hasClass("help-text")){
        pane = $(obj).parent().find(".help-text");
    }
    else {
        pane = $(obj).parent().parent().find(".help-text");    
    }
    
    $(pane).find("div.top").remove();
    $(pane).find("div.bottom").remove();
    $(pane).find("div.arrow").remove();
    $(pane).find("div.help-button").remove(); 
    
    var helpTop = document.createElement("div");
    $(helpTop).addClass("top");
    
    var helpBottom = document.createElement("div");
    $(helpBottom).addClass("bottom");
    
    var helpArrow = document.createElement("div");
    $(helpArrow).addClass("arrow");
    
    var closeBtn = document.createElement("img");
    $(closeBtn).addClass("button help-button");
    $(closeBtn).attr("src","/structure_images/btn-close-help.gif");
    $(closeBtn).attr("width", "6");
    $(closeBtn).attr("height", "6");
    $(closeBtn).attr("alt", "Close");
    $(closeBtn).click(function(){
        toggle(pane);
    });
    
    $(pane).prepend(helpTop);
    $(pane).append(helpBottom);
    $(pane).append(helpArrow);
    $(pane).append(closeBtn);
    
    toggle(pane);
    
    var left;
    var top;
    
    if($(pane).hasClass("pricing-details")){
        left = -265;
        top = 4;
    }
    else {
        left = 15;
        top = 7;
    }
    position(obj, pane, left, top);
}
/* help window functions ^
-------------------------------------------------------------------------*/
/* expand item functions :
-------------------------------------------------------------------------*/
function initExpand(){
    var tObj = $(".expand-header");
    
    tObj.each(function(){         
        $(this).click(function(){
            expand(this);
        });
    });
}
function expand(obj){
    var parent = $(obj).parent();
    var pane = $(parent).find(".expand-item");  
    
    if($(parent).hasClass("open")){
        $(parent).removeClass("open");
    }
    else {
        $(parent).addClass("open");    
    }
    
    toggle(pane);
}
/* expand item functions ^
-------------------------------------------------------------------------*/
/* section landing functions :
-------------------------------------------------------------------------*/
function contentSwitch(){
    _gel("html-landing").style.visibility = "visible";
    _gel("flash-landing").style.display = "none";
}
/* section landing functions ^
-------------------------------------------------------------------------*/

/* Begin tab change functions :
-------------------------------------------------------------------------*/
function initTabbing(){    
    var tabs = getElementsByClass("tab",null,null);    //Get elements with a class of "tab"
    
    if (tabs.length > 0){        //If there is at least one element with a class "tab"
        for(var i=0;i<tabs.length;i++){    //Loop through all elements with class "tab"
            addEvent(tabs[i],"click",tabClick);    //Attach click event
            addEvent(tabs[i],"mouseover",tabHover);    //Attach over event
            addEvent(tabs[i],"mouseout",tabHover);    //Attach out event
        }        
    }
}
function tabClick(event){    
    var tabs = getElementsByClass("tab",null,null);    //Get tabs
    var tabSections = getElementsByClass("tab-section",null,null);   //Get tab body sections
        
    for(var t=0;t<tabs.length;t++){ //Loop through all tabs
        var tabObj = tabs[t];
        var tabSectionObj = tabSections[t];
                
        if(tabObj == this){ //Change clicked tab on
            tabObj.setAttribute(classAttribute, "tab selected");
            tabSectionObj.style.display = "block";
        }
        else {    //Change other tabs off            
            tabObj.setAttribute(classAttribute, "tab");
            tabSectionObj.style.display = "none";            
        }
    }
}
function tabHover(event){ 
    var etype = event.type;
    
    if (this.getAttribute(classAttribute) != "tab selected"){
        if (etype == "mouseover"){
            this.setAttribute(classAttribute,"tab hover");
        }
        
        else if (etype == "mouseout") {
            this.setAttribute(classAttribute,"tab");
        }
    }
}
/* Begin tab change functions ^
-------------------------------------------------------------------------*/
/* thumbnail swapping functions :
-------------------------------------------------------------------------*/
var mainImageEl = ".large-image > .primary-image";
var speed = 400;
var opacity = 0.50;
function initProjectPhotos(){
    var thumbImages = $(".thumb").length;
    
    if (thumbImages > 0){//If there is at least one element with a class "thumbnail"        
        $(".thumb:gt(0)").fadeTo(10, opacity).mouseover(function(event){
          $(this).fadeTo(speed, 1);
        }).mouseout(function(event){
          $(this).fadeTo(speed, opacity);
        });
        $(".thumb").click(changeProjects);
    }
}
function changeProjects() {
//    var clickedImage = $(this).attr("src").split(moduleImgPath)[1];
//    var mainImage = $(mainImageEl).attr("src").split(moduleImgPath)[1];
    var clickedImage = $(this).attr("src");
    var mainImage = $(mainImageEl).attr("src");

    for(var i=0;i<moduleArr.length;i++){ 
        var imageThumb = moduleArr[i].split("::")[0];
        var imageLarge = moduleArr[i].split("::")[1]; 
        var imageCaption = moduleArr[i].split("::")[2];   
          
        if(clickedImage == imageThumb){
            $(this).fadeTo(1000, 1).unbind("mouseout");
 //           $(mainImageEl).attr("src",moduleImgPath + imageLarge); 
            $(mainImageEl).attr("src",imageLarge); 
            $(".image-caption:eq(0)").html(imageCaption);
        }
        else{
            $(".thumb:eq("+i+")").unbind("mouseover").unbind("mouseout").fadeTo(10, opacity).mouseover(function(event){
              $(this).fadeTo(speed, 1);
            }).mouseout(function(event){
              $(this).fadeTo(speed, opacity);
            });
        }
    }    
}
/* thumbnail swapping functions ^
-------------------------------------------------------------------------*/
/* helper functions :
-------------------------------------------------------------------------*/
function toggle(pane){
    if($(pane).css("display") == "block"){
        $(pane).css("display", "none");
    }
    else {
        $(pane).css("display", "block");
    }
}
function position(obj, pane, left, top){
    var xPos = $(obj).position().left + left;
    var yPos = $(obj).position().top - top; 
    
    $(pane).css("left", xPos + "px");
    $(pane).css("top", yPos + "px");
}
/* Extracted from Prototype JS Library, http://prototype.conio.net/
 Written by Sam Stephenson, http://conio.net/ */
function _gel() {
  var elements = new Array();
  for (var i = 0; i < arguments.length; i++) {
    var element = arguments[i];
    if (typeof element == 'string') element = (document.getElementById) ? document.getElementById(element) : eval("document.all."+element) ;
    if (arguments.length == 1) return element;
    elements.push(element);
  }
  return elements;
}
/* Function to grab all elements with a specific class name.
 Original written by Jonathan Snook, http://www.snook.ca/jonathan
 Add-ons by Robert Nyman, http://www.robertnyman.com     
 Re-written by Zack Gilbert of Seen Creative, http://www.weareseencreative.com */
function getElementsByClass(className, elm, tag){
    if(elm == null) elm = document;
    if(tag == null) tag = '*';
    var elems = elm.getElementsByTagName(tag);
    var returnElems = new Array();
    className = className.replace(/\-/g, "\\-");
    var pattern = new RegExp("(^|\\s)" + className + "(\\s|$)");
    for(var i=0; i<elems.length; i++){
        if(pattern.test(elems[i].className)) returnElems.push(elems[i]);
    }
    return returnElems
}
/* Function to return the class attribute. IE and all other standards compliant browsers have different names for the class attribute object. */
function classAttr(){
    var class_att = null;
    if (browser == IE ){
        class_att = 'className';
    }
    else {
        class_att = 'class';
    }
    
    return class_att;
    
}
/* Functions to add/remove event listeners to objects
    Written by John Resig, http://ejohn.org */
function addEvent( obj, type, fn ) {
    if (obj.addEventListener) obj.addEventListener( type, fn, false );
    else if (obj.attachEvent) {
        obj["e"+type+fn] = fn;
        obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
        obj.attachEvent( "on"+type, obj[type+fn] );
    }
}
function removeEvent( obj, type, fn ) {
    if (obj.removeEventListener) obj.removeEventListener( type, fn, false );
    else if (obj.detachEvent) {
        obj.detachEvent( "on"+type, obj[type+fn] );
        obj[type+fn] = null;
        obj["e"+type+fn] = null;
    }
}
/* Functions to handle cross-browser events.
 Written by Zack Gilbert of Seen Creative, http://www.weareseencreative.com. */
/* get the target of an event object */
function getTarget(e) {
    return (e.target) ? e.target : e.srcElement;
}
/* Function to get object attribute text */
function getObjectAttribute(obj,attr){
    var attrValue = obj.getAttribute(attr);    
    return attrValue;
}
/* Function to get img extension */
function getImgExt(obj){
    var src = obj.getAttribute('src');
    var imgExtPosition = src.lastIndexOf('.') + 1;    //Get the extension. Add 1 to get only the extension, not .extension
    var extension;
    if(src.match('/structure_images/clearpixel.gif')){    //If IE and the image is a PNG, return 'png', because the PNG transparency function causes the img src to be clearpixel.gif.
        extension = 'png';
    }
    else {
        var extension = src.slice(imgExtPosition);
    }
    return extension;
}
/***** Begin clear value functions *****/
// This function can be used to add a click and focus event to any input with a class of "clear-value".
// The function clears the value of the input and removes the click and focus event, so the value doesn't get cleared everytime a user clicks in the input.
function initClearValue(){    
    var input = getElementsByClass("clear-value",null,null);
    
    if (input.length > 0){
        for(var i=0;i<input.length;i++){
            addEvent(input[i],"click",clearValue);
            addEvent(input[i],"focus",clearValue);
        }        
    }
}
function clearValue(){    
    this.value = "";
    removeEvent(this,"click",clearValue);
    removeEvent(this,"focus",clearValue);
 
    //Remove the class that also sets the style for the input before the value is cleared.
    var classValue = this.getAttribute(classAttribute);
    var newClassValue = classValue.replace('clear-value','','gi');
    this.setAttribute(classAttribute, newClassValue);
}
/***** End clear value functions *****/
/* helper functions ^
-------------------------------------------------------------------------*/
/* IE 6 dropdown scripts :
-------------------------------------------------------------------------*/
if(versionInfo.match(IE6) != null){
    mhover = function() {
        var navUL = _gel('site-menu');
        
        if(navUL){        
            var sfEls = navUL.getElementsByTagName("li");
            
            for (var i=0; i<sfEls.length; i++) {
                if(sfEls[i].getAttribute('className').match("first")) {
                    sfEls[i].onmouseover=function() {
                        this.className+=" mhover-first";
                    }
                    sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" mhover-first\\b"), "");
                    }
                 }
                else if(sfEls[i].getAttribute('className').match("last")) {
                    sfEls[i].onmouseover=function() {
                        this.className+=" mhover-last";
                    }
                    sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" mhover-last\\b"), "");
                    }
                 }
                 else {
                    sfEls[i].onmouseover=function() {
                        this.className+=" mhover";
                    }
                    sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" mhover\\b"), "");
                    }
                 }
            }
        }
    }

    if (window.attachEvent) {
        window.attachEvent("onload", mhover);
    }
}
/* IE 6 dropdown scripts ^
-------------------------------------------------------------------------*/