﻿function KeyRestrict(e) { if (window.event) { if (window.event.keyCode == 46) return; if (window.event.keyCode < 48 || window.event.keyCode > 57) window.event.keyCode = 0; } else { if (e.which == 8 || e.which == 0 || e.which == 46) return; else if (e.which < 48 || e.which > 57) e.preventDefault(); } }
var WizardPrefix;
function InitWizard(Prefix) {
    WizardPrefix = Prefix;
}
function ChangeStep1(StepNo) {
    document.getElementById(WizardPrefix + "_hidStep").value = StepNo;
    WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(document.getElementById(WizardPrefix + "_hidlnkdummystep").value, "", true, "", "", false, true))
    return false;
}

/* ----------------------------- functions added by Aarchi Patel on 10-04-2009 -----------------------
*/

function fnValidateStep1() {
    var IsValid = 1;
    
    if (document.getElementById(Step1Prefix + "_tbEmail").value.length == 0) {   // minimum 2 characters
        document.getElementById('divCheckEmail').style.display = "block";
        document.getElementById(Step1Prefix + "_ImageCheckEmail").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
        document.getElementById(Step1Prefix + "_ImageCheckEmail").alt = document.getElementById(Step1Prefix + "_hdnToolTipEmail").value;
        IsValid = 0;
    }
    else {
        if (IsValidEmail(document.getElementById(Step1Prefix + "_tbEmail").value)) {

        }
        else {

            document.getElementById(Step1Prefix + "_ImageCheckEmail").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
            document.getElementById(Step1Prefix + "_ImageCheckEmail").alt = document.getElementById(Step1Prefix + "_hdnToolTipEmail").value;
            IsValid = 0;
        }
    }
    if (IsValid == 1) {
        return true;
    }
    else {
        return false;
    }
}

function f_clientWidth() {
    return f_filterResults(
		window.innerWidth ? window.innerWidth : 0,
		document.documentElement ? document.documentElement.clientWidth : 0,
		document.body ? document.body.clientWidth : 0
	);
}
function f_clientHeight() {
    return f_filterResults(
		window.innerHeight ? window.innerHeight : 0,
		document.documentElement ? document.documentElement.clientHeight : 0,
		document.body ? document.body.clientHeight : 0
	);
}
function f_scrollLeft() {
    return f_filterResults(
		window.pageXOffset ? window.pageXOffset : 0,
		document.documentElement ? document.documentElement.scrollLeft : 0,
		document.body ? document.body.scrollLeft : 0
	);
}
function f_scrollTop() {
    return f_filterResults(
		window.pageYOffset ? window.pageYOffset : 0,
		document.documentElement ? document.documentElement.scrollTop : 0,
		document.body ? document.body.scrollTop : 0
	);
}

function f_filterResults(n_win, n_docel, n_body) {
    var n_result = n_win ? n_win : 0;
    if (n_docel && (!n_result || (n_result > n_docel)))
        n_result = n_docel;
    return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}

function SetModalPosition(modalbackgroundElement, popupdivElement) {
    winw = f_clientWidth();
    winh = f_clientHeight();
    wintop = f_scrollTop();
    winleft = f_scrollLeft();

    // set properties of Modal Background
    if (document.getElementById(modalbackgroundElement) != null) {
        document.getElementById(modalbackgroundElement).style.top = wintop + 'px';
        document.getElementById(modalbackgroundElement).style.left = winleft + 'px';
    }

    // set properties of Wizard Help Popup
    if (document.getElementById(popupdivElement) != null) {
        popupw = document.getElementById(popupdivElement).style.width;
        popupw = popupw.substring(0, popupw.indexOf("px"));
        popuph = document.getElementById(popupdivElement).style.height;
        popuph = popuph.substring(0, popuph.indexOf("px"));
        document.getElementById(popupdivElement).style.top = Math.round((winh / 2) + wintop) - (popuph / 2) + 'px';
        document.getElementById(popupdivElement).style.left = Math.round((winw / 2) + winleft) - (popupw / 2) + 'px';
    }
}

window.onscroll = function() {
    SetModalPosition("modalbackgroundElement", "divWizardHelp");
}

function makeDisabled(el, value) {
    try {
        el.disabled = value;
    }
    catch (E) {
    }
}

/*function to show the upload button*/
function showUploadButton() {
    var xxx;
    xxx = document.getElementById('upLoadButtonDiv');
    xxx.style.display = 'block';
}

/* ---------------------------------------- functions addition ends ------------------------------------------ */


var HelpPopupTop = 0;
var winw, winh, wintop, winleft, popupw, popuph;


function ShowModalPopupHelp(HelpKey, Content) {
    ASP.WebServices.WSMLMWizardHelp.GetMLMWizardHelp(HelpKey, OnSucceeded, OnFailed, true, false)
}

//Jemit modified this for Help Module 
function OnSucceeded(Result, eventArgs) {
    //debugger;
    var ExternalLinkIndex = Result.lastIndexOf("_ExternalLink");
    if (ExternalLinkIndex > 0) {
        Result = Result.replace("_ExternalLink", "");
        //getHelp(Result);
    }
    else {
        var json = eval('(' + Result + ')');
        if (json.HelpTitle == "")
            document.getElementById("divTitle").style.display = "none";
        else {
            document.getElementById("divTitle").style.display = "block";
            document.getElementById("divWizardHelpTitle").innerHTML = json.HelpTitle
        }
        document.getElementById("divWizardHelpContent").innerHTML = json.HelpContent;
    }
    SetModalPosition("modalbackgroundElement", "divWizardHelp");
    document.getElementById("divWizardHelp").style.display = "block";
    document.getElementById("modalbackgroundElement").style.display = "block";
    document.getElementById("modalbackgroundElement").style.zIndex = "10000";
    document.getElementById("modalbackgroundElement").style.width = winw + 'px';
    document.getElementById("modalbackgroundElement").style.height = winh + 'px';
    makeDisabled(document.getElementById("divMainWizardContainer"), true);
}


function OnFailed(result, eventArgs) {
    document.getElementById("divWizardHelpTitle").innerHTML = "";
    document.getElementById("divWizardHelpContent").innerHTML = "";
    return;
}

//Jemit added this for Help Module
function getHelp(Url) {
    var xmlhttp;
    xmlhttp = XMLRequest(Url);
    var HTTPString = Url.substring(0, Url.indexOf("//")) + "//";
    Url = Url.substring(Url.indexOf("//") + 2);
    var BaseLink = HTTPString + Url.substring(0, Url.indexOf("/")) + "/";

    var FirstText = xmlhttp.responseText.substring(0, xmlhttp.responseText.indexOf("</head>"));
    var MiddleText = "<base href = '" + BaseLink + "' >";
    var LastText = xmlhttp.responseText.substring(xmlhttp.responseText.indexOf("</head>"));

    var actualDivToBeUpdated = document.getElementById("divWizardHelpContent");
    var htmlFromAjaxResponse = FirstText + MiddleText + LastText;

    var objRegExp1 = /src=\"/ig;
    var objRegExp2 = /href=\"/ig;

    var rS1 = "src=\"" + BaseLink;
    var rS2 = "href=\"" + BaseLink;

    htmlFromAjaxResponse = htmlFromAjaxResponse.replace(objRegExp1, rS1);
    htmlFromAjaxResponse = htmlFromAjaxResponse.replace(objRegExp2, rS2);


    var div = document.createElement('div');
    div.innerHTML = htmlFromAjaxResponse;
    var children = div.childNodes;
    actualDivToBeUpdated.innerHTML = "";
    for (var i = 0; i < children.length; i++)
        actualDivToBeUpdated.appendChild(children[i]);
}

