var gMake = null;
var gModel = null;
var ValidationInProgress = false;

function GetImageUrl(http_request, urls, ModelImageID) {
    try {
        if (http_request.readyState == 4) {
            if (http_request.status == 200) {

                if (http_request.responseText == "") {
                    document.getElementById().style.display = "none";
                    document.getElementById(ModelImageID).style.visibility = "hidden";
                }
                else {
                    document.getElementById(ModelImageID).style.visibility = "visible";
                    document.getElementById(ModelImageID).style.display = "inline";
                    document.getElementById(ModelImageID).src = http_request.responseText;
                    document.getElementById('spnMakeModel1').innerHTML = gMake + " " + gModel;
                    document.getElementById('spnMake').innerHTML = gMake;
                    document.getElementById('spnMake2').innerHTML = gMake;


                    var thumbUrl = document.getElementById("hdnUrl").value + "images/splash_page/" + gMake + "-thumb.gif";
                    document.getElementById('imgThumb5').src = thumbUrl;
                    document.getElementById('imgThumb5').alt = gMake;

                }

            }
        }
    }
    catch (e) { }
}

//////////////////////////////////////////////////////////////////////////

function GetLargeImage(ModelImageID) {
    var browser = document.getElementById("hdnBrowser").value;
    var url = document.getElementById("hdnUrl").value;

    var make = document.getElementById("Make").value;
    var model = document.getElementById("Model").value;

    model = model.replace(" & ", ".AND.");

    gMake = make;
    gModel = model;

    var http_request = false;
    if (window.XMLHttpRequest) {
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
            http_request.overrideMimeType('text/xml');
        }

    }
    else if (window.ActiveXObject) {
        // IE 
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e)
	            { }
        }
    }

    if (!http_request) {
    }


    var urls = url + "Ajax/Server.aspx?request=LargeImage&make=" + make + "&model=" + model;


    if (browser == "IE")
        http_request.open('POST', urls, false);
    else
        http_request.open('GET', urls, false);

    http_request.send(null);


    return GetImageUrl(http_request, url, ModelImageID);
}







function Sumbit() {

    try {

        if (document.getElementById("Zipcode").value.length < 5) {
            alert("Please Enter Valid Zipcode.");
            submit_page = false;
        }
        else {
            submit_page = true;
            document.getElementById("makeimage__").src = document.getElementById("hdnUrl").value + "images/brand/" + document.getElementById("Make").value + ".jpg";
            setdealerLst__(document.getElementById("hdnBrowser").value, document.getElementById("hdnUrl").value, document.getElementById("Make").value, document.getElementById("Zipcode").value);

        }


    }
    catch (e)
    { }
}

function setdealerLst__(browser, urls, make, zipcode) {

    var http_request = false;

    if (window.location.href.indexOf("www") == -1) {
        urls = urls.replace("www.", "");
    }


    if (window.XMLHttpRequest) {
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
            http_request.overrideMimeType('text/xml');

        }

    }
    else if (window.ActiveXObject) {

        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e)
	{ }
        }
    }
    if (!http_request) {
    }

    var url = urls + "Ajax/Server.aspx?request=getDealersLst&make=" + make + "&zipcode=" + zipcode;

    //http_request.onreadystatechange = function() { alertDealerContents(http_request); }; 

    if (browser == "Firefox")
        http_request.open('GET', url, false);
    else
        http_request.open('POST', url, false);

    http_request.send(null);
    alertDealerContents(http_request);
}

function alertDealerContents(http_request) {
    if (http_request.readyState == 4) {
        if (http_request.status == 200) {
            try {
                var lst = http_request.responseText;
                dealerslist = lst;

                //showtime__ = setInterval("redir()", 3000);
                showPopUp('dialog');

                //showIframe();
                //document.form1.submit();

            }
            catch (e) { }
        }
    }
}


function ValidateZipInput(textbox) {

    var regExp = /[^\d]/g;

    var str = textbox.value.replace(regExp, '');
    textbox.value = str;
    return;
}


