var gPopupForm;
var topPanel = false;
var clickedMod = 3;
var videoRequestDismissCount = parseInt(getCookieValue('videoRequestDismissCount'));
var LandingPageURL = getCookieValue('LandingPageURL');
var popupVisible = false;

var epURL = location.href;
var epURLFile = location.href.split('?')[0];
var epURLQuery = location.href.split('?')[1];
var epURLParts = new Array();
if (typeof epURLQuery != 'undefined') {
    //alert (epURLQuery);
    var tempParts = epURLQuery.split('&');
    if (tempParts.length > 0) {
	var tempIndex = '';
	var tempVal = '';
	var tempArgs;
	for (var i = 0; i < tempParts.length; i ++) {
	    tempArgs = tempParts[i].split('=');
	    tempIndex = tempArgs[0];
	    tempVal = tempArgs[1];
	    epURLParts[tempIndex] = tempVal;
	}
    }
}

function getQueryVal(queryIndex) {
    var retVal = false;
    if (typeof epURLParts[queryIndex] != 'undefined') {
	retVal = epURLParts[queryIndex];
    }
    else {
	
    }
    return retVal;
}

//requires jquery loaded
//if (typeof(jQuery) != 'undefined') { // this is no longer commented because I'm ensuring that jQuery is loaded.
    doSetupAfterJQueryLoaded();
//}


if (videoRequestDismissCount) {
    switch (videoRequestDismissCount) {
	case 1:
	    clickedMod = 15;
	    break;
	case 2:
	    clickedMod = 100;
	    break;
	case 3:
	    clickedMod = 10000;
	    break;
	default:
	    clickedMod = 3;
    }
}
else {
    videoRequestDismissCount = 0;
}

function doSetupAfterJQueryLoaded() {
    //alert ("Setup Function");
    //alert (jQuery);
    jQuery(document).ready(function() {
//	alert ("Ready Function");
	setupLinksForCounting();
	//hu = window.location.search.substring(1);
	//gy = hu.split("&");
	//for (i=0;i<gy.length;i++) {
	//    ft = gy[i].split("=");
	//    if (ft[0] == 'PopupType' && ft[1].toUpperCase() == 'TOP') {
	//	topPanel = true;
	//    }
	//}
	//if (topPanel) {
	//    addTopPanel();
	//    jQuery("div.panel_button").click(function(){
	//	jQuery("div#panel").animate({
	//	    height: "550px"
	//	})
	//	.animate({
	//	    height: "450px"
	//	}, "fast");
	//	jQuery("div.panel_button").toggle();
	//    });
	//
	//   jQuery("div#hide_button").click(function(){
	//	jQuery("div#panel").animate({
	//	    height: "0px"
	//	}, "fast");
	//   });
	//}
    });
    
    jQuery(window).load(function () {
//	alert("Load Function");
	
        //check videorequest status;
	Window.keepMultiModalWindow = true;
        var videoRequested = getCookieValue('VideoRequested');
        //check click count
        clickedCount = parseInt(getCookieValue('clickedLinkCount'));  // hopefully public now
	
	if (typeof DontShowClickPopup == 'undefined') {
	    DontShowClickPopup = false;
	}
        //display video request form if necessary
        //alert ("V: " + videoRequested + "   C: " + clickedCount);
	
	if (!DontShowClickPopup && clickedCount && (videoRequested == 'N' || !videoRequested) && clickedCount > 0 && clickedCount % clickedMod == 0) {
	    displayVideoRequest();
	}
    });
    
    jQuery(window).bind('beforeunload', function() {
	if (popupVisible) {
	    var popUrl = '/all/popup/demo_data_form2.html?Clicked=' + clickedCount + '&Dismissed=' + videoRequestDismissCount + '&LandingPageURL=' + LandingPageURL;
	    pageTracker._trackEvent("popup_div", "abandoned",  popUrl);
	    var cookieName = "videoRequestDismissCount";
	    var cookieValue = getCookieValue(cookieName);
	    if (cookieValue && cookieValue != "NaN") {
		    cookieValue = cookieValue * 1;
		    cookieValue += 1;
	    }
	    else {
		    cookieValue = 1;
	    }
	    createCookie(cookieName, cookieValue, 365);
	    //Dialog.closeInfo();	
	    gPopupForm.close();
	    popupVisible = false;
	}
    });
}