////Jemit added this for Help Module
function XMLRequest(Url) {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
        try {
            xmlhttp.open("GET", Url, false);
        }
        catch (e) {
            Url = Url.replace("https:", "http:");
            xmlhttp.open("GET", Url, false);
        }
        xmlhttp.send(null);

    }
    else {

        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        if (xmlhttp) {
            try {
                xmlhttp.open("GET", Url, false);
            }
            catch (e) {
                Url = Url.replace("https:", "http:");
                xmlhttp.open("GET", Url, false);
            }
            xmlhttp.send();
        }
    }
    return (xmlhttp);
}
function ShowModalPopup(Title, Content) {
    SetModalPosition("modalbackgroundElement", "divWizardHelp");
    document.getElementById("divWizardHelp").style.display = "block";
    document.getElementById("modalbackgroundElement").style.display = "block";
    document.getElementById("modalbackgroundElement").style.zIndex = "10000";
    document.getElementById("modalbackgroundElement").style.width = winw + 'px';
    document.getElementById("modalbackgroundElement").style.height = winh + 'px';
    document.getElementById("divWizardHelpTitle").innerHTML = Title;
    document.getElementById("divWizardHelpContent").innerHTML = Content;
    makeDisabled(document.getElementById("divMainWizardContainer"), true);
}
function CloseHelp() {
    document.getElementById("modalbackgroundElement").style.display = "none";
    document.getElementById("divWizardHelp").style.display = "none";
    makeDisabled(document.getElementById("divMainWizardContainer"), false);
}

var BPlan, MPlan, UPlan;
var Step4Prefix;
function Step3Init(BP, MP, UP, Prefix) {
    BPlan = BP;
    MPlan = MP;
    UPlan = UP;
    Step4Prefix = Prefix;
}

function ValidateStep1() {
    // Mike Rene 12022009
    //return true;

    var IsValid = 1;

    if (document.getElementById(Step1Prefix + "_tbFirstName").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step1Prefix + "_divFirstName").style.display = "block";
        document.getElementById(Step1Prefix + "_imgCheckFirstName").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
        document.getElementById(Step1Prefix + "_imgCheckFirstName").alt = document.getElementById(Step1Prefix + "_hdnToolTipFirstname").value; //hdnToolTipFirstname;

        IsValid = 0;
    }
    else {
        document.getElementById(Step1Prefix + "_imgCheckFirstName").src = document.getElementById(Step1Prefix + "_hidValidImage").value;
    }

    if (document.getElementById(Step1Prefix + "_tbCompanyName").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step1Prefix + "_divComapanyName").style.display = "block";
        document.getElementById(Step1Prefix + "_imgCheckCompanyName").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
        document.getElementById(Step1Prefix + "_imgCheckCompanyName").alt = document.getElementById(Step1Prefix + "_hdnToolTipCompanyName").value; //hdnToolTipFirstname;
        // Mike Rene 12112009
        SetCompanyExistsError(0);
        // End Mike Rene
        
        IsValid = 0;
    }
    else {
        document.getElementById(Step1Prefix + "_imgCheckCompanyName").src = document.getElementById(Step1Prefix + "_hidValidImage").value;
        // Mike Rene 02242010
        // if (document.getElementById(Step1Prefix + "_RegularExpressionValidator1").style.visibility == "hidden")
        //            document.getElementById(Step1Prefix + "_divComapanyName").style.display = "block";
        //        else
        //            document.getElementById(Step1Prefix + "_divComapanyName").style.display = "none";

        if (document.getElementById(Step1Prefix + "_RegularExpressionValidator1").style.display == "inline") {
            IsValid = 0;
            document.getElementById(Step1Prefix + "_divComapanyName").style.display = "none";
        }
        else
            document.getElementById(Step1Prefix + "_divComapanyName").style.display = "block";
        // End Mike Rene 02242010
            
        // Mike Rene 12112009
        SetCompanyExistsError(0);
        // End Mike Rene
    }

    if (document.getElementById(Step1Prefix + "_tbLastName").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step1Prefix + "_divLastName").style.display = "block";
        document.getElementById(Step1Prefix + "_imgCheckLastName").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
        document.getElementById(Step1Prefix + "_imgCheckLastName").alt = document.getElementById(Step1Prefix + "_hdnToolTipLastName").value;

        IsValid = 0;
    }
    else {
        document.getElementById(Step1Prefix + "_imgCheckLastName").src = document.getElementById(Step1Prefix + "_hidValidImage").value;
    }

    if (document.getElementById(Step1Prefix + "_tbAddress1").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step1Prefix + "_divAdd1").style.display = "block";
        document.getElementById(Step1Prefix + "_imgCheckAdd1").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
        document.getElementById(Step1Prefix + "_imgCheckAdd1").alt = document.getElementById(Step1Prefix + "_hdnToolTipAddress1").value;

        IsValid = 0;
    }
    else {
        document.getElementById(Step1Prefix + "_imgCheckAdd1").src = document.getElementById(Step1Prefix + "_hidValidImage").value;
    }


    if (document.getElementById(Step1Prefix + "_tbPhone").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step1Prefix + "_divPhone").style.display = "block";
        document.getElementById(Step1Prefix + "_imgCheckPhone").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
        document.getElementById(Step1Prefix + "_imgCheckPhone").alt = document.getElementById(Step1Prefix + "_hdnToolTipPhone").value;

        IsValid = 0;
    }
    else {
        document.getElementById(Step1Prefix + "_imgCheckPhone").src = document.getElementById(Step1Prefix + "_hidValidImage").value;
    }

    if (document.getElementById(Step1Prefix + "_tbZipCode").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step1Prefix + "_divZipCode").style.display = "block";
        document.getElementById(Step1Prefix + "_imgCheckZipcode").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
        document.getElementById(Step1Prefix + "_imgCheckZipcode").alt = document.getElementById(Step1Prefix + "_hdnToolTipZipCode").value;

        IsValid = 0;
    }
    else {
        document.getElementById(Step1Prefix + "_imgCheckZipcode").src = document.getElementById(Step1Prefix + "_hidValidImage").value;
    }

    if (document.getElementById(Step1Prefix + "_tbCity").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step1Prefix + "_divCity").style.display = "block";
        document.getElementById(Step1Prefix + "_imgCheckCity").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
        document.getElementById(Step1Prefix + "_imgCheckCity").alt = document.getElementById(Step1Prefix + "_hdnToolTipCity").value;
        IsValid = 0;
    }
    else {
        document.getElementById(Step1Prefix + "_imgCheckCity").src = document.getElementById(Step1Prefix + "_hidValidImage").value;
    }

    var ddlCountry = document.getElementById(Step1Prefix + "_ddlCountry");

    if (ddlCountry.options[ddlCountry.selectedIndex].text == document.getElementById(Step1Prefix + "_hdnSelectOne").value) {   // minimum 2 characters
        document.getElementById(Step1Prefix + "_divCountry").style.display = "block";
        document.getElementById(Step1Prefix + "_imgCheckCountry").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
        document.getElementById(Step1Prefix + "_imgCheckCountry").alt = document.getElementById(Step1Prefix + "_hdnToolTipCountry").value;
        IsValid = 0;
    }
    else {
        document.getElementById(Step1Prefix + "_imgCheckCountry").src = document.getElementById(Step1Prefix + "_hidValidImage").value;
    }

    var ddlState = document.getElementById(Step1Prefix + "_ddlState");
    var tbState = document.getElementById(Step1Prefix + "_tbState");
    
    if (ddlState.style.display != "inline") {
        if (document.getElementById(Step1Prefix + "_tbState").value.length == 0) {   // minimum 2 characters
            document.getElementById(Step1Prefix + "_divState").style.display = "block";
            document.getElementById(Step1Prefix + "_imgCheckState").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
            document.getElementById(Step1Prefix + "_imgCheckState").alt = document.getElementById(Step1Prefix + "_hdnToolTipState").value;
            IsValid = 0;
        }
        else {
            document.getElementById(Step1Prefix + "_imgCheckState").src = document.getElementById(Step1Prefix + "_hidValidImage").value;
        }
    }
    else {
        if (ddlState.options[ddlState.selectedIndex].text == document.getElementById(Step1Prefix + "_hdnSelectOne").value) {   // minimum 2 characters
            document.getElementById(Step1Prefix + "_divState").style.display = "block";
            document.getElementById(Step1Prefix + "_imgCheckState").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
            document.getElementById(Step1Prefix + "_imgCheckState").alt = document.getElementById(Step1Prefix + "_hdnToolTipState").value;
            IsValid = 0;
        }
        else {
            document.getElementById(Step1Prefix + "_imgCheckState").src = document.getElementById(Step1Prefix + "_hidValidImage").value;
        }
    }
    if (document.getElementById(Step1Prefix + "_tbEmail").value.length == 0) {   // minimum 2 characters
        document.getElementById('divCheckEmail').style.display = "block";
        document.getElementById(Step1Prefix + "_ImageCheckEmail").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
        document.getElementById(Step1Prefix + "_ImageCheckEmail").alt = document.getElementById(Step1Prefix + "_hdnToolTipEmail").value;
        IsValid = 0;
    }
    else {
        if (IsValidEmail(document.getElementById(Step1Prefix + "_tbEmail").value)) {

        }
        else {
            document.getElementById(Step1Prefix + "_ImageCheckEmail").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
            document.getElementById(Step1Prefix + "_ImageCheckEmail").alt = document.getElementById(Step1Prefix + "_hdnToolTipEmail").value;
            IsValid = 0;
        }
    }
    
    if (IsValid == 1) {
        return true;
    }
    else {
        return false;
    }    
    // End Mike Rene
}