/******************** Newly Added for Ion LiveBall ********************************/

function RedirectToStep2(btnSubmitID, loaderImageID, txtZipCodeID) {
    ValidationInProgress = true;
        var zipcode = document.getElementById(txtZipCodeID).value;
        var url = document.getElementById("hdnUrl").value;

        ShowOrHideLoader(loaderImageID, true, btnSubmitID);

        if (zipcode.length < 5) {

            ShowOrHideLoader(loaderImageID, false, btnSubmitID);
            alert("Invalid Zipcode");
            ValidationInProgress = false;
            return false;
        }
        else 
        {
               var isValid = ValidateZip(url, document.getElementById("hdnBrowser").value, zipcode);
               
               ValidationInProgress = false;

               if (isValid)
                   document.form1.submit();
               else {

                   ShowOrHideLoader(loaderImageID, isValid, btnSubmitID);
                   alert("Invalid Zipcode");
                   return false;
               }
                              
        }


  
}



function GetLineupModels(spnId) {
    var browser = document.getElementById("hdnBrowser").value;
    var url = document.getElementById("hdnUrl").value;

    var make = document.getElementById("Make").value;


    var http_request = false;
    if (window.XMLHttpRequest) {
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
            http_request.overrideMimeType('text/xml');
        }

    }
    else if (window.ActiveXObject) {
        // IE 
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e)
	            { }
        }
    }

    if (!http_request) {
    }


    var urls = url + "Ajax/Server.aspx?request=GetLineupModels&make=" + make;

    /*
    if (browser == "IE")
    http_request.open('POST', urls, false);
    else
    http_request.open('GET', urls, false);
    */
    http_request.open('GET', urls, true);

    http_request.onreadystatechange = function() {

        try {
            if (http_request.readyState == 4) {
                if (http_request.status == 200) {
                    var spn = document.getElementById(spnId);
                    if (http_request.responseText != "") 
                    {
                        var response = http_request.responseText;

                       
                        var ddlModel = document.getElementById('Model');
                        var modelsCount = 0;

                        if (ddlModel) {
                            modelsCount = ddlModel.length;
                        }



                        if (modelsCount > 0 && modelsCount >= 8) {

                            var beltHTMLStart = '<div id="mygallery" class="stepcarousel"><div style="width: 1320px; left: -360px;" class="belt">'
                            var beltHTMLEnd = '<!-- End belt --> </div><!-- End stepcarousel --></div>';
                            spn.innerHTML = beltHTMLStart + response + beltHTMLEnd;
                            SetUpBelt();
                        }
                        else if (modelsCount > 0 && modelsCount < 8) 
                        {
                            var imgRightNav = document.getElementById('imgRightNav');
                            var imgLeftNav = document.getElementById('imgLeftNav');
                            if (imgRightNav && imgLeftNav)
                             {
                                imgLeftNav.style.display = 'none';
                                imgRightNav.style.display = 'none';
                            }
                            spn.innerHTML = response;
                        }
                 

                    }
                    else 
                    {
                        var imgRightNav = document.getElementById('imgRightNav');
                        var imgLeftNav = document.getElementById('imgLeftNav');
                        if (imgRightNav && imgLeftNav)
                        {
                            imgLeftNav.style.display = 'none';
                            imgRightNav.style.display = 'none';
                            spn.innerHTML = "";
                        }
                    }

                }
            }
        }
        catch (e) { alert(e); }

    }
    http_request.send(null);


}