function postDataToServer(FormID) {
    if (epValidateForm(FormID)) {
        var postData = getPostArrayFromForm(FormID);
        var postURL = jQuery('#' + FormID)[0].action;
        jQuery.ajax({
            url: postURL,
            type:'POST',
            data: postData,
            dataType:'html',
            async:'false',
            timeOut:10000,
            success: function(html) {
                //Dialog.closeInfo();
		
		var popUrl = '/all/popup/demo_data_form2.html?Clicked=' + clickedCount + '&Dismissed=' + videoRequestDismissCount + '&LandingPageURL=' + LandingPageURL;
		if (typeof doSwimSpaPopup != 'undefined' && doSwimSpaPopup == true) {
		    var popUrl = '/all/popup/swimspa_popup_2.html';
		    doSwimSpaPopup = false;
		}
		if (typeof doLapPoolPopup != 'undefined' && doLapPoolPopup == true) {
		    var popUrl = '/all/popup/lappool_popup_1.html';
		    doLapPoolPopup = false;
		}
		popupVisible = false;
		pageTracker._trackEvent("popup_div", "good submission",  popUrl);
		logEvent('Form Submitted Good');
		gPopupForm.close();
            },
            error: function() {
                //Dialog.closeInfo();
		popupVisible = false;
		gPopupForm.close();
            },
            complete: function() {
                //Dialog.closeInfo();
		popupVisible = false;
		gPopupForm.close();
            }
        });
    }
}


function setRequired(FieldID) {
    jQuery('#' + FieldID).addClass('form_required');
}

function getPostArrayFromForm(FormID) {
    //var myForm = jQuery('#' + FormID);
    //var myFormElements = jQuery('#' + FormID + ' input, select, textarea');
    var myFormArray = new Array();
    myFormArray = Form.serialize(FormID);
    /*
    if (myForm[0].tagName == 'FORM') {
        //alert ('FORM');
        myFormElements.each(function(i,v) {
            console.log(i + " : " + v.tagName + "\n");
            switch (v.tagName) {
                case ('INPUT'):
                    switch (v.type) {
                        case ('hidden'):
                            myFormArray[v.name] = escape(v.value);
                            break;
                        case ('text'):
                            myFormArray[v.name] = escape(v.value);
                            break;
                        case ('radio'):
                            myFormArray[v.name] = escape(v.value);
                            break;
                        case ('checkbox'):
                            
                            break;
                    }
                    break;
                case ('SELECT'):
                    
                    break;
                case ('TEXTAREA'):
                    
                    break;
            }
        });
    }
    else {
        //alert ('NOT');
    }
    */
    return myFormArray;
}

