/**
 * Base namespace setup
 */
var SPYDERYUI = {
    globals: {
		labels: {}
	},
    pages: {
        all: {},
        home: {},
        login: {},
        profile: {},
        ryder: {},
        takethetour: {}, // functions define in TakeTheTours.aspx
        notificationrequest: {}, // functions define in NotificationRequest.aspx
        newclubform: {},
        newdiarieform: {}
    },
    widgets: {},
    util: {}
}

//  Init for all pages
SPYDERYUI.pages.all.init = function() {

    //Logo Spyder : Home link
    var logoSpyderID = YAHOO.util.Dom.get("logo-spyder");
    if (logoSpyderID) {
        var aLinkEl = logoSpyderID.getElementsByTagName("a");
        if (aLinkEl.length > 0) {
            YAHOO.util.Event.addListener(logoSpyderID, "click", function(divElement, linkElement) {
                return function(e) {
                    e = e || event;
                    YAHOO.util.Event.preventDefault(e);
                    //Check to see if we clicked on an DIV element
                    if (divElement.tagName.toLowerCase() == 'div') {
                        window.location = linkElement.href;
                        //return true;
                    }
                }
            } (logoSpyderID, aLinkEl[0]));
        }
    }


    //  IFRAME POPUP SETUP

    //  Setup for the TabPanel
    SPYDERYUI.globals.tabPanel = new YAHOO.widget.Panel(
		"yui-tabpanel-info",
		{
		    width: "668px",
		    height: "368px",
		    constraintoviewport: false,
		    underlay: "shadow",
		    close: true,
		    visible: false,
		    fixedcenter: false,
		    draggable: false,
		    zIndex: 9997,
		    y: 131,
		    modal: false
		}
	);
    SPYDERYUI.globals.tabPanel.render(document.body);

    var pnlregister = SPYDERYUI.globals.tabPanel;

    var ViewX = YAHOO.util.Dom.getViewportWidth();
    var PanelX = parseInt(pnlregister.cfg.getProperty("width"), 10);
    var positionX = (ViewX - PanelX) / 2;
    pnlregister.cfg.setProperty("x", positionX);

    var el = YAHOO.util.Dom.getElementsByClassName('yui-tabpanel', 'a');

    for (var i = 0; el[i]; i++) {
        el[i].onclick = function(e) {
            e = e || event;
            YAHOO.util.Event.preventDefault(e);
            var pnl = SPYDERYUI.globals.tabPanel;
            pnl.setBody("<iframe width='668' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='368' src='" + this.href + "'></iframe>");
            pnl.render();
            pnl.show();
        }
        el[i].style.visibility = "visible";
    }
    //  Setup for the TabPanel






    //  Setup for the ModalPopUp
    SPYDERYUI.globals.modalPopup = new YAHOO.widget.Panel(
		"yui-modalpopup-info",
		{
		    width: "710px",
		    height: "390px",
		    constraintoviewport: false,
		    underlay: "shadow",
		    close: true,
		    visible: false,
		    fixedcenter: false,
		    draggable: false,
		    zIndex: 9998,
		    y: 131,
		    modal: true
		}
	);
    SPYDERYUI.globals.modalPopup.render(document.body);




    var pnlregister = SPYDERYUI.globals.modalPopup;

    var ViewX = YAHOO.util.Dom.getViewportWidth();
    var PanelX = parseInt(pnlregister.cfg.getProperty("width"), 10);
    var positionX = (ViewX - PanelX) / 2;
    pnlregister.cfg.setProperty("x", positionX);

    var el = YAHOO.util.Dom.getElementsByClassName('yui-modalpopup', 'a');
    for (var i = 0; el[i]; i++) {
        el[i].onclick = function(e) {
            e = e || event;
            YAHOO.util.Event.preventDefault(e);
            parent.scrollTo(0, 0);
            // Calling the parent window here... so we cover the whole screen
            var pnl = parent.SPYDERYUI.globals.modalPopup;
            pnl.setBody("<iframe width='710' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='390' src='" + this.href + "'></iframe>");
            pnl.render();
            pnl.show();
        }
        el[i].style.visibility = "visible";
    }
    //  Setup for the ModalPopUp


    //  Setup for the BIGModalPopUp
    SPYDERYUI.globals.bigModalPopup = new YAHOO.widget.Panel(
		"yui-bigmodalpopup-info",
		{
		    width: "900",
		    height: "850px",
		    constraintoviewport: false,
		    underlay: "shadow",
		    close: true,
		    visible: false,
		    fixedcenter: false,
		    draggable: false,
		    zIndex: 9998,
		    y: 131,
		    modal: true
		}
	);
    SPYDERYUI.globals.bigModalPopup.render(document.body);


    var strPassHref = window.location.href;
    var strPassNamePageString = strPassHref.indexOf("Try/GeoLoc") > 0 || strPassHref.indexOf("Essayez/GeoLoc") > 0;
    if (strPassNamePageString == true) {
        var queryEventID = YAHOO.util.History.getQueryStringParameter("EventID");
        if (queryEventID != null && queryEventID.length > 0) {
            SPYDERYUI.globals.bigModalPopup.setBody("<iframe width='900' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='850' src='" + NURUN.globals.autoPopupHref + "'></iframe>");
            SPYDERYUI.globals.bigModalPopup.render();
            SPYDERYUI.globals.bigModalPopup.show();
        }
    }

    var pnlregister = SPYDERYUI.globals.bigModalPopup;

    var ViewX = YAHOO.util.Dom.getViewportWidth();
    var PanelX = parseInt(pnlregister.cfg.getProperty("width"), 10);
    var positionX = (ViewX - PanelX) / 2;
    pnlregister.cfg.setProperty("x", positionX);

    var el = YAHOO.util.Dom.getElementsByClassName('yui-bigmodalpopup', 'a');
    for (var i = 0; el[i]; i++) {
        el[i].onclick = function(e) {
            e = e || event;
            YAHOO.util.Event.preventDefault(e);
            // Calling the parent window here... so we cover the whole screen
            var pnl = parent.SPYDERYUI.globals.bigModalPopup;
            pnl.setBody("<iframe width='900' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='850' src='" + this.href + "'></iframe>");
            pnl.render();
            pnl.show();
        }
        el[i].style.visibility = "visible";
    }
    //  Setup for the BIGModalPopUp

    //  Setup for the BIGModalPopUp *** Get Your Jacket PIN ***
    SPYDERYUI.globals.bigModalPopupJacket = new YAHOO.widget.Panel(
		"yui-bigmodal-jacket",
		{
		    width: "900",
		    height: "478px",
		    constraintoviewport: false,
		    underlay: "shadow",
		    close: true,
		    visible: false,
		    fixedcenter: false,
		    draggable: false,
		    zIndex: 9998,
		    y: 131,
		    modal: true
		}
	);
    SPYDERYUI.globals.bigModalPopupJacket.render(document.body);

    var pnlregister = SPYDERYUI.globals.bigModalPopupJacket;

    var ViewX = YAHOO.util.Dom.getViewportWidth();
    var PanelX = parseInt(pnlregister.cfg.getProperty("width"), 10);
    var positionX = (ViewX - PanelX) / 2;
    pnlregister.cfg.setProperty("x", positionX);

    var el = YAHOO.util.Dom.getElementsByClassName('yui-bigmodalpopup-jacket', 'a');
    for (var i = 0; el[i]; i++) {
        el[i].onclick = function(e) {
            e = e || event;
            YAHOO.util.Event.preventDefault(e);
            // Calling the parent window here... so we cover the whole screen
            var pnl = parent.SPYDERYUI.globals.bigModalPopupJacket;
            pnl.setBody("<iframe width='900' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='478' src='" + this.href + "'></iframe>");
            pnl.render();
            pnl.show();
        }
        el[i].style.visibility = "visible";
    }
    //  Setup for the BIGModalPopUp *** Get Your Jacket PIN ***


    //  Setup for the SignInPopUp
    SPYDERYUI.globals.signInPopup = new YAHOO.widget.Panel(
		"yui-signin-info",
		{
		    fixedcenter: true,
		    width: "668px",
		    height: "368px",
		    constraintoviewport: false,
		    underlay: "shadow",
		    close: true,
		    visible: false,
		    fixedcenter: false,
		    draggable: false,
		    zIndex: 9999,
		    y: 131,
		    modal: true
		}
	);
    SPYDERYUI.globals.signInPopup.render(document.body);

    var pnlregister = SPYDERYUI.globals.signInPopup;

    var ViewX = YAHOO.util.Dom.getViewportWidth();
    var PanelX = parseInt(pnlregister.cfg.getProperty("width"), 10);
    var positionX = (ViewX - PanelX) / 2;
    pnlregister.cfg.setProperty("x", positionX);

    var el = YAHOO.util.Dom.getElementsByClassName('yui-signinpopup', 'a');
    for (var i = 0; el[i]; i++) {
        el[i].onclick = function(e) {
            e = e || event;
            YAHOO.util.Event.preventDefault(e);
            var pnl = SPYDERYUI.globals.signInPopup;
            pnl.setBody("<iframe width='668' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='368' src='" + this.href + "'></iframe>");
            pnl.render();
            pnl.show();
        }
        el[i].style.visibility = "visible";
    }
    //  Setup for the SignInPopUp

    //  Setup for the BIGModalPopUpGetContacted
    SPYDERYUI.globals.bigModalGetContacted = new YAHOO.widget.Panel(
		"yui-bigmodalpopup-contacted",
		{
		    width: "900px",
		    height: "800px",
		    constraintoviewport: false,
		    underlay: "shadow",
		    close: true,
		    visible: false,
		    fixedcenter: false,
		    draggable: false,
		    zIndex: 9998,
		    y: 131,
		    modal: true
		}
	);
    SPYDERYUI.globals.bigModalGetContacted.render(document.body);

    var pnlregister = SPYDERYUI.globals.bigModalGetContacted;

    var ViewX = YAHOO.util.Dom.getViewportWidth();
    var PanelX = parseInt(pnlregister.cfg.getProperty("width"), 10);
    var positionX = (ViewX - PanelX) / 2;
    pnlregister.cfg.setProperty("x", positionX);

    var el = YAHOO.util.Dom.getElementsByClassName('yui-bigmodalgetcontacted', 'a');
    for (var i = 0; el[i]; i++) {
        el[i].onclick = function(e) {
            e = e || event;
            YAHOO.util.Event.preventDefault(e);
            // Calling the parent window here... so we cover the whole screen
            var pnl = parent.SPYDERYUI.globals.bigModalGetContacted;
            pnl.setBody("<iframe width='900' marginwidth='0' marginheight='0' scrolling='yes' frameborder='0' height='800' src='" + this.href + "'></iframe>");
            pnl.render();
            pnl.show();
        }
        el[i].style.visibility = "visible";
    }
    //  Setup for the BIGModalPopUpGetContacted

    // Setup for DealerInfo
    SPYDERYUI.globals.DealerInfo = new YAHOO.widget.Panel(
			"dealerinfopopup",
			{
			    width: "255px",
			    height: "215px",
			    constraintoviewport: true,
			    underlay: "shadow",
			    close: true,
			    visible: false,
			    fixedcenter: true,
			    draggable: false,
			    zIndex: 5,
			    modal: false
			}
		);
    //Render the panel for screen
    SPYDERYUI.globals.DealerInfo.render(document.body);
    SPYDERYUI.globals.DealerInfo.ShowDealer = function(id) {
        var pnl = parent.SPYDERYUI.globals.DealerInfo;
        pnl.setBody("<iframe width='255' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='215' src='Trial/DealerInfo.htm?dealerId=" + id + "'></iframe>");
        pnl.render();
        pnl.show(); 
    }
    // End Setup

    //  Setup for the RetreiveAccountPopUp 
    SPYDERYUI.globals.RetAccPopup = new YAHOO.widget.Panel(
		"yui-retacc-info",
		{
		    width: "790px",
		    height: "460px",
		    constraintoviewport: false,
		    underlay: "shadow",
		    close: true,
		    visible: false,
		    fixedcenter: false,
		    draggable: false,
		    zIndex: 9999,
		    y: 131,
		    modal: true
		}
	);
    SPYDERYUI.globals.RetAccPopup.render(document.body);

    var pnlregister = SPYDERYUI.globals.RetAccPopup;

    var ViewX = YAHOO.util.Dom.getViewportWidth();
    var PanelX = parseInt(pnlregister.cfg.getProperty("width"), 10);
    var positionX = (ViewX - PanelX) / 2;
    pnlregister.cfg.setProperty("x", positionX);

    var el = YAHOO.util.Dom.getElementsByClassName('yui-retacc', 'a');
    for (var i = 0; el[i]; i++) {
        el[i].onclick = function(e) {
            e = e || event;
            YAHOO.util.Event.preventDefault(e);
            var pnl = parent.SPYDERYUI.globals.RetAccPopup;
            pnl.setBody("<iframe width='790' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='460' src='" + this.href + "'></iframe>");
            pnl.render();
            pnl.show();
        }
        el[i].style.visibility = "visible";
    }
    //  Setup for the RetreiveAccountPopUp    



    //  Setup for the PicturePopUp
    SPYDERYUI.globals.picturePopup = new YAHOO.widget.Panel(
		"yui-picturepopup-info",
		{
		    width: "500px",
		    height: "500px",
		    constraintoviewport: true,
		    underlay: "shadow",
		    close: true,
		    visible: false,
		    fixedcenter: true,
		    draggable: false,
		    zIndex: 9998,
		    modal: true
		}
	);
    SPYDERYUI.globals.picturePopup.render(document.body);
    var el = YAHOO.util.Dom.getElementsByClassName('yui-picturepopup', 'a');
    for (var i = 0; el[i]; i++) {
        el[i].onclick = function(e) {
            e = e || event;
            YAHOO.util.Event.preventDefault(e);
            // Calling the parent window here... so we cover the whole screen
            var pnl = parent.SPYDERYUI.globals.picturePopup;
            pnl.setBody("<iframe width='500' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='500' src='" + this.href + "'></iframe>");
            pnl.render();
            pnl.show();
        }
        el[i].style.visibility = "visible";
    }
    //  Setup for the PicturePopUp    

    //  Setup for the ReportProblemPopUp 
    SPYDERYUI.globals.reportProblemPopup = new YAHOO.widget.Panel(
		"yui-reportpopup-info",
		{
		    width: "668px",
		    height: "700px",
		    constraintoviewport: false,
		    underlay: "shadow",
		    close: true,
		    visible: false,
		    fixedcenter: false,
		    draggable: false,
		    zIndex: 9998,
		    y: 131,
		    modal: true
		}
	);
    SPYDERYUI.globals.reportProblemPopup.render(document.body);

    var pnlregister = SPYDERYUI.globals.reportProblemPopup;

    var ViewX = YAHOO.util.Dom.getViewportWidth();
    var PanelX = parseInt(pnlregister.cfg.getProperty("width"), 10);
    var positionX = (ViewX - PanelX) / 2;
    pnlregister.cfg.setProperty("x", positionX);

    var el = YAHOO.util.Dom.getElementsByClassName('yui-reportpopup', 'a');
    for (var i = 0; el[i]; i++) {
        el[i].onclick = function(e) {
            e = e || event;
            YAHOO.util.Event.preventDefault(e);
            // Calling the parent window here... so we cover the whole screen
            var pnl = parent.SPYDERYUI.globals.reportProblemPopup;
            pnl.setBody("<iframe width='668' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='700' src='" + this.href + "'></iframe>");
            pnl.render();
            pnl.show();
        }
        el[i].style.visibility = "visible";
    }
    //  Setup for the ReportProblemPopUp    



    /********** VIP POPUP ********/

    /**
    * Initialize SPYDERYUI Pop up page
    */
    SPYDERYUI.globals.vipPopUp = new YAHOO.widget.Panel(
		"vip-popup",
		{
		    width: "960px",
		    height: "544px",
		    constraintoviewport: true,
		    underlay: "shadow",
		    close: true,
		    visible: false,
		    fixedcenter: true,
		    draggable: false,
		    zIndex: 10000,
		    modal: true
		}
	);
    //Render the panel for screen
    SPYDERYUI.globals.vipPopUp.render(document.body);

    //Create an array with all anchor with the classname "modify"
    var el = YAHOO.util.Dom.getElementsByClassName('modify-vip', 'a');

    for (var i = 0; el[i]; i++) {
        el[i].onclick = function(e) {
            e = e || event;
            YAHOO.util.Event.preventDefault(e);
            var pnl = SPYDERYUI.globals.vipPopUp;
            pnl.setBody("<iframe width='960' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='544' src='" + this.href + "'></iframe>");
            pnl.render();
            pnl.show();
        }
        el[i].style.visibility = "visible";
    }

    //Call function to open VIP popup automatic if the QueryString VIP = 1
    SPYDERYUI.globals.VIPOpenPopup = function(href) {
        var pnl = SPYDERYUI.globals.vipPopUp;
        pnl.setBody("<iframe width='960' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='544' src='" + href + "'></iframe>");
        pnl.render();
        pnl.show();
    }

    /********** END VIP POPUP ********/

    //  Setup for the RoadTripPopUp : Where was this
    SPYDERYUI.globals.roadTripPopup = new YAHOO.widget.Panel(
		"yui-roadtrippopup-info",
		{
		    width: "900",
		    height: "550px",
		    constraintoviewport: false,
		    underlay: "shadow",
		    close: true,
		    visible: false,
		    fixedcenter: false,
		    draggable: false,
		    zIndex: 9998,
		    y: 131,
		    modal: true
		}
	);
    SPYDERYUI.globals.roadTripPopup.render(document.body);

    var pnlroad = SPYDERYUI.globals.roadTripPopup;

    var ViewX = YAHOO.util.Dom.getViewportWidth();
    var PanelX = parseInt(pnlroad.cfg.getProperty("width"), 10);
    var positionX = (ViewX - PanelX) / 2;
    pnlroad.cfg.setProperty("x", positionX);

    var el = YAHOO.util.Dom.getElementsByClassName('yui-roadtrippopup', 'a');
    for (var i = 0; el[i]; i++) {
        el[i].onclick = function(e) {
            e = e || event;
            YAHOO.util.Event.preventDefault(e);
            // Calling the parent window here... so we cover the whole screen
            var pnl = parent.SPYDERYUI.globals.roadTripPopup;
            pnl.setBody("<iframe width='900' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='550' src='" + this.href + "'></iframe>");
            pnl.render();
            pnl.show();
        }
        el[i].style.visibility = "visible";
    }
    //  Setup for the RoadTripPopUp : Where was this

    /*  This section create popup that will be called by the Home page
    when directives are pass on the url  */


    SPYDERYUI.globals.AccountInfoOpenPopup = function(href) {
        var pnl = SPYDERYUI.globals.RetAccPopup;
        pnl.setBody("<iframe width='847' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='544' src='" + href + "'></iframe>");
        pnl.render();
        pnl.show();
    }

    SPYDERYUI.globals.ReportProblemOpenPopup = function(href) {
        var pnl = SPYDERYUI.globals.reportProblemPopup;
        pnl.setBody("<iframe width='668' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' height='700' src='" + href + "'></iframe>");
        pnl.render();
        pnl.show();
    }

    // Open Popup onload when detecting param on the url (in Home.aspx)
    var strPassHref = window.location.href;
    var strPassNamePageString = strPassHref.indexOf("/");
    if (strPassNamePageString >= 0) {
        var queryUID = YAHOO.util.History.getQueryStringParameter("nuid");
        if (queryUID != null) {
            //Call the function with the URL
            if (typeof popupValidate == 'function')
                popupValidate(queryUID);
        }
        var queryUID = YAHOO.util.History.getQueryStringParameter("ruid");
        if (queryUID != null) {
            //Call the function with the URL
            if (typeof popupRetreiveAccount == 'function')
                popupRetreiveAccount(queryUID);
        }
        queryUID = YAHOO.util.History.getQueryStringParameter("trouble");
        if (queryUID != null) {
            //Call the function with the URL
            if (typeof popupTrouble == 'function')
                popupTrouble();
        }
        queryVIP = YAHOO.util.History.getQueryStringParameter("VIP");
        if (queryVIP != null) {
            //Call the function with the URL
            if (typeof popupVIP == 'function')
                popupVIP();
        }
    }



    //  IFRAME POPUP SETUP
    //  Setup for full page redirect (all forms)
    var el = YAHOO.util.Dom.getElementsByClassName('yui-redirect', 'a');
    for (var i = 0; el[i]; i++) {
        el[i].onclick = function(e) {
            e = e || event;
            YAHOO.util.Event.preventDefault(e);
            top.location.href = this.href;
        }
        el[i].style.visibility = "visible";
    }
    //  Setup for full apge redirect (all forms)




}       //END Init for all pages









