﻿function ShowFolderLinks(divID) {
    document.getElementById(divID).style.display = "";
    document.getElementById("x" + divID).innerHTML = '<a href="javascript:CloseFolderLinks(\'' + divID + '\');"><img src="../_guest/img/css/ofolder.gif" /></a>';
}
function CloseFolderLinks(divID) {    
    document.getElementById(divID).style.display = "none";
    document.getElementById("x" + divID).innerHTML = '<a href="javascript:ShowFolderLinks(\'' + divID + '\');"><img src="../_guest/img/css/cfolder.gif" /></a>';
}

function BrandActiveImages(brand) {
    document.getElementById('img_' + brand).src = 'http://www.motorplus.net/_guest/img/vehicle-brands/logo-80/' + brand + '.jpg';
}
function BrandPassiveImages(brand) {
    document.getElementById('img_' + brand).src = 'http://www.motorplus.net/_guest/img/vehicle-brands/logo-80/' + brand + '.gif';
}
function showSubMenu(submenu) {
    document.getElementById(submenu).style.display = "";
}
function closeSubMenu(submenu) {
    document.getElementById(submenu).style.display = "none";
}

function ShiftImageActive(slug) {
    document.getElementById('img_' + slug).src = 'http://www.motorplus.net/_guest/img/icon/' + slug + '_hover.gif';
}
function ShiftImagePassive(slug) {
    document.getElementById('img_' + slug).src = 'http://www.motorplus.net/_guest/img/icon/' + slug + '.gif';
}

// AJAX... + jQuery
function ddlMakeChangedjQuery() {

    $("#ctl05_ctl00_pnlOtherModel").css({ display: "none" });

    var ddlMakeID = $('#ctl05_ctl00_ddlMake').val();

    if (ddlMakeID == "0") {
        $("#ctl05_ctl00_pnlModel").css({ display: "none" });
    }
    else {
        $("#ctl05_ctl00_pnlModel").css({ display: "" });
        removeModels(); // jq yapılacak
        jQueryAjaxXml('http://www.motorplus.net/Ajax/make.aspx?id=' + ddlMakeID, 1);
    }
}

function ddlModelChangedjQuery() {

    var ddlModelID = $('#ctl05_ctl00_ddlModel').val();

    // Set Hidden Field
    $('#ctl05_ctl00_hdnModel').val(ddlModelID);

    if (ddlModelID == "0") {
        $("#ctl05_ctl00_pnlOtherModel").css({ display: "" });
    }
    else {
        $("#ctl05_ctl00_pnlOtherModel").css({ display: "none" });
    }
}

function ddlRegionChangedjQuery() {

    $("#ctl05_ctl00_pnlOtherCountry").css({ display: "none" });

    var ddlRegionID = $('#ctl05_ctl00_ddlRegion').val();
    if (ddlRegionID == "0") {
        $("#ctl05_ctl00_pnlCountry").css({ display: "none" });
    }
    else {
        $("#ctl05_ctl00_pnlCountry").css({ display: "" });
        removeCountries(); // jq yapılacak...
        jQueryAjaxXml('http://www.motorplus.net/Ajax/region.aspx?id=' +ddlRegionID, 2);
    }
}

function ddlCountryChangedjQuery() {

    var ddlCountryID = $("#ctl05_ctl00_ddlCountry").val();

    // Set Hidden Field
    $('#ctl05_ctl00_hdnCountry').val(ddlCountryID);

    if (ddlCountryID == "0") {
        // Other Country -> visible true
        $("#ctl05_ctl00_pnlOtherCountry").css({ display: "" });
    }
    else {
        $("#ctl05_ctl00_pnlOtherCountry").css({ display: "none" });
    }
}

function jQueryAjaxXml(x_url, code) {
    $.ajax({
        type: "POST",
        url: x_url,
        async: 'true',
        dataType: 'xml'
    })
        .success(function (xml) {
            if (code == 1) {
                addModels(xml);
            }
            else if (code == 2) {
                addCountries(xml);
            }
        })
        .error(function () {
            alert("ajax error");
        })
        .complete(function () {
            // alert("ajax complete");
        });
    ;
}

function removeModels() {
    var ddlModel = $('#ctl05_ctl00_ddlModel');
    ddlModel.empty();
}