function epValidateForm(FormID) {
    var ret = true;
    var requiredFields = jQuery('#' + FormID + ' .form_required');
    var turnRed = false;
    var turnBlack = true;
    if (typeof epOriginalLabelColor != 'undefined') {
	
    }
    else {
	epOriginalLabelColor = jQuery('#form1 label').css('color');
    }
    //alert (epOriginalLabelColor);
    
    requiredFields.each(function(i, v) {
	
        switch (v.tagName) {
            case 'INPUT':
                if (v.value.trim() == '') {
                    ret = false;
		    turnRed = true;
		    turnBlack = false;
                    //jQuery('#' + v.id).parent().prev().css('color', '#FF0000');
		    
                }
                else {
		    turnRed = false;
		    turnBlack = true;
                    //jQuery('#' + v.id).parent().prev().css('color','#000000');
                }
                break;
            case 'SELECT':
                if (v.selectedIndex == 0) {
                    ret = false;
		    turnRed = true;
		    turnBlack = false;
                    //jQuery('#' + v.id).parent().prev().css('color', '#FF0000');
                }
                else {
		    turnRed = false;
		    turnBlack = true;
                    //jQuery('#' + v.id).parent().prev().css('color','#000000');
                }
                break;
        }
	if (turnRed) {
	    jQuery("label[for='" + v.id + "']").css('color', '#FF0000');
	    jQuery("#required_legend").show();
	    jQuery("#required_legend label").css('color', '#FF0000');
	}
	else if (turnBlack) {
	    jQuery("label[for='" + v.id + "']").css('color', epOriginalLabelColor);
	    jQuery("#required_legend").hide();
	}
    });
    
    if (!ret) {
        //display the error message
//        var DialogString = '<h2 class="sepImage epBlue">While our website provides a wealth of information our <span class="epRed">FREE DVD</span> is still the best way to see how our swimming machines perform.</h2>';
//        DialogString += '<table width="90%" align="center" border="0" cellpadding="5"><tr valign="middle"><td align="center" width="50%">';
//        DialogString += '<img src="indexcimages/requestandproceed.gif" width="135" height="64" onclick="Dialog.closeInfo();" />'
//       //DialogString += '<button style="height: 60px;" onclick="Dialog.closeInfo();">Request FREE DVD,<br />then proceed to the main website.</button>';
//        DialogString += '</td><td align="center" width="50%">';
//        DialogString += '<img src="indexcimages/proceed.gif" width="135" height="64" onclick="location.href = \'main.html\';" />'
//        //DialogString += '<button style="height: 60px;" onclick="location.href = \'main.html\';">Proceed to the main website.</button>';
//        DialogString += '</td></tr></table>';


	var DialogString = '<h2 class="sepImage epBlue">Oops!  In order to send you our <span class="epRed">FREE DVD</span> we require a few important pieces of information.  We\'ve hightlighted the missing pieces in <span class="epRed">red</span>.</h2>';
        DialogString += '<table width="90%" align="center" border="0" cellpadding="5"><tr valign="middle"><td align="center">';
        //DialogString += '<img src="http://www.endlesspools.com/indexcimages/requestandproceed.gif" id="PopupErrorDialogButton" width="135" height="64" onclick="Dialog.closeInfo();" />';
	DialogString += '<img src="http://www.endlesspools.com/indexcimages/requestandproceed.gif" id="PopupErrorDialogButton" width="135" height="64" onclick="gPopupErrorDialog.close();" />';
  	DialogString += '</td></tr></table>';
  	//DialogString += '<button style="height: 60px;" onclick="Dialog.closeInfo();">Request FREE DVD,<br />then proceed to the main website.</button>';
        //DialogString += '</td><td align="center" width="50%">';
        //DialogString += '<img src="indexcimages/proceed.gif" width="135" height="64" onclick="location.href = \'main.html\';" />'
        //DialogString += '<button style="height: 60px;" onclick="location.href = \'main.html\';">Proceed to the main website.</button>';
        //DialogString += '</td></tr></table>';
        //Dialog.info(DialogString, { windowParameters: {resizable: false,  effectOptions: {duration:0.25}, showEffect: Effect.Grow, hideEffect: Effect.Puff, width: 375, height:200, className:"alphacube"}});
	//gPopupErrorDialog = Dialog.info(DialogString, { windowParameters: {id:"gPopupErrorDialog", resizable: false, width: 375, height:200, zIndex:3000, className:"alphacube", onShow: function() {jQuery('#gPopupErrorDialog').click(function(){gPopupErrorDialog.close();});}}});
	
	
	var popUrl = '/all/popup/demo_data_form2.html?Clicked=' + clickedCount + '&Dismissed=' + videoRequestDismissCount + '&LandingPageURL=' + LandingPageURL;
	if (typeof doSwimSpaPopup != 'undefined' && doSwimSpaPopup == true) {
	    var popUrl = '/all/popup/swimspa_popup_2.html';
	    // doSwimSpaPopup = false;  //Don't set this to false so that it is still available in the postDataToServer function
	}
	if (typeof doLapPoolPopup != 'undefined' && doLapPoolPopup == true) {
	    var popUrl = '/all/popup/lappool_popup_1.html';
	    // doLapPoolPopup = false;  //Don't set this to false so that it is still available in the postDataToServer function
	}
	pageTracker._trackEvent("popup_div", "bad submission",  popUrl);
	logExtra = popUrl;
	logEvent('Form Submitted Bad');
    }
    return ret;
}

function setHiddenLandingScriptVal(L) {
    jQuery("input[name='LandingScript']").val(L);
}