/********** Login Page ********/

SPYDERYUI.pages.login.handleEnterKeyPressInFields=function (e,id){
//Action JS : when 'click' on enter button the Submit Button Fire
    
    //e is event object passed from function invocation
    var characterCode;
    if(e!=null) { //if which property of event object is supported (NN4)
        e = e
        characterCode = e.keyCode //character code is contained in NN4's which property
    }
    else
    {
        e = event
        characterCode = e.keyCode //character code is contained in IE's keyCode property
    }
    
    if(characterCode == 13){ //if generated character code is equal to ascii 13 (if enter key)
        var targetElement=document.getElementById(id);     
        YAHOO.util.Event.preventDefault(e);
        targetElement.click();        
        return false
    }
    else
    {
        return true
    }
}


/********** Generic Popup Window ********/

function popWin(url,w,h,scroll,tools,name,center,baseUrl) {
	var str = "height=" + h + ",innerHeight=" + h;
	str += ",width=" + w + ",innerWidth=" + w;
	if(baseUrl) url = webSiteCMSUrl + url;
	if(!center) var center = false;
	if(!scroll) scroll = 0;
	if(!tools) tools = 0;
	if(!name) name = "pop";

	if((window.screen) && (center)) {
		var ah = screen.availHeight - 30;
		var aw = screen.availWidth - 10;

		var xc = (aw - w) / 2;
		var yc = (ah - h) / 2;

		str += ",left=" + xc + ",screenX=" + xc;
		str += ",top=" + yc + ",screenY=" + yc;
		}

	pop = window.open(url,name,'toolbar=' + tools + ',location=0,directories=0,status=0,menubar=0,scrollbars=' + scroll + ',resizable=1,' + str).focus();
}