// Mike Rene 12112009
function SetCompanyExistsError(val)
{
    if (val == 0)
        document.getElementById(Step1Prefix + "_lbCompanyNameExists").style.display = "none";
    else
        document.getElementById(Step1Prefix + "_lbCompanyNameExists").style.display = "block";
}
// End Mike Rene

function ValidateStep2() {
    if (document.getElementById(SelectedPageSkinID).value == "" || document.getElementById(SelectedPageSkinID).value == null) {
        alert(document.getElementById(SkinSelectionErrorID).value);
        return false;
    }
    else {
        return true;
    }
}
function ValidateStep3() {
    return true;
}
function ValidateStep4() {
    var IsValid = false;
    if (document.getElementById(BPlan).checked) {
        IsValid = true;
    }
    if (document.getElementById(MPlan).checked) {
        IsValid = true;
    }
    if (document.getElementById(UPlan).checked) {
        IsValid = true;
    }
    if (IsValid) {
        return true;
    }
    else {
        alert(document.getElementById(Step4Prefix + "_hidPlanError").value);
        return false;
    }
}

function ValidateStep6() {
    return true;
}
function ValidateStep7() {
    return true;
}
var Step8Prefix;
function InitStep8(Prefix) {
    Step8Prefix = Prefix;
}

//initialize Step1 prefix
var Step1Prefix;
function InitStep1(Prefix) {
    Step1Prefix = Prefix;
}

var Step2Prefix;
function InitStep2(Prefix) {
    Step2Prefix = Prefix;
}

//function to upload logo file
//used by step 1 of createcompany
function logoUpload() {
// Mike Rene 12172009
//    if (document.getElementById(Step1Prefix + "_fuLogoUpload").value == "" ) {
//        alert(document.getElementById(Step1Prefix + "_fileUploadSelect").value);
//        return false;
//    }
//    else {
//        var a = document.getElementById(Step1Prefix + "_fuLogoUpload").value;
//        if (a.indexOf(".") == -1) {
//            alert(document.getElementById(Step1Prefix + "_fileUploadSelect").value);
//            return false;
//        }
//    }
    
    // __doPostBack(document.getElementById(WizardPrefix + "_hidWizardUniqueID").value + "$lnkDumDum", '');
    WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(document.getElementById(WizardPrefix + "_hidWizardUniqueID").value + "$lnkDumDum", "", true, "", "", false, true));
    // return false;
}

// Mike Rene 12292009
function OpenCropLogo() {
    // __doPostBack(document.getElementById(WizardPrefix + "_hidWizardUniqueID").value + "$lnkDumOpenCropLogo", '');
    WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(document.getElementById(WizardPrefix + "_hidWizardUniqueID").value + "$lnkDumOpenCropLogo", "", true, "", "", false, true));
}

function SaveLogo() {
    // __doPostBack(document.getElementById(WizardPrefix + "_hidWizardUniqueID").value + "$lnkDumSetLogo", '');
    WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(document.getElementById(WizardPrefix + "_hidWizardUniqueID").value + "$lnkDumSetLogo", "", true, "", "", false, true));
}
// End Mike Rene

function funDummy() {
    if (document.getElementById(Step8Prefix + "_upFile").value == "") {
        alert(document.getElementById(Step8Prefix + "_hidFileSelect").value);
        return false;
    }
    else {
        var EmailPattern = /^.*[\\\/]([^\\\/]*)$/i;
        var a = document.getElementById(Step8Prefix + "_upFile").value;
        if (a.indexOf(".") == -1 || !(EmailPattern.test(a))) {
            alert(document.getElementById(Step8Prefix + "_hidFileSelect").value);
            return false;
        }
    }
    WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(document.getElementById(WizardPrefix + "_hidWizardUniqueID").value + "$lnkdummy", "", true, "", "", false, true));
    return false;
}
function ValidateStep8() {
    return true;
}
var Step10Prefix;
function InitStep10(Prefix) {
    Step10Prefix = Prefix;
}
function IsValidEmail(elementValue) {
    //var EmailPattern = /^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$/;
    var EmailPattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
    return EmailPattern.test(elementValue);
}


function ValidateField(txt, div, image) {
    document.getElementById(div).style.display = "block";
    document.getElementById(image).src = document.getElementById(Step10Prefix + "_hidValidImage").value;
    document.getElementById(image).alt = "";


    if (document.getElementById(txt).value.length == 0) {   // minimum 2 characters
        document.getElementById(div).style.display = "block";
        document.getElementById(image).src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
    }
    else {
        var divComapany = document.getElementById(Step10Prefix + "_divComapanyName");
        document.getElementById(image).src = document.getElementById(Step10Prefix + "_hidValidImage").value;

        if (document.getElementById(div) == divComapany) {
            // Mike Rene 02242010
            // if (document.getElementById(Step10Prefix + "_RegularExpressionValidator1").style.visibility == "hidden")
            if (document.getElementById(Step10Prefix + "_RegularExpressionValidator1").style.display == "none")
                document.getElementById(div).style.display = "block";
            else
                document.getElementById(div).style.display = "none";
                
            // Mike Rene 12112009
            SetCompanyExistsError(0);
            // End Mike Rene
        }
        else {
            document.getElementById(div).style.display = "block";
        }
    }
}

function ValidCountry(div, image) {
    var ddlCountry = document.getElementById(Step10Prefix + "_ddlCountry");
    if (ddlCountry.options[ddlCountry.selectedIndex].text == "Select One") {   // minimum 2 characters
        document.getElementById(div).style.display = "block";
        document.getElementById(image).src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
    }
    else {
        document.getElementById(image).src = document.getElementById(Step10Prefix + "_hidValidImage").value;
    }

}
function ValidState(div, image) {
    var ddlState = document.getElementById(Step10Prefix + "_ddlState");
    if (ddlState.options[ddlState.selectedIndex].text == "Select One") {   // minimum 2 characters
        document.getElementById(div).style.display = "block";
        document.getElementById(image).src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
    }
    else {
        document.getElementById(image).src = document.getElementById(Step10Prefix + "_hidValidImage").value;
    }
}
function GetState() {
    //debugger;
    var ddlCountry = document.getElementById(Step10Prefix + "_ddlCountry");

    var accvalue = ddlCountry.options[ddlCountry.selectedIndex].value;
    if (accvalue != "00000000-0000-0000-0000-000000000000") {
        if (accvalue == document.getElementById(Step10Prefix + "_hdnSelectOne").value) {
            ASP.WebServices.WSApplicationUsers.GetRegions(0, ClearAndSetContactListItems);
        }
        else {
            ASP.WebServices.WSApplicationUsers.GetRegions(accvalue, ClearAndSetContactListItems);
        }
    }
    else {
        var drpState = document.getElementById(Step10Prefix + "_ddlState");
        var tbState = document.getElementById(Step10Prefix + "_tbState");
        var numberOfOptions = drpState.options.length
        for (var j = (numberOfOptions - 1); j >= 0; j--) {
            drpState.options[j] = null;
        }
        
        drpState.options[0] = new Option(document.getElementById(Step10Prefix + "_hdnSelectOne").value, "");
        if (drpState.style.display != "inline") {
            drpState.style.display = "inline";
            tbState.style.display = "none";
        }
    }
    return false;
}