function displayVideoRequest() {
    if (topPanel) {
	setTimeout('jQuery("#show_button").click()',1000);
	jQuery("#popup_close_image").css('display', 'none');
	jQuery("#video_request_form_div").css('padding-top', '15px');
    }
    else {
	//Dialog.closeInfo();
	//Windows.closeAll();
	//Window.destroy();
	//Dialog.info({url: 'all/video_request_form_dialog2.html'}, { windowParameters: {resizable: false, width: 370, height:460, className:"alphacube", destroyOnClose: true, onShow: function() {setRequired('FirstConTitle'); setRequired('ContactFirst'); setRequired('ContactLast'); setRequired('PrimAdd'); setRequired('PrimCity'); setRequired('State'); setRequired('ZipCode'); setRequired('Country');}}});
	var popUrl = '/all/popup/demo_data_form2.html?Clicked=' + clickedCount + '&Dismissed=' + videoRequestDismissCount + '&LandingPageURL=' + LandingPageURL;
//	gPopupForm = Dialog.info({url: popUrl}, { windowParameters: {resizable: false, width: 800, height:450, destroyOnClose: true, onShow: function() {setRequired('FirstConTitle'); setRequired('ContactFirst'); setRequired('ContactLast'); setRequired('PrimAdd'); setRequired('PrimCity'); setRequired('State'); setRequired('ZipCode');}}});
	epOriginalLabelColor = 'black';
	if (typeof doSwimSpaPopup != 'undefined' && doSwimSpaPopup == true) {
	    var popUrl = '/all/popup/swimspa_popup_2.html';
	    epOriginalLabelColor = 'white';
	    doSwimSpaPopup = false;
	}
	if (typeof doLapPoolPopup != 'undefined' && doLapPoolPopup == true) {
	    var popUrl = '/all/popup/lappool_popup_1.html';
	    epOriginalLabelColor = 'white';
	    doLapPoolPopup = false;
	}
	jQuery.ajax({
	    url: popUrl,
	    type:'GET',
	    dataType:'html',
	    async:'false',
	    timeOut:10000,
	    success: function(html) {
		gPopupForm = Dialog.info(html, { windowParameters: {id:"gPopupForm", resizable: false, width: 800, height:450, destroyOnClose: true, onShow: function() {setRequired('FirstConTitle'); setRequired('ContactFirst'); setRequired('ContactLast'); setRequired('PrimAdd'); setRequired('PrimCity'); setRequired('State'); setRequired('ZipCode'); setHiddenLandingScriptVal(popUrl); popupVisible = true; jQuery('#form1 label').css('color', epOriginalLabelColor);}}});
		//gPopupForm = new Window({width:800, height:450, resizable: false, recenterAuto: true, destroyOnClose: false, draggable:false, wiredDrag: false, maximizable:false, minimizable:false, closable:false});
		//gPopupForm.setZIndex(2000);
		//gPopupForm.getContent().innerHTML=html;
		//gPopupForm.toFront();
		//gPopupForm.setDestroyOnClose();
		//gPopupForm.showCenter(true);
		//setRequired('FirstConTitle'); setRequired('ContactFirst'); setRequired('ContactLast'); setRequired('PrimAdd'); setRequired('PrimCity'); setRequired('State'); setRequired('ZipCode');
	    },
	    error: function() {
		
	    },
	    complete: function() {
		
	    }
	});

	pageTracker._trackEvent("popup_div", "presented",  popUrl);
	logExtra = popUrl;
	logEvent('PopUp Presented');
	
	//myHTMLString=DirectSynchronousDataReturn("shipping_main_div.php?CustomerRecordID=" + myCustomerRecordID)
	//gShippingMasterUserWindow=new Window({className: "greylighting",  width:925, height:500, zIndex: 100, resizable: false, recenterAuto: false, destroyOnClose: false, title: "Shipping Master", effectOptions:{duration:0.1},showEffect:Effect.Appear, hideEffect: Effect.SwitchOff, draggable:true, wiredDrag: false, maximizable:false, closable:true})
	//gShippingMasterUserWindow.getContent().innerHTML=myHTMLString
	////gShippingMasterUserWindow.setCloseCallback(function () { gShippingMasterUserWindow = ''; });
	//gShippingMasterUserWindow.showCenter()
	
	
    }
}





