$(document).ready(function () {

    $('#divVestiging').fadeIn(800);
    $('#divServices').fadeOut();
    $('#divVacatures').fadeOut();
    $('#divShopMap').fadeOut();
    $('#divshopReviews').fadeOut();


    $('#ShopMiddle').click(function () {
        // First remove the old classes

        // Add the new classes
        $('#ShopLeft').attr("class", "ShopMenuItemSelectedRight");
        $('#ShopMiddle').attr("class", "ShopMenuItemSelectedMiddle");
        $('#ShopRight').attr("class", "ShopMenuItemSelectedLeft");

        $('#ServicesLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#ServicesCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#ServicesRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#VacaturesLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#VacaturesCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#VacaturesRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#MapLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#MapCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#MapRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#RevLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#RevCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#RevRight').attr("class", "ShopMenuItemNotSelectedRight");

        // Display the selected div
        $('#divVestiging').fadeIn(800);
        $('#divServices').fadeOut();
        $('#divVacatures').fadeOut();
        $('#divShopMap').fadeOut();
        $('#divshopReviews').fadeOut();

    });

    $('#ServicesCenter').click(function () {
        $('#ShopLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#ShopMiddle').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#ShopRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#ServicesLeft').attr("class", "ShopMenuItemSelectedRight");
        $('#ServicesCenter').attr("class", "ShopMenuItemSelectedMiddle");
        $('#ServicesRight').attr("class", "ShopMenuItemSelectedLeft");

        $('#VacaturesLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#VacaturesCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#VacaturesRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#MapLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#MapCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#MapRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#RevLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#RevCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#RevRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#divVestiging').fadeOut();
        $('#divServices').fadeIn(800);
        $('#divVacatures').fadeOut();
        $('#divShopMap').fadeOut();
        $('#divshopReviews').fadeOut();

    });

    $('#VacaturesCenter').click(function () {
        $('#ShopLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#ShopMiddle').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#ShopRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#ServicesLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#ServicesCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#ServicesRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#VacaturesLeft').attr("class", "ShopMenuItemSelectedRight");
        $('#VacaturesCenter').attr("class", "ShopMenuItemSelectedMiddle");
        $('#VacaturesRight').attr("class", "ShopMenuItemSelectedLeft");

        $('#MapLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#MapCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#MapRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#RevLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#RevCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#RevRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#divVestiging').fadeOut();
        $('#divServices').fadeOut();
        $('#divVacatures').fadeIn(800);
        $('#divShopMap').fadeOut();
        $('#divshopReviews').fadeOut();
    });

    $('#MapCenter').click(function () {

        $('#ShopLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#ShopMiddle').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#ShopRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#ServicesLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#ServicesCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#ServicesRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#VacaturesLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#VacaturesCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#VacaturesRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#MapLeft').attr("class", "ShopMenuItemSelectedRight");
        $('#MapCenter').attr("class", "ShopMenuItemSelectedMiddle");
        $('#MapRight').attr("class", "ShopMenuItemSelectedLeft");

        $('#RevLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#RevCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#RevRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#divVestiging').fadeOut();
        $('#divServices').fadeOut();
        $('#divShopMap').fadeIn(800);
        $('#divVacatures').fadeOut();
        $('#divshopReviews').fadeOut();
    });


    $('#RevCenter').click(function () {

        $('#ShopLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#ShopMiddle').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#ShopRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#ServicesLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#ServicesCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#ServicesRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#VacaturesLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#VacaturesCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#VacaturesRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#MapLeft').attr("class", "ShopMenuItemNotSelectedLeft");
        $('#MapCenter').attr("class", "ShopMenuItemNotSelectedCenter");
        $('#MapRight').attr("class", "ShopMenuItemNotSelectedRight");

        $('#RevLeft').attr("class", "ShopMenuItemSelectedRight");
        $('#RevCenter').attr("class", "ShopMenuItemSelectedMiddle");
        $('#RevRight').attr("class", "ShopMenuItemSelectedLeft");

        $('#divVestiging').fadeOut();
        $('#divServices').fadeOut();
        $('#divShopMap').fadeOut();
        $('#divVacatures').fadeOut();
        $('#divshopReviews').fadeIn(800);
    });



});
function SearchCityFromPostcode(val) {
    if (val == 0) {
        var postcode = $("[id$='_txtPostCode']").val();
        if (postcode.length == 6) {
            $.getJSON(_siteRoot + "Ajax/AjaxPostalCode.aspx?&postalCode=" + postcode, function (data) {
                $("[id$='_txtplaats']").val(data.cityName);
                $("[id$='_txtAdress']").val(data.streetName);
            });
        } else {

            $("[id$='_txtPostCode']").focus();
        }
    } else

        if (val == 1) {

            var postcode = $("[id$='_txtPostCode1']").val();
            if (postcode.length == 6) {
                $.getJSON(_siteRoot + "Ajax/AjaxPostalCode.aspx?&postalCode=" + postcode, function (data) {
                    $("[id$='_txtplaats1']").val(data.cityName);
                    $("[id$='_txtAdress1']").val(data.streetName);
                });
            } else {

                $("[id$='_txtPostCode1']").focus();
            }

        } else {

            var postcode = $("[id$='_txtPostCode2']").val();
            if (postcode.length == 6) {
                $.getJSON(_siteRoot + "Ajax/AjaxPostalCode.aspx?&postalCode=" + postcode, function (data) {
                    $("[id$='_txtplaats2']").val(data.cityName);
                    $("[id$='_txtAdress2']").val(data.streetName);
                });
            } else {

                $("[id$='_txtPostCode2']").focus();
            }

        }
}

var vacatures = 1;
var review = 1;
function NotLoadShopReviews() {
    review = 0;
    $('#RevLeft').css('display', 'none');
    $('#RevCenter').css('display', 'none');
    $('#RevRight').css('display', 'none');

    CheckSize();
}

function NotLoadVacatures() {
    vacatures = 0;
    $('#VacaturesLeft').css('display', 'none');
    $('#VacaturesCenter').css('display', 'none');
    $('#VacaturesRight').css('display', 'none');
    CheckSize();
}
function CheckSize() {
    if (review == 0) {

        if (vacatures == 0) {
            $('#rightMenuSpliter').css('width', '185px');

        } else {

            $('#rightMenuSpliter').css('width', '95px');
        }
    } else if (vacatures == 1) {
        $('#rightMenuSpliter').css('width', '25px');
    } else {
        $('#rightMenuSpliter').css('width', '95px');
    }

}