function GetStateID(selectone) {
    var hddStateId = document.getElementById(Step10Prefix + "_hddStateId");
    var hddStateName = document.getElementById(Step10Prefix + "_hddStateName");
    // Mike Rene 12102009
    var tbState = document.getElementById(Step10Prefix + "_tbState");
    // End Mike Rene

    var drpState = document.getElementById(Step10Prefix + "_ddlState");
    if (drpState.options.length > 0) {
        // Mike Rene 12102009
        hddStateId.value = drpState.value;  //.options[drpState.selectedIndex].value;        
        // if (drpState.options[drpState.selectedIndex].value = selectone)

        if (drpState.value == selectone)
            tbState.value = "";
        else
            //tbState.value = drpState.options[drpState.selectedIndex].value;
            // Jalpesh 12142009
            // tbState.value = drpState.value;
            tbState.value = drpState.options[drpState.selectedIndex].text

        hddStateName.value = drpState.options[drpState.selectedIndex].text;        

        // End Mike Rene
        //-->jemit 21 April
        //hddStateName.value = drpState.options[drpState.selectedIndex].text;
        //<-- 21 April
    }
    var hddCountryId = document.getElementById(Step10Prefix + "_hddCountryId");
    var ddlCountry = document.getElementById(Step10Prefix + "_ddlCountry");
    if (ddlCountry.options.length > 0) {
        hddCountryId.value = ddlCountry.options[ddlCountry.selectedIndex].value;
    }
}
function ClearAndSetContactListItems(args) {
    var tbState = document.getElementById(Step10Prefix + "_tbState");
    var drpState = document.getElementById(Step10Prefix + "_ddlState");
    var numberOfOptions = drpState.options.length
    for (var j = (numberOfOptions - 1); j >= 0; j--) {
        drpState.options[j] = null;
    }

    drpState.options[0] = new Option(document.getElementById(Step10Prefix + "_hdnSelectOne").value, "");
    var i = 0;
    var response = eval('(' + args + ')');
    if (typeof (response.data.rows) != 'undefined') {
        if (typeof (response.data.rows.length) == 'undefined') {
            //If no satte is there then it will be the same as country
            drpState.options[1] = new Option(response.data.rows.cells[0], response.data.rows.cells[1]);
        }
        else {
            if (drpState.style.display != "inline") {
                drpState.style.display = "inline";
                tbState.style.display = "none";
            }
            for (i = 0; i < response.data.rows.length; i++) {
                drpState.options[i + 1] = new Option(response.data.rows[i].cells[0], response.data.rows[i].cells[1]);
            }
        }
    }

    if (response.data.rows.cells == 0) {
        //tbState.value = "";
        drpState.style.display = "none";
        tbState.style.display = "inline";

        if (document.getElementById(Step10Prefix + "_tbState").value.length == 0) {   // minimum 2 characters
            document.getElementById(Step10Prefix + "_divState").style.display = "block";
            document.getElementById(Step10Prefix + "_imgCheckState").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
            document.getElementById(Step10Prefix + "_imgCheckState").alt = document.getElementById(Step10Prefix + "_hdnToolTipState").value;

        }
        else {
            document.getElementById(Step10Prefix + "_imgCheckState").src = document.getElementById(Step10Prefix + "_hidValidImage").value;
        }

    }
    var hddCountryId = document.getElementById(Step10Prefix + "_hddCountryId");
    var ddlCountry = document.getElementById(Step10Prefix + "_ddlCountry");
    if (ddlCountry.options.length > 0) {
        hddCountryId.value = ddlCountry.options[ddlCountry.selectedIndex].value;
    }

    var hdnStateId = document.getElementById(Step10Prefix + "_hddStateId");
    if (hdnStateId.value != "") {
        for (var i = 0; i < drpState.options.length; i++) {

            if (hdnStateId.value == drpState.options(i).value) {
                drpState.options(i).selected = true;
                break;
            }
        }
    }
}
function numbersonly(e) {
    var charCode = (e.which) ? e.which : event.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 43 && charCode != 40 && charCode != 41 && charCode != 45) {
        if (e.which)
            e.returnValue = false
        else
            event.returnValue = false
        return false;
    }
    if (e.which)
        e.returnValue = true
    else
        event.returnValue = true
    return true;

}

function ValidateEmail(txt, divCheckEmail) {
    
    document.getElementById(divCheckEmail).style.display = "block";
    document.getElementById(Step10Prefix + "_ImageCheckEmail").src = document.getElementById(Step10Prefix + "_hidValidImage").value;
    document.getElementById(Step10Prefix + "_ImageCheckEmail").alt = "";

    if (document.getElementById(txt.id).value.length == 0) {   // minimum 2 characters
        document.getElementById(divCheckEmail).style.display = "block";
        document.getElementById(Step10Prefix + "_ImageCheckEmail").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
        document.getElementById(Step10Prefix + "_ImageCheckEmail").alt = "Please enter email address.";
    }
    else {
        if (IsValidEmail(document.getElementById(txt.id).value)) {

        }
        else {

            document.getElementById(Step10Prefix + "_ImageCheckEmail").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
            document.getElementById(Step10Prefix + "_ImageCheckEmail").alt = "Please enter valid email address.";
        }
    }
}

function ValidateEmailStep1(txt, divCheckEmail) {

    document.getElementById(divCheckEmail).style.display = "block";
    document.getElementById(Step1Prefix + "_ImageCheckEmail").src = document.getElementById(Step1Prefix + "_hidValidImage").value;
    document.getElementById(Step1Prefix + "_ImageCheckEmail").alt = "";

    if (document.getElementById(txt.id).value.length == 0) {   // minimum 2 characters
        document.getElementById(divCheckEmail).style.display = "block";
        document.getElementById(Step1Prefix + "_ImageCheckEmail").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
        document.getElementById(Step1Prefix + "_ImageCheckEmail").alt = "Please enter email address.";
    }
    else {
        if (IsValidEmail(document.getElementById(txt.id).value)) {

        }
        else {

            document.getElementById(Step1Prefix + "_ImageCheckEmail").src = document.getElementById(Step1Prefix + "_hidErrorImage").value;
            document.getElementById(Step1Prefix + "_ImageCheckEmail").alt = "Please enter valid email address.";
        }
    }
}