function dismissVideoRequest() {
	var cookieName = "videoRequestDismissCount";
	var cookieValue = getCookieValue(cookieName);
	if (cookieValue && cookieValue != "NaN") {
		cookieValue = cookieValue * 1;
		cookieValue += 1;
	}
	else {
		cookieValue = 1;
	}
	/*
	var theCookie = cookieName + "=" + cookieValue;
	document.cookie = theCookie;
	*/
	createCookie(cookieName, cookieValue, 365);
	//Dialog.closeInfo();
	gPopupForm.close();
	popupVisible = false;
	var popUrl = '/all/popup/demo_data_form2.html?Clicked=' + clickedCount + '&Dismissed=' + videoRequestDismissCount;
	if (typeof doSwimSpaPopup != 'undefined' && doSwimSpaPopup == true) {
	    //var popUrl = '/all/popup/demo_data_form2.html?Clicked=' + clickedCount + '&Dismissed=' + videoRequestDismissCount + '&LandingPageURL=' + LandingPageURL;
	    var popUrl = '/all/popup/swimspa_popup_2.html';
	    doSwimSpaPopup = false;
	}
	if (typeof doLapPoolPopup != 'undefined' && doLapPoolPopup == true) {
	    var popUrl = '/all/popup/lappool_popup_1.html';
	    doLapPoolPopup = false;
	}
	pageTracker._trackEvent("popup_div", "dismissed",  popUrl);
	logExtra = popUrl;
	logEvent('PopUp Dismissed');
}



function setupLinksForCounting() {
//	alert (jQuery('a').length);
	jQuery('a').click(function(){
		var cookieName = "clickedLinkCount";
		var cookieValue = getCookieValue(cookieName);
		if (cookieValue && cookieValue != "NaN") {
			cookieValue = cookieValue * 1;
			cookieValue += 1;
		}
		else {
			cookieValue = 1;
		}
		/*
		var theCookie = cookieName + "=" + cookieValue;
		document.cookie = theCookie;
		*/
		createCookie(cookieName, cookieValue, 365);
	});
}


function addTopPanel() {
    var topPanelString = '<div id="page_container">';
    topPanelString += '<div id="toppanel">';
    topPanelString += '<div id="panel" style="height: 470px; display: block;">';
    topPanelString += '<div id="panel_contents">';
    topPanelString += '<div id="Panel1" style="display: block;">';
    topPanelString += '</div>';
    topPanelString += '</div>';
    topPanelString += '</div>';
    topPanelString += '<div style="display: none;" id="show_button" class="panel_button">';
    topPanelString += '<table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td style="margin: 0px; padding: 0px 0px 0px 14px;"><img align="top/" style="margin: 0px; padding: 0px;" alt="expand" src="images/add_16.png"/></td><td style="margin: 0px; padding: 0px;"><a href="#">Click Here to Request Your Free DVD</a></td></tr></tbody></table>';
    topPanelString += '</div>';
    topPanelString += '<div style="" id="hide_button" class="panel_button">';
    topPanelString += '<table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td style="margin: 0px; padding: 0px 0px 0px 14px;"><img align="top/" style="margin: 0px; padding: 0px;" alt="expand" src="images/del_16.png"/></td><td style="margin: 0px; padding: 0px;"><a href="#">No Thanks, Take Me Back to Your Site</a></td></tr></tbody></table>';
    topPanelString += '</div>';
    topPanelString += '</div>';
    topPanelString += '</div>';
    jQuery('body').prepend(topPanelString);
    jQuery("div#panel").css('height', '0px');
    jQuery(".panel_button").css('display', 'block');
    jQuery("#hide_button").css('display', 'none');
    jQuery("#Panel1").load('all/video_request_form_dialog.html');
    jQuery("#popup_close_image").css('display', 'none');
}

/*
jQuery(document).ready(function() {
    jQuery("div.panel_button").click(function(){
	jQuery("div#panel").animate({
	    height: "500px"
	})
	.animate({
	    height: "400px"
	}, "fast");
	jQuery("div.panel_button").toggle();
    });

   jQuery("div#hide_button").click(function(){
	jQuery("div#panel").animate({
	    height: "0px"
	}, "fast");
   });
});
*/