function GetExteriorInteriorPhotos(spnId) {
    var browser = document.getElementById("hdnBrowser").value;
    var url = document.getElementById("hdnUrl").value;

    var make = document.getElementById("Make").value;
    var model = document.getElementById("Model").value;

    var http_request = false;
    if (window.XMLHttpRequest) {
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
            http_request.overrideMimeType('text/xml');
        }

    }
    else if (window.ActiveXObject) {
        // IE 
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e)
	            { }
        }
    }

    if (!http_request) {
    }


    var urls = url + "Ajax/Server.aspx?request=GetExteriorInteriorPhotos&make=" + make + "&model=" + model;

    http_request.open('GET', urls, true);

    http_request.onreadystatechange = function() {

        try {
            if (http_request.readyState == 4) {
                if (http_request.status == 200) {
                    var spn = document.getElementById(spnId);
                    if (http_request.responseText != "") {
                        var response = http_request.responseText;

                        
                        var beltHTMLStart = '<div id="mygallery" class="stepcarousel"><div style="width: 1320px; left: -360px;" class="belt">'
                        var beltHTMLEnd = '<!-- End belt --> </div><!-- End stepcarousel --></div>';
                        spn.innerHTML = beltHTMLStart + response + beltHTMLEnd;
                        SetUpBelt();

                    }
                    else {
                        spn.innerHTML = "";
                        var imgRightNav = document.getElementById('imgRightNav');
                        var imgLeftNav = document.getElementById('imgLeftNav');
                        if (imgRightNav && imgLeftNav) {
                            imgLeftNav.style.display = 'none';
                            imgRightNav.style.display = 'none';
                        }
                    }

                }
            }
        }
        catch (e) {
            alert(e);
        }

    }
    http_request.send(null);


}




function SetUpBelt() {
    var url = document.getElementById("hdnUrl").value;
    stepcarousel.setupLineup(
                {
                    galleryid: 'mygallery', //id of carousel DIV
                    beltclass: 'belt',  //class of inner "belt" DIV containing all the panel DIVs
                    panelclass: 'thumbs-wrap',  //class of panel DIVs each holding content 
                    autostep: { enable: true, moveby: 1, pause: 2000 },
                    panelbehavior: { speed: 500, wraparound: true, persist: true },
                    defaultbuttons: { enable: true, moveby: 1,
                        leftnav: [url + 'images/slider-prev.gif', -38, 0],
                        rightnav: [url + 'images/slider-next.gif', -20, 0]
                    },
                    statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain  current panel(start), current panel(last), and total panels
                    contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
                });



}


function ShowOrHideLoader(LoaderImgID, blnShow, btnSubmitID) {
    var btnSubmit = document.getElementById(btnSubmitID);
    var imgLoader = document.getElementById(LoaderImgID);
    if (btnSubmit && imgLoader) {
        if (blnShow) {
            btnSubmit.style.display = 'none';
            showPopUp('dialog');
            //imgLoader.style.display = 'inline';
        }
        else {
            btnSubmit.style.display = 'inline';
            closePopUp('dialog');
            //imgLoader.style.display = 'none';
        }
    }
    return false;
}


function RedirectToStep2OnEnter(e, btnSubmitID, loaderImageID, txtZipCodeID) {
    if (!e) {
        if (window.event)
        { e = window.event; } else { return; }
    }
    if (typeof (e.which) == 'number') { e = e.which; } else { if (typeof (e.keyCode) == 'number') { e = e.keyCode; } else { if (typeof (e.charCode) == 'number') { e = e.charCode; } else { return; } } }
    if (e == 13) {
      
        if (!ValidationInProgress)
            return RedirectToStep2(btnSubmitID, loaderImageID, txtZipCodeID);
        else
            return false;
    }
}


function showPopUp(el) {
    var cvr = document.getElementById("cover")
    var dlg = document.getElementById(el)
    cvr.style.display = "block"
    dlg.style.display = "block"
    if (document.body.style.overflow = "hidden") {
        cvr.style.width = window.screen.width
        cvr.style.height = window.screen.height
    }
    //slideshow();
    document.getElementById("divheadingtext").innerHTML = "We are Searching local " + document.getElementById("Make").value + " dealers <br> who are ready to compete for your business";
}
function closePopUp(el) {
    var cvr = document.getElementById("cover")
    var dlg = document.getElementById(el)
    cvr.style.display = "none"
    dlg.style.display = "none"
    document.body.style.overflowY = "scroll"
}