function ValidateStep10() {
    var IsValid = 1;

    if (document.getElementById(Step10Prefix + "_tbFirstName").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step10Prefix + "_divFirstName").style.display = "block";
        document.getElementById(Step10Prefix + "_imgCheckFirstName").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
        document.getElementById(Step10Prefix + "_imgCheckFirstName").alt = document.getElementById(Step10Prefix + "_hdnToolTipFirstname").value; //hdnToolTipFirstname;

        IsValid = 0;
    }
    else {
        document.getElementById(Step10Prefix + "_imgCheckFirstName").src = document.getElementById(Step10Prefix + "_hidValidImage").value;
    }


    if (document.getElementById(Step10Prefix + "_tbCompanyName").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step10Prefix + "_divComapanyName").style.display = "block";
        document.getElementById(Step10Prefix + "_imgCheckCompanyName").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
        document.getElementById(Step10Prefix + "_imgCheckCompanyName").alt = document.getElementById(Step10Prefix + "_hdnToolTipCompanyName").value; //hdnToolTipFirstname;

        IsValid = 0;
    }
    else {

        document.getElementById(Step10Prefix + "_imgCheckCompanyName").src = document.getElementById(Step10Prefix + "_hidValidImage").value;
        if (document.getElementById(Step10Prefix + "_RegularExpressionValidator1").style.visibility == "hidden")
            document.getElementById(Step10Prefix + "_divComapanyName").style.display = "block";
        else
            document.getElementById(Step10Prefix + "_divComapanyName").style.display = "none";



    }

    if (document.getElementById(Step10Prefix + "_tbLastName").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step10Prefix + "_divLastName").style.display = "block";
        document.getElementById(Step10Prefix + "_imgCheckLastName").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
        document.getElementById(Step10Prefix + "_imgCheckLastName").alt = document.getElementById(Step10Prefix + "_hdnToolTipLastName").value;

        IsValid = 0;
    }
    else {
        document.getElementById(Step10Prefix + "_imgCheckLastName").src = document.getElementById(Step10Prefix + "_hidValidImage").value;
    }


    if (document.getElementById(Step10Prefix + "_tbAddress1").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step10Prefix + "_divAdd1").style.display = "block";
        document.getElementById(Step10Prefix + "_imgCheckAdd1").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
        document.getElementById(Step10Prefix + "_imgCheckAdd1").alt = document.getElementById(Step10Prefix + "_hdnToolTipAddress1").value;

        IsValid = 0;
    }
    else {
        document.getElementById(Step10Prefix + "_imgCheckAdd1").src = document.getElementById(Step10Prefix + "_hidValidImage").value;
    }


    if (document.getElementById(Step10Prefix + "_tbPhone").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step10Prefix + "_divPhone").style.display = "block";
        document.getElementById(Step10Prefix + "_imgCheckPhone").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
        document.getElementById(Step10Prefix + "_imgCheckPhone").alt = document.getElementById(Step10Prefix + "_hdnToolTipPhone").value;

        IsValid = 0;
    }
    else {
        document.getElementById(Step10Prefix + "_imgCheckPhone").src = document.getElementById(Step10Prefix + "_hidValidImage").value;
    }

    if (document.getElementById(Step10Prefix + "_tbZipCode").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step10Prefix + "_divZipCode").style.display = "block";
        document.getElementById(Step10Prefix + "_imgCheckZipcode").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
        document.getElementById(Step10Prefix + "_imgCheckZipcode").alt = document.getElementById(Step10Prefix + "_hdnToolTipZipCode").value;

        IsValid = 0;
    }
    else {
        document.getElementById(Step10Prefix + "_imgCheckZipcode").src = document.getElementById(Step10Prefix + "_hidValidImage").value;
    }

    if (document.getElementById(Step10Prefix + "_tbCity").value.length == 0) {   // minimum 2 characters
        document.getElementById(Step10Prefix + "_divCity").style.display = "block";
        document.getElementById(Step10Prefix + "_imgCheckCity").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
        document.getElementById(Step10Prefix + "_imgCheckCity").alt = document.getElementById(Step10Prefix + "_hdnToolTipCity").value;
        IsValid = 0;
    }
    else {
        document.getElementById(Step10Prefix + "_imgCheckCity").src = document.getElementById(Step10Prefix + "_hidValidImage").value;
    }


    var ddlCountry = document.getElementById(Step10Prefix + "_ddlCountry");

    if (ddlCountry.options[ddlCountry.selectedIndex].text == document.getElementById(Step10Prefix + "_hdnSelectOne").value) {   // minimum 2 characters
        document.getElementById(Step10Prefix + "_divCountry").style.display = "block";
        document.getElementById(Step10Prefix + "_imgCheckCountry").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
        document.getElementById(Step10Prefix + "_imgCheckCountry").alt = document.getElementById(Step10Prefix + "_hdnToolTipCountry").value;
        IsValid = 0;
    }
    else {
        document.getElementById(Step10Prefix + "_imgCheckCountry").src = document.getElementById(Step10Prefix + "_hidValidImage").value;
    }

    var ddlState = document.getElementById(Step10Prefix + "_ddlState");
    var tbState = document.getElementById(Step10Prefix + "_tbState");

    if (ddlState.style.display != "inline") {

        if (document.getElementById(Step10Prefix + "_tbState").value.length == 0) {   // minimum 2 characters
            document.getElementById(Step10Prefix + "_divState").style.display = "block";
            document.getElementById(Step10Prefix + "_imgCheckState").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
            document.getElementById(Step10Prefix + "_imgCheckState").alt = document.getElementById(Step10Prefix + "_hdnToolTipState").value;
            IsValid = 0;
        }
        else {
            document.getElementById(Step10Prefix + "_imgCheckState").src = document.getElementById(Step10Prefix + "_hidValidImage").value;
        }
    }
    else {

        if (ddlState.options[ddlState.selectedIndex].text == document.getElementById(Step10Prefix + "_hdnSelectOne").value) {   // minimum 2 characters
            document.getElementById(Step10Prefix + "_divState").style.display = "block";
            document.getElementById(Step10Prefix + "_imgCheckState").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
            document.getElementById(Step10Prefix + "_imgCheckState").alt = document.getElementById(Step10Prefix + "_hdnToolTipState").value;
            IsValid = 0;
        }
        else {
            document.getElementById(Step10Prefix + "_imgCheckState").src = document.getElementById(Step10Prefix + "_hidValidImage").value;
        }
    }
    if (document.getElementById(Step10Prefix + "_tbEmail").value.length == 0) {   // minimum 2 characters
        document.getElementById('divCheckEmail').style.display = "block";
        document.getElementById(Step10Prefix + "_ImageCheckEmail").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
        document.getElementById(Step10Prefix + "_ImageCheckEmail").alt = document.getElementById(Step10Prefix + "_hdnToolTipEmail").value;
        IsValid = 0;
    }
    else {
        if (IsValidEmail(document.getElementById(Step10Prefix + "_tbEmail").value)) {

        }
        else {

            document.getElementById(Step10Prefix + "_ImageCheckEmail").src = document.getElementById(Step10Prefix + "_hidErrorImage").value;
            document.getElementById(Step10Prefix + "_ImageCheckEmail").alt = document.getElementById(Step10Prefix + "_hdnToolTipEmail").value;
            IsValid = 0;
        }
    }




    if (IsValid == 1) {
        return true;
    }
    else {
        return false;
    }

}
// Mike Rene 12172009
// function $(id) { debugger; return document.getElementById(id); }
// End Mike Rene
/* ----------------------------------------------------------------------------------------------------------------
------------------------------------------- STEP-2 (SKIN THEME SELECTION) -----------------------------------------
------------------------------------------------------------------------------------------------------------------- */
/* jemit ------> */
var Step2APrefix;
var SelectedPageSkinID;
var SkinSelectionErrorID;
var mainLoaded;
var i;
var imgLoaded;

function ResetImagesFlag() {
    imgLoaded = new Array();
}

function Step2AInit(Prefix, SelectedPageSkinId, SkinSelectionErrorId) {
    Step2APrefix = Prefix;
    SelectedPageSkinID = SelectedPageSkinId;
    SkinSelectionErrorID = SkinSelectionErrorId;
}

function GetPageSkinID(divImageId, PageSkinId, WizardCategoryID) {
    var hdnSelectedPageSkinId = document.getElementById(Step2APrefix + "hdnSelectedPageSkinId");
    hdnSelectedPageSkinId.value = PageSkinId;

    var SelectedCategory = document.getElementById(Step2APrefix + "hdnSelectedCategory");
    SelectedCategory.value = WizardCategoryID;


    var divs, i, id;
    divs = document.getElementsByTagName("div");
    for (i = 0; i < divs.length; i++) {
        if (divs[i].id.match('divImage') != null) {
            document.getElementById(divs[i].id).className = "innertemplate";
        }
    }
    divImageId = divImageId.replace("imgSkin", "divImage");
    var divImage = document.getElementById(divImageId);
    divImage.className = "selectedtemplate";
}

//Start Add Richard Chico for Filmstrip 4/21/2010 1842
function SelectPageSkin(element, PageSkinId, WizardCategoryID) {
    var hdnSelectedPageSkinId = document.getElementById(Step2APrefix + "hdnSelectedPageSkinId");
    hdnSelectedPageSkinId.value = PageSkinId;

    var SelectedCategory = document.getElementById(Step2APrefix + "hdnSelectedCategory");
    SelectedCategory.value = WizardCategoryID;

    ChangeLargePreview(element);

}
//End Add Richard Chico for Filmstrip 4/21/2010 1842

//Start Add Richard Chico for FilmStrip
function BuildYoursNow() {
    if (ValidateStep2()) {
        WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(document.getElementById(WizardPrefix + "_hidWizardUniqueID").value + "$imgBtnBuildYoursNow", "", true, "", "", false, true));
        return false;
    }
}
//End Add Richard Chico for FilmStrip