function addModels(xmlDoc) {

    mList = xmlDoc.getElementsByTagName("model");

    for (var i = 0; i < mList.length; i++) {
        $('#ctl05_ctl00_ddlModel').append('<option value="' + mList[i].childNodes[0].childNodes[0].nodeValue + '">' + mList[i].childNodes[1].childNodes[0].nodeValue + '</option>');
    }

    // Just Other Model Listed!
    if (mList.length == 1) {
        // Other Model -> visible true
        $("#ctl05_ctl00_pnlOtherModel").css({ display: "" });
    }
    else {
        $("#ctl05_ctl00_pnlOtherModel").css({ display: "none" });
    }
    // Set Hidden Field
    $('#ctl05_ctl00_hdnModel').val(mList[0].childNodes[1].childNodes[0].nodeValue);
}

function removeCountries() {
    var ddlCountry = $('#ctl05_ctl00_ddlCountry');
    ddlCountry.empty();
}

function addCountries(xmlDoc) {
    cList = xmlDoc.getElementsByTagName("country");

    for (var i = 0; i < cList.length; i++) {

        $('#ctl05_ctl00_ddlCountry').append('<option value="' + cList[i].childNodes[0].childNodes[0].nodeValue + '">' + cList[i].childNodes[1].childNodes[0].nodeValue + '</option>');
    }
    // Set Hidden Field
    $('#ctl05_ctl00_hdnCountry').val(cList[0].childNodes[1].childNodes[0].nodeValue);
}

// jQuery
$(document).ready(function () {
    
    // for the list of Exceptional Offer
    eOfferManager("eOffer", "eOfferLi", "eOfferLiActive", "eOfferList");
});

function eOfferManager(divPrefix, LiPrefix, LiActiveClass, clickDiv) {

    var eOfferCloseNo = 0;
    var eOfferOpenNo = 1;
    var eOfferLength = $("#"+ clickDiv +" ul li").length - 1;

    // Set White Background for Li Numbers
    $("#" + LiPrefix + eOfferCloseNo).addClass(LiActiveClass);

    animateOfferClose(divPrefix, LiPrefix, LiActiveClass, eOfferCloseNo, eOfferOpenNo, eOfferLength, 3000);

    // Add click to the List
    eOfferLiAddClikEvent(divPrefix, LiPrefix, clickDiv, LiActiveClass, eOfferLength);    
}

function eOfferLiAddClikEvent(divPrefix, LiPrefix, clickDiv, LiActiveClass, eOfferLength) {

    $("#" + clickDiv + " ul li").each(

        function (intIndex) {
            $(this).bind(
                "click",
                function () {

                    // Stop all animation and clear animation css
                    for (var i = 0; i <= eOfferLength; i++) {
                        $("#" + divPrefix + i)
                            .stop(true, false)
                            .css({ display: "none" })
                        $("#" + LiPrefix + i).removeClass(LiActiveClass);
                    }

                    var eOfferCloseNo = 0;
                    var eOfferOpenNo = intIndex;

                    animateOfferClose(divPrefix, LiPrefix, LiActiveClass, eOfferCloseNo, eOfferOpenNo, eOfferLength, 100);
                }
            );
        }
    );
};


function animateOfferClose(divPrefix, LiPrefix, LiActiveClass, closeNo, openNo, length, speed) {

    $("#" + divPrefix + closeNo)
    .animate({
        opacity: 0.0
    }, speed, function () {

        $("#" + divPrefix + closeNo).css({ display: "none" })

        $("#" + LiPrefix + closeNo).removeClass(LiActiveClass);

        $("#" + LiPrefix + openNo).addClass(LiActiveClass);

        animateOfferOpen(divPrefix, LiPrefix, LiActiveClass, closeNo, openNo, length, speed + 1000);

    });  // animate
};

function animateOfferOpen(divPrefix, LiPrefix, LiActiveClass, closeNo, openNo, length, speed) {

    $("#" + divPrefix + openNo)
    .css({ display: "block", opacity: "0.0" })
    .animate({
        opacity: 1.0
    }, speed, function () {

        // Change close and open No's...
        closeNo = openNo;
        if (openNo + 1 <= length) {
            openNo++;
        }
        else {
            openNo = 0;
        }

        // Max speed is 3000
        if (speed > 3000) {
            speed = 1000;
        }

        animateOfferClose(divPrefix, LiPrefix, LiActiveClass, closeNo, openNo, length, speed + 1000);

    });    // animate
};