var MouseoverOrView;
var MousePosition = 0;
function SetMouse(value) {
    MousePosition = value;
    alert(value);
    if (value == 0) {
        HideImage();
    }
}
var LastScroll = 0;
function ShowImage(ImagePath, ImageNo, Source, ViewOrMouseover, Count) {
    MouseoverOrView = ViewOrMouseover;

    SetModalPosition("modalbackgroundElement", "");

    if (MouseoverOrView == 1) {
        document.getElementById("modalbackgroundElement").style.display = "none";
        document.getElementById("divClose").style.display = "none";
    }
    else {
        document.getElementById("modalbackgroundElement").style.display = "block";
        document.getElementById("divClose").style.display = "block";
    }


    document.getElementById("modalbackgroundElement").style.position = "absolute";
    document.getElementById("modalbackgroundElement").style.zIndex = "10000";
    document.getElementById("modalbackgroundElement").style.width = winw + 'px';
    document.getElementById("modalbackgroundElement").style.height = winh + 'px';

    if (MouseoverOrView == 0)
        makeDisabled(document.getElementById("divMainWizardContainer"), true);
    var Y = findPosY(document.getElementById("divContainer"));
    if (MouseoverOrView == 0) {
        var X = findPosX(document.getElementById("divContainer"));
        document.getElementById("divLImage").style.left = X + 270;  // 10

        var Browser = BrowserDetect();

        if (Browser == "Microsoft") {
            document.getElementById("divLImage").style.top = Y - 50;   // 475
            document.getElementById("divLoader").style.top = Y + 180;   // 250
            document.getElementById("divLoader").style.left = X + 470;  // 130  390
        }
        else {
            document.getElementById("divLImage").style.height = 466 + "px";
            document.getElementById("divLImage").style.width = 430 + "px";
            document.getElementById("divLImage").style.top = Y - 50;   // 587
            document.getElementById("divLoader").style.top = Y + 160;   // 362
            document.getElementById("divLoader").style.left = X + 480;  // 130  400
        }
        document.getElementById(Step2APrefix + "hdfPath").value = ImagePath;
        document.getElementById(Step2APrefix + "hdfImageNo").value = ImageNo;
        mainLoaded = 0;
        document.getElementById("divLImage").style.display = "block";
        document.getElementById("divLoader").style.display = "block";
        i = parseInt(ImageNo);
        if (imgLoaded[i] == "1")
            ShowMainImage();
        else {
            document.getElementById("imgLarge").style.display = "none";
            setTimeout("ShowMainImage()", 500);
        }
    }

    else {
        var X = findPosX(Source);
        var ScrollPosition = document.getElementById(Step2APrefix + "hdnScroll").value;
        var xe = ScrollPosition * 630;   //350 then 320
        X = X - xe;

        if (ScrollPosition > 0) {
            X += 1;
            //X -= 311;   //34
        }

        X += 140;

        var screenwidth = screen.width;

        if (X + 430 + 100 > screenwidth) {
            X -= 140;
            X -= 450;
        }

        var Browser = BrowserDetect();

        if (Browser == "Microsoft") {
            document.getElementById("divLImage").style.top = Y - 50;   // 475
            document.getElementById("divLoader").style.top = Y + 160;   // 250  180
            document.getElementById("divLoader").style.left = X + 200;  // 130  120
            document.getElementById("divLImage").style.left = X + "px";
        }
        else {
            //document.getElementById("divLImage").style.height = 450 + "px";
            //document.getElementById("divLImage").style.width = 430 + "px";
            document.getElementById("divLImage").style.top = Y - 50;   // 587
            document.getElementById("divLoader").style.top = Y + 160;   // 362  180
            document.getElementById("divLoader").style.left = X + 200;  // 130  120
            document.getElementById("divLImage").style.left = X + "px";
        }

        document.getElementById(Step2APrefix + "hdfPath").value = ImagePath;
        document.getElementById(Step2APrefix + "hdfImageNo").value = ImageNo;
        mainLoaded = 0;
        document.getElementById("divLoader").style.display = "none";
        document.getElementById("divLImage").style.display = "block";
        document.getElementById("divLoader").style.display = "block";
        i = parseInt(ImageNo);
        if (imgLoaded[i] == "1")
            ShowMainImage();
        else {
            document.getElementById("imgLarge").style.display = "none";
            setTimeout("ShowMainImage()", 500);
        }

    }
}

function ShowMainImage() {
    document.getElementById("imgLarge").src = document.getElementById(Step2APrefix + "hdfPath").value;
    mainLoaded = 1;
    setTimeout("HideLoader()", 5);
}

function HideLoader() {
    i = parseInt(document.getElementById(Step2APrefix + "hdfImageNo").value);
    if (imgLoaded[i] == "1")
        document.getElementById("divLoader").style.display = 'none';
}
function UnLoader() {
    imgLoaded[i] = "1";
    document.getElementById("imgLarge").style.display = "block";
    if (mainLoaded == 1) {
        document.getElementById("divLoader").style.display = "none";
        document.getElementById("imgLarge").style.display = "block";
        i = parseInt(document.getElementById(Step2APrefix + "hdfImageNo").value);
    }
}
function HideImage() {
    if (MousePosition == 0) {
        document.getElementById("divLImage").style.display = 'none';
        document.getElementById("divLoader").style.display = 'none';
        document.getElementById("modalbackgroundElement").style.display = "none";
        makeDisabled(document.getElementById("divMainWizardContainer"), false);
    }
    else {

    }
}
function Scroll(elementId, direction) {
    var scrollElement = document.getElementById(elementId);
    var targetPosition = scrollElement.scrollLeft + 630 * direction;        /* 530 */
    var targetPosition;
    if (direction == 1)     // right
    {
        var ScrollPosition = parseInt(document.getElementById(Step2APrefix + "hdnScroll").value);
        ScrollPosition++;
        document.getElementById(Step2APrefix + "hdnScroll").value = ScrollPosition;
        targetPosition = scrollElement.scrollLeft + 630 * direction;    //350 then 320
        //ScrollRightLeft = 350;
    }
    else                    // left
    {
        var ScrollPosition = parseInt(document.getElementById(Step2APrefix + "hdnScroll").value);
        ScrollPosition--;
        document.getElementById(Step2APrefix + "hdnScroll").value = ScrollPosition;
        targetPosition = scrollElement.scrollLeft + 630 * direction;    //530
        //ScrollRightLeft = -530;
    }
    // <-- aaa

    if (targetPosition < 0) targetPosition = 0;
    if (targetPosition > scrollElement.scrollWidth) targetPosition = scrollElement.scrollWidth;
    var lastPosition = -1;
    var interval = setInterval("window.scrolling.doScroll()", 20);


    document.getElementById(Step2APrefix + "imgbtnRight").src = document.getElementById(Step2APrefix + "hdnModuleSkinPath").value + "/right_arrow.png";
    document.getElementById(Step2APrefix + "imgbtnLeft").src = document.getElementById(Step2APrefix + "hdnModuleSkinPath").value + "/left_arrow.png";
    document.getElementById(Step2APrefix + "imgbtnRight").disabled = false;
    document.getElementById(Step2APrefix + "imgbtnLeft").disabled = false;

    if (document.getElementById(Step2APrefix + "hdnScroll").value == document.getElementById(Step2APrefix + "hdnTotal").value) {
        document.getElementById(Step2APrefix + "imgbtnRight").src = document.getElementById(Step2APrefix + "hdnModuleSkinPath").value + "/right_arrow_disabled.png";
        document.getElementById(Step2APrefix + "imgbtnRight").disabled = true;

    }
    else if (document.getElementById(Step2APrefix + "hdnTotal").value == "0") {
        document.getElementById(Step2APrefix + "imgbtnLeft").src = document.getElementById(Step2APrefix + "hdnModuleSkinPath").value + "/left_arrow_disabled.png";
        document.getElementById(Step2APrefix + "imgbtnLeft").disabled = true;

        document.getElementById(Step2APrefix + "imgbtnRight").src = document.getElementById(Step2APrefix + "hdnModuleSkinPath").value + "/right_arrow_disabled.png";
        document.getElementById(Step2APrefix + "imgbtnRight").disabled = true;

    }
    else if (parseInt(document.getElementById(Step2APrefix + "hdnTotal").value) > 0 && parseInt(document.getElementById(Step2APrefix + "hdnScroll").value) > 0 && parseInt(document.getElementById(Step2APrefix + "hdnScroll").value) < parseInt(document.getElementById(Step2APrefix + "hdnTotal").value)) {
        document.getElementById(Step2APrefix + "imgbtnLeft").src = document.getElementById(Step2APrefix + "hdnModuleSkinPath").value + "/left_arrow.png";
        document.getElementById(Step2APrefix + "imgbtnLeft").disabled = false;

        document.getElementById(Step2APrefix + "imgbtnRight").src = document.getElementById(Step2APrefix + "hdnModuleSkinPath").value + "/right_arrow.png";
        document.getElementById(Step2APrefix + "imgbtnRight").disabled = false;

    }
    else if (parseInt(document.getElementById(Step2APrefix + "hdnTotal").value) > 0 && parseInt(document.getElementById(Step2APrefix + "hdnScroll").value) == 0) {
        document.getElementById(Step2APrefix + "imgbtnLeft").src = document.getElementById(Step2APrefix + "hdnModuleSkinPath").value + "/left_arrow_disabled.png";
        document.getElementById(Step2APrefix + "imgbtnLeft").disabled = true;

        document.getElementById(Step2APrefix + "imgbtnRight").src = document.getElementById(Step2APrefix + "hdnModuleSkinPath").value + "/right_arrow.png";
        document.getElementById(Step2APrefix + "imgbtnRight").disabled = false;

    }
    this.doScroll = function() {
        var currentPosition = scrollElement.scrollLeft;
        if (currentPosition == lastPosition) {
            LastScroll = currentPosition;
            clearInterval(interval);
            window.scrolling = false;
        }
        else {
            scrollElement.scrollLeft = (scrollElement.scrollLeft + targetPosition) / 2;
            lastPosition = currentPosition;
        }
    }
}
function findPosX(obj) {
    var _33d = 0;
    if ($ || document.all) {
        while (obj.offsetParent) {
            _33d += obj.offsetLeft;
            obj = obj.offsetParent;
        }
    }
    else {
        if (document.layers)
            _33d += obj.x;
    }
    return _33d;
}
function findPosY(obj) {
    var _33f = 0;
    if ($ || document.all) {
        while (obj.offsetParent) {
            _33f += obj.offsetTop;
            obj = obj.offsetParent;
        }
    }
    else {
        if (document.layers)
            _33f += obj.y;
    }
    return _33f;
}

function BrowserDetect() {
    if ((navigator.userAgent).indexOf("Opera") != -1) {
        return "Opera";
    }
    else if (navigator.appName == "Netscape") {
        return "Netscape";
    }
    else if ((navigator.appName).indexOf("Microsoft") != -1) {
        return "Microsoft";

    }
    else if (navigator.appCodeName == "Mozilla") {
        return "Mozilla";
    }
}


var ScrollRightLeft = 0;

function slideLeft(elementId) {
    if (document.getElementById(Step2APrefix + "hdnTotal").value == "0") {
        return;
    }
    else if (parseInt(document.getElementById(Step2APrefix + "hdnTotal").value) > 0 && parseInt(document.getElementById(Step2APrefix + "hdnScroll").value) == 0) {
        return;
    }
    else {
        if (!window.scrolling) window.scrolling = new Scroll(elementId, -1);
    }
}

function slideRight(elementId) {
    if (document.getElementById(Step2APrefix + "hdnTotal").value == "0") {
        return;
    }
    else if (parseInt(document.getElementById(Step2APrefix + "hdnTotal").value) > 0 && parseInt(document.getElementById(Step2APrefix + "hdnScroll").value) >= 0 && parseInt(document.getElementById(Step2APrefix + "hdnScroll").value) < parseInt(document.getElementById(Step2APrefix + "hdnTotal").value)) {
        if (!window.scrolling) window.scrolling = new Scroll(elementId, 1);
    }
}

/*<-------- jemit */
/* aarchi ------> */

var Step2BPrefix;

var mainLoaded1;
var i;
var imgLoaded1 = new Array("0", "0", "0", "0", "0", "0", "0", "0");


function Step2BInit(Prefix) {
    Step2BPrefix = Prefix;
}

function funGetThemeImage(elDiv, skinPath, ColorName) {
    var divId = elDiv.substring(elDiv.indexOf('DivC_') + 5);
    document.getElementById(Step2BPrefix + "hdfSelectedSkinID").value = divId;
    document.getElementById(Step2BPrefix + "hdfColor").value = ColorName;
    document.getElementById(Step2BPrefix + "hdfSelectedThumbnailPath").value = skinPath.replace(/-large.jpg/, ".gif");

    var divs, i, id;
    divs = document.getElementsByTagName("div");
    for (i = 0; i < divs.length; i++) {
        if (divs[i].id.match('DivC_') != null) {
            id = divs[i].id.substring(divs[i].id.indexOf('DivC_') + 5);
            document.getElementById('DivB_' + id).className = "normalsubmainDiv";
            document.getElementById('DivC_' + id).className = "normalColor";
        }
    }

    document.getElementById('DivB_' + divId).className = "selectedsubmainDiv";
    document.getElementById('DivC_' + divId).className = "selectedColor";


    document.getElementById(Step2BPrefix + 'imgThemeSkin').src = skinPath;
}
function ChangeFont(fontName, ID) {
    document.getElementById(Step2BPrefix + 'lblFontPreview').style.fontFamily = fontName;
    document.getElementById(Step2BPrefix + "hdfSelectedFont").value = ID;
}

/*<-------- aarchi */
/*  --------------------------------------------- STEP-2 FUNCTIONS END --------------------------------------------
------------------------------------------------------------------------------------------------------------------*/
/* Payout level Added by shailesh for payout level */
var PaylevelPrefix;
var winw, winh, wintop, winleft, popupw, popuph;

function PaylevelInit(Prefix) {
    PaylevelPrefix = Prefix;
}
var showpaylevelpopup = "0";
var dontshowloader = "0";
var PayoutPopupTop = 0;
var IsModelOpen = 0;
var temppopupfor;
function ShowPayoutModalPopup(popupfor) {
    IsModelOpen = 1;
    //SetModalPosition("modalbackgroundElement", PaylevelPrefix + "divPayout");
    document.getElementById("modalbackgroundElement").style.position = "absolute";
    document.getElementById("modalbackgroundElement").style.left = "0px";
    document.getElementById("modalbackgroundElement").style.top = "0px";
    document.getElementById("modalbackgroundElement").style.zIndex = "10000";
    document.getElementById("modalbackgroundElement").style.width = screen.width - 25 + "px";
    document.getElementById("modalbackgroundElement").style.height = screen.height + 200 + "px";

    document.getElementById(PaylevelPrefix + "divPayout").style.display = "block";
    var w = (screen.width - document.getElementById(PaylevelPrefix + "divPayout").style.width.substring(0, document.getElementById(PaylevelPrefix + "divPayout").style.width.indexOf("px"))) / 2;
    var h = findPosY(document.getElementById(PaylevelPrefix + "divPayout"));
    document.getElementById(PaylevelPrefix + "divPayout").style.top = h + "px";
    PayoutPopupTop = h;
    document.getElementById(PaylevelPrefix + "divPayout").style.left = w + "px";
    document.getElementById("modalbackgroundElement").style.display = "block";
    showpaylevelpopup = document.getElementById(PaylevelPrefix + "showpaylevelpopup").value;
    dontshowloader = document.getElementById(PaylevelPrefix + "dontShowLoader").value;
    document.getElementById("divLoader").style.display = "none";
    document.getElementById(PaylevelPrefix + "hdnpopupfor").value = popupfor;
    SetFocusOnFirstRow();

    return false;
}

function HidePayoutModalPopup() {
    IsModelOpen = 0;
    LoaderImageForPayout();
}
function ShowPayoutModalPopup1(popupfor) {
    IsModelOpen = 1;
    temppopupfor = document.getElementById(PaylevelPrefix + "hdnpopupfor").value = popupfor;
    dontshowloader = document.getElementById(PaylevelPrefix + "dontShowLoader").value;
    if (popupfor == 1) {
        __doPostBack(document.getElementById(PaylevelPrefix + "hidStep4UniueID").value + '$lnkMatrixPayout', '');
    }
    else if (popupfor == 2) {
        __doPostBack(document.getElementById(PaylevelPrefix + "hidStep4UniueID").value + '$lnkUnilevelPayout', '');
    }
    return true;
}
function ClosePayout() {
    IsModelOpen = 0;
    document.getElementById("modalbackgroundElement").style.display = "none";
    if (document.getElementById(PaylevelPrefix + "divPayout") != null) {
        document.getElementById(PaylevelPrefix + "divPayout").style.display = "none";
    }
    showpaylevelpopup = "0";
    document.getElementById('divimgMainLoader').style.display = 'block';
    if (document.getElementById("divLoader") != null) {
        document.getElementById("divLoader").style.display = "none";
    }
}
function LoaderImageForPayout() {
    document.getElementById("divLoader").style.display = "block";
    document.getElementById("PayoutContent").style.display = "none";
    document.getElementById("modalbackgroundElement").style.position = "absolute";
    document.getElementById("modalbackgroundElement").style.left = "0px";
    document.getElementById("modalbackgroundElement").style.top = "0px";
    document.getElementById("modalbackgroundElement").style.zIndex = "10000";
    document.getElementById("modalbackgroundElement").style.width = screen.width - 25 + "px";
    document.getElementById("modalbackgroundElement").style.height = screen.height + 200 + "px";
    document.getElementById(PaylevelPrefix + "divPayout").style.display = "block";
    var w = (screen.width - document.getElementById(PaylevelPrefix + "divPayout").style.width.substring(0, document.getElementById(PaylevelPrefix + "divPayout").style.width.indexOf("px"))) / 2;
    var h = findPosY(document.getElementById(PaylevelPrefix + "divPayout"));
    document.getElementById(PaylevelPrefix + "divPayout").style.top = h + "px";
    PayoutPopupTop = h;
    document.getElementById(PaylevelPrefix + "divPayout").style.left = w + "px";
    document.getElementById("modalbackgroundElement").style.display = "block";
    return true;
}
document.onkeypress = clickButton1;
function ShowHideMatrixPayoutButton(showhide) {
    if (showhide == "0") {
        document.getElementById(PaylevelPrefix + "lnkMatrixPayout").style.display = 'none';
    }
    else {
        document.getElementById(PaylevelPrefix + "lnkMatrixPayout").style.display = 'block';
    }
}
function ShowHideUnilevelPayoutButton(showhide) {
    if (showhide == "0") {
        document.getElementById("divUnilevelPayout").style.display = 'none';
    }
    else {
        document.getElementById(PaylevelPrefix + "lnkUnilevelPayout").style.display = 'block';
    }
}
function clickButton(e, buttonid) {
    var evt = e ? e : window.event;
    var bt = document.getElementById(buttonid);
    if (bt) {
        if (evt.keyCode == 13) {
            bt.click();
            return false;
        }
    }
}
function clickButton1(e) {
    var evt = e ? e : window.event;
    if (evt.keyCode == 13) {
        return false;
    }
}
function ShowSelectedSkinThumbnail(element) {
    var X = findPosX(element);
    var Y = findPosY(element);
    document.getElementById("divPreview").style.display = "block";
    document.getElementById("divPreview").style.left = X + 140 + "px";  // 10

    var Browser = BrowserDetect();

    if (Browser == "Microsoft") {
        document.getElementById("divPreview").style.top = Y - 200 + "px";   // 475
    }
    else {
        document.getElementById("divPreview").style.width = 430 + "px";
        document.getElementById("divPreview").style.top = Y - 200 + "px";   // 587
    }
}
function HideSelectedSkinThumbnail(element) {
    document.getElementById("divPreview").style.display = "none";
}
function SetFocusOnFirstRow() {
    try {
        var grd = document.getElementById(PaylevelPrefix + "dgLevels");
        if (grd != null) {
            if (grd.rows.length > 0) {
                var txtnum = document.getElementById(grd.rows[1].cells[2].childNodes[0].childNodes[0].id);
                txtnum.focus();
                txtnum.focus();
            }
        }
    }
    catch (E) {
    }
}

function checkBinary() {
    document.getElementById("chkBinary").checked = true;
}

function checkUnilevel() {
    document.getElementById("chkUnilevel").checked = true;
}

function checkMatrix() {
    document.getElementById("chkMatrix").checked = true;
}

/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*------------------------- Crop Logo Step 2 ---------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

function getObject(objName, objType) {
    var objElements = document.getElementsByTagName(objType);
    if (objElements.length > 0) {
        for (var i = 0; i < objElements.length; i++) {
            var obj = objElements[i].id;
            if (obj.indexOf(objName) != -1) {
                return obj;
            }
        }
    }
    return null;
}

// Mike Rene 03162010
//function opennewwindow() {
//    if (document.getElementById(Step2Prefix + "_hidCompanyName").value.replace(/^\s+/, "").length == 0) {
//    }
//    else {
//        OpenCropLogo();
//    }
//}

function opennewwindow() {
    debugger;
    if (document.getElementById(Step2Prefix + "_hidCompanyName").value.replace(/^\s+/, "").length == 0) {
    }
    else {
        var redirectto = document.getElementById(Step2Prefix + "_hddPath").value;
        redirectto = redirectto.replace("{0}", document.getElementById(Step2Prefix + "_hidCompanyName").value);

        var arg = window.showModalDialog(redirectto + "?" + Math.floor(Math.random() * 11), "", "dialogWidth:1154px;dialogHeight:550px;status:off");

        //start Richard Chico 08102010 comment and replace
        //if (typeof (arg) == "object" || typeof (arg) == "undefined" || arg == "Cancel") {
        if (typeof (arg) == "object" || typeof (arg) == "undefined" || arg == "Cancel" || arg == null) {
            return false;
        //end Richard Chico 08102010 comment and relace
        }
        else {
            var imgDistributor = getObject("imgDistributor", "img");
            //            document.getElementById(imgDistributor).src = arg + '?' + Math.floor(Math.random()*11);
            document.getElementById(Step2Prefix + "_hdnImagePath").value = arg;
        }

        WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(document.getElementById(WizardPrefix + "_hidWizardUniqueID").value + "$lnkWizardRefresh", "", true, "", "", false, true));
    }

    return false;
}
// End Mike Rene 03162010

function OnClientClose(arg)
{
    document.getElementById(Step2Prefix + "_divImagecontainer").style.display = "none";
    document.getElementById(Step2Prefix + "_divCropLogo").style.display = "none";
    document.getElementById(Step2Prefix + "_divSaveClose").style.display = "none";
}

var flag = 0;
function Crop() 
{
    if (flag == 0) 
    {
        document.getElementById(Step2Prefix + "_divCropErrorMessage").style.display = "block";
        return false;
    }
    else
        return true;
}

function CheckIsCropped() 
{
    flag = 1;
}

function IsFileBrowsed()
{        
    var browsedfile = document.getElementById(Step2Prefix + "_FileUploadImage").value;
    if (browsedfile != "")
    {
        document.getElementById(Step2Prefix + "_divBrowseErrorMessage").style.display = "none";
        logoUpload();
        return true;
    }
    else
    {
        if (document.getElementById(Step2Prefix + "_divImage").style.display != "block")
        {
            document.getElementById(Step2Prefix + "_divBrowseErrorMessage").style.display = "block";
        }
        return false;
    }        
}

function EnableUploadIfFileSelected(obj) {
    if (obj != null) {
        var browsedfile = document.getElementById(Step2Prefix + "_FileUploadImage").value;
        if (browsedfile != "" || browsedfile != null) {
            var hdfIsFileBrowsed = document.getElementById(Step2Prefix + "_hdfIsFileBrowsed")
            hdfIsFileBrowsed.value = browsedfile;

            if (hdfIsFileBrowsed.value.length > 0) {
                document.getElementById(Step2Prefix + "_btnUpload1").disabled = false;
            }
        }
        return false;
    }
}

//function onEndCrop(coords, dimensions) {
//    debugger;
//    $(Step2Prefix + "_x1").value = coords.x1;
//    $(Step2Prefix + "_y1").value = coords.y1;
//    $(Step2Prefix + "_x2").value = coords.x2;
//    $(Step2Prefix + "_y2").value = coords.y2;
//    $(Step2Prefix + "_width").value = dimensions.width;
//    $(Step2Prefix + "_height").value = dimensions.height;
//}

/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------- End Crop Logo Step 2 -------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/