﻿$tabShopTime = null;
$tabShop = null;
$tabNews = null;
$dialogShop = null;

$(document).ready(function () {
    // Actions on RightSide Top
    $('#li1').click(function () {
        $('#OnlinePlanning').css("display", "block");
        $('#Kosten').css("display", "none");
        $('#li2').addClass("JamesBlue2");
        $('#li1').addClass("JamesBlue1");
        $('#li1').removeClass("JamesBlue2");
        return false;
    });

    $('#NewsTab').removeClass("ui-corner-all");
    $('#NewsTab').removeClass("ui-widget-content");

    $('#TJamesNews').click(function () {
        //$tabNews = $tabNews.tabs('select', 0);

        $('#JamesNews').customFadeIn(800);
        $('#AutoNews').css("display", "none");
        $('#NewsBreif').css("display", "none");
        $('#Rss').css("display", "none");
        $('#Tweeter').css("display", "none");

        $('#Div00').attr("class", "noHoverLeft");
        $('#Div01').attr("class", "noHoverMiddle");
        $('#Div02').attr("class", "noHoverRight");

        $('#Div1').attr("class", "HoverLeft");
        $('#Div2').attr("class", "HoverMiddle");
        $('#Div3').attr("class", "HoverRight");

        $('#Div4').attr("class", "HoverLeft");
        $('#Div5').attr("class", "HoverMiddle");
        $('#Div6').attr("class", "HoverRight");

        $('#Div7').attr("class", "HoverLeft");
        $('#Div8').attr("class", "HoverMiddle");
        $('#Div9').attr("class", "HoverRight");

        $('#Div10').attr("class", "HoverLeft");
        $('#Div11').attr("class", "HoverMiddle");
        $('#Div12').attr("class", "HoverRight");

        return false;
    });

    $('#TAutoNews').click(function () {
        //$tabNews = $tabNews.tabs('select', 1);

        $('#JamesNews').css("display", "none");
        $('#AutoNews').customFadeIn(800);
        $('#NewsBreif').css("display", "none");
        $('#Rss').css("display", "none");
        $('#Tweeter').css("display", "none");

        $('#Div00').attr("class", "HoverLeft");
        $('#Div01').attr("class", "HoverMiddle");
        $('#Div02').attr("class", "HoverRight");

        $('#Div1').attr("class", "noHoverLeft");
        $('#Div2').attr("class", "noHoverMiddle");
        $('#Div3').attr("class", "noHoverRight");

        $('#Div4').attr("class", "HoverLeft");
        $('#Div5').attr("class", "HoverMiddle");
        $('#Div6').attr("class", "HoverRight");

        $('#Div7').attr("class", "HoverLeft");
        $('#Div8').attr("class", "HoverMiddle");
        $('#Div9').attr("class", "HoverRight");

        $('#Div10').attr("class", "HoverLeft");
        $('#Div11').attr("class", "HoverMiddle");
        $('#Div12').attr("class", "HoverRight");

        return false;
    });

    $('#TNewsBreif').click(function () {
        //$tabNews = $tabNews.tabs('select', 2);

        $('#JamesNews').css("display", "none");
        $('#AutoNews').css("display", "none");
        $('#NewsBreif').customFadeIn(800);
        $('#Rss').css("display", "none");
        $('#Tweeter').css("display", "none");

        $('#Div00').attr("class", "HoverLeft");
        $('#Div01').attr("class", "HoverMiddle");
        $('#Div02').attr("class", "HoverRight");

        $('#Div1').attr("class", "HoverLeft");
        $('#Div2').attr("class", "HoverMiddle");
        $('#Div3').attr("class", "HoverRight");

        $('#Div4').attr("class", "noHoverLeft");
        $('#Div5').attr("class", "noHoverMiddle");
        $('#Div6').attr("class", "noHoverRight");

        $('#Div7').attr("class", "HoverLeft");
        $('#Div8').attr("class", "HoverMiddle");
        $('#Div9').attr("class", "HoverRight");

        $('#Div10').attr("class", "HoverLeft");
        $('#Div11').attr("class", "HoverMiddle");
        $('#Div12').attr("class", "HoverRight");

        return false;
    });

    $('#TRss').click(function () {
        //$tabNews = $tabNews.tabs('select', 3);

        $('#JamesNews').css("display", "none");
        $('#AutoNews').css("display", "none");
        $('#NewsBreif').css("display", "none");
        $('#Rss').customFadeIn(800);
        $('#Tweeter').css("display", "none");

        $('#Div00').attr("class", "HoverLeft");
        $('#Div01').attr("class", "HoverMiddle");
        $('#Div02').attr("class", "HoverRight");

        $('#Div1').attr("class", "HoverLeft");
        $('#Div2').attr("class", "HoverMiddle");
        $('#Div3').attr("class", "HoverRight");

        $('#Div4').attr("class", "HoverLeft");
        $('#Div5').attr("class", "HoverMiddle");
        $('#Div6').attr("class", "HoverRight");

        $('#Div7').attr("class", "noHoverLeft");
        $('#Div8').attr("class", "noHoverMiddle");
        $('#Div9').attr("class", "noHoverRight");

        $('#TOCL').attr("class", "HoverLeft");
        $('#TOCM').attr("class", "HoverMiddle");
        $('#TOCR').attr("class", "HoverRight");

        return false;
    });

    $('#TTweeter').click(function () {

        //window.open('http://twitter.com/jamesautoservic');

        //$tabNews = $tabNews.tabs('select', 4);

        $('#JamesNews').css("display", "none");
        $('#AutoNews').css("display", "none");
        $('#NewsBreif').css("display", "none");
        $('#Rss').css("display", "none");
        $('#Tweeter').customFadeIn(800);

        $('#Div00').attr("class", "HoverLeft");
        $('#Div01').attr("class", "HoverMiddle");
        $('#Div02').attr("class", "HoverRight");

        $('#Div1').attr("class", "HoverLeft");
        $('#Div2').attr("class", "HoverMiddle");
        $('#Div3').attr("class", "HoverRight");

        $('#Div4').attr("class", "HoverLeft");
        $('#Div5').attr("class", "HoverMiddle");
        $('#Div6').attr("class", "HoverRight");

        $('#Div7').attr("class", "HoverLeft");
        $('#Div8').attr("class", "HoverMiddle");
        $('#Div9').attr("class", "HoverRight");

        $('#Div10').attr("class", "noHoverLeft");
        $('#Div11').attr("class", "noHoverMiddle");
        $('#Div12').attr("class", "noHoverRight");

        return false;
    });

    // Tab on shop page
    //    $tabShop = $('#ShopTabs').tabs({
    //        selected: 0,
    //        fx: {
    //            opacity: 'toggle',
    //            duration: 'fast'
    //        }
    //    });

    $('#TContact').click(function () {
        //$tabShop.tabs('select', 0);
        $('#Contact').customFadeIn(800);
        $('#Overons').css("display", "none");
        $('#Services').css("display", "none");
        $('#Diensten').css("display", "none");
        $('#Vactures').css("display", "none");
        $('#Occassions').css("display", "none");

        $('#TCL').attr("class", "noHoverLeft");
        $('#TCM').attr("class", "noHoverMiddle");
        $('#TCR').attr("class", "noHoverRight");

        $('#TOL').attr("class", "HoverLeft");
        $('#TOM').attr("class", "HoverMiddle");
        $('#TOR').attr("class", "HoverRight");

        $('#TSL').attr("class", "HoverLeft");
        $('#TSM').attr("class", "HoverMiddle");
        $('#TSR').attr("class", "HoverRight");

        $('#TDL').attr("class", "HoverLeft");
        $('#TDM').attr("class", "HoverMiddle");
        $('#TDR').attr("class", "HoverRight");

        $('#TOCL').attr("class", "HoverLeft");
        $('#TOCM').attr("class", "HoverMiddle");
        $('#TOCR').attr("class", "HoverRight");

        $('#TVL').attr("class", "HoverLeft");
        $('#TVM').attr("class", "HoverMiddle");
        $('#TVR').attr("class", "HoverRight");

        if (ShowOcc.Occ == true) {
            $("[id$='_trAction']").css("display", "block");
            $("[id$='_trAutooz']").css("display", "none");
            $("[id$='_trAutoozCar']").css("display", "block");

            $("[id$='_trAction']").css("position", "static");
            $("[id$='_trAutoozCar']").css("position", "static");
        }
        else {
            $("[id$='_trAction']").css("display", "block");
            $("[id$='_trAutooz']").css("display", "block");
            $("[id$='_trAutoozCar']").css("display", "none");
        }

        //        $("[id$='_trAction']").css("display", "block");
        //        $("[id$='_trAutoozCar']").css("display", "block");

        //        $("[id$='_trAction']").css("position", "static");
        //        $("[id$='_trAutoozCar']").css("position", "static");

        return false;
    });

    $('#TOverons').click(function () {
        //$tabShop.tabs('select', 1);
        $('#Contact').css("display", "none");
        $('#Overons').customFadeIn(800);
        $('#Services').css("display", "none");
        $('#Diensten').css("display", "none");
        $('#Occassions').css("display", "none");
        $('#Vactures').css("display", "none");

        $('#TCL').attr("class", "HoverLeft");
        $('#TCM').attr("class", "HoverMiddle");
        $('#TCR').attr("class", "HoverRight");

        $('#TOL').attr("class", "noHoverLeft");
        $('#TOM').attr("class", "noHoverMiddle");
        $('#TOR').attr("class", "noHoverRight");

        $('#TSL').attr("class", "HoverLeft");
        $('#TSM').attr("class", "HoverMiddle");
        $('#TSR').attr("class", "HoverRight");

        $('#TDL').attr("class", "HoverLeft");
        $('#TDM').attr("class", "HoverMiddle");
        $('#TDR').attr("class", "HoverRight");

        $('#TOCL').attr("class", "HoverLeft");
        $('#TOCM').attr("class", "HoverMiddle");
        $('#TOCR').attr("class", "HoverRight");

        $('#TVL').attr("class", "HoverLeft");
        $('#TVM').attr("class", "HoverMiddle");
        $('#TVR').attr("class", "HoverRight");

        if (ShowOcc.Occ == true) {
            $("[id$='_trAction']").css("display", "block");
            $("[id$='_trAutooz']").css("display", "none");
            $("[id$='_trAutoozCar']").css("display", "block");

            $("[id$='_trAction']").css("position", "static");
            $("[id$='_trAutoozCar']").css("position", "static");

        }
        else {
            $("[id$='_trAction']").css("display", "block");
            $("[id$='_trAutooz']").css("display", "block");
            $("[id$='_trAutoozCar']").css("display", "none");
        }

        //        $("[id$='_trAction']").css("display", "block");
        //        $("[id$='_trAutoozCar']").css("display", "block");


        return false;
    });

    $('#TServices').click(function () {
        //$tabShop.tabs('select', 2);

        $('#Contact').css("display", "none");
        $('#Overons').css("display", "none");
        $('#Services').customFadeIn(800);
        $('#Diensten').css("display", "none");
        $('#Occassions').css("display", "none");
        $('#Vactures').css("display", "none");

        $('#TCL').attr("class", "HoverLeft");
        $('#TCM').attr("class", "HoverMiddle");
        $('#TCR').attr("class", "HoverRight");

        $('#TOL').attr("class", "HoverLeft");
        $('#TOM').attr("class", "HoverMiddle");
        $('#TOR').attr("class", "HoverRight");

        $('#TSL').attr("class", "noHoverLeft");
        $('#TSM').attr("class", "noHoverMiddle");
        $('#TSR').attr("class", "noHoverRight");

        $('#TDL').attr("class", "HoverLeft");
        $('#TDM').attr("class", "HoverMiddle");
        $('#TDR').attr("class", "HoverRight");

        $('#TOCL').attr("class", "HoverLeft");
        $('#TOCM').attr("class", "HoverMiddle");
        $('#TOCR').attr("class", "HoverRight");

        $('#TVL').attr("class", "HoverLeft");
        $('#TVM').attr("class", "HoverMiddle");
        $('#TVR').attr("class", "HoverRight");

        if (ShowOcc.Occ == true) {
            $("[id$='_trAction']").css("display", "block");
            $("[id$='_trAutooz']").css("display", "none");
            $("[id$='_trAutoozCar']").css("display", "block");

            $("[id$='_trAction']").css("position", "static");
            $("[id$='_trAutoozCar']").css("position", "static");
        }
        else {
            $("[id$='_trAction']").css("display", "block");
            $("[id$='_trAutooz']").css("display", "block");
            $("[id$='_trAutoozCar']").css("display", "none");
        }

        //        $("[id$='_trAction']").css("display", "block");
        //        $("[id$='_trAutoozCar']").css("display", "block");

        //        $("[id$='_trAction']").css("position", "static");
        //        $("[id$='_trAutoozCar']").css("position", "static");

        return false;
    });

    $('#TDiensten').click(function () {
        //$tabShop.tabs('select', 3);

        $('#Contact').css("display", "none");
        $('#Overons').css("display", "none");
        $('#Services').css("display", "none");
        $('#Diensten').customFadeIn(800);
        $('#Occassions').css("display", "none");
        $('#Vactures').css("display", "none");

        $('#TCL').attr("class", "HoverLeft");
        $('#TCM').attr("class", "HoverMiddle");
        $('#TCR').attr("class", "HoverRight");

        $('#TOL').attr("class", "HoverLeft");
        $('#TOM').attr("class", "HoverMiddle");
        $('#TOR').attr("class", "HoverRight");

        $('#TSL').attr("class", "HoverLeft");
        $('#TSM').attr("class", "HoverMiddle");
        $('#TSR').attr("class", "HoverRight");

        $('#TDL').attr("class", "noHoverLeft");
        $('#TDM').attr("class", "noHoverMiddle");
        $('#TDR').attr("class", "noHoverRight");

        $('#TOCL').attr("class", "HoverLeft");
        $('#TOCM').attr("class", "HoverMiddle");
        $('#TOCR').attr("class", "HoverRight");

        $('#TVL').attr("class", "HoverLeft");
        $('#TVM').attr("class", "HoverMiddle");
        $('#TVR').attr("class", "HoverRight");

        if (ShowOcc.Occ == true) {
            $("[id$='_trAction']").css("display", "block");
            $("[id$='_trAutooz']").css("display", "none");
            $("[id$='_trAutoozCar']").css("display", "block");

            $("[id$='_trAction']").css("position", "static");
            $("[id$='_trAutoozCar']").css("position", "static");
        }
        else {
            $("[id$='_trAction']").css("display", "block");
            $("[id$='_trAutooz']").css("display", "block");
            $("[id$='_trAutoozCar']").css("display", "none");
        }

        //        $("[id$='_trAction']").css("display", "block");
        //        $("[id$='_trAutoozCar']").css("display", "block");

        return false;
    });

    $('#TOccassions').click(function () {
        //$tabShop.tabs('select', 4);

        $('#Contact').css("display", "none");
        $('#Overons').css("display", "none");
        $('#Services').css("display", "none");
        $('#Diensten').css("display", "none");
        $('#Vactures').css("display", "none");
        $('#Occassions').customFadeIn(800);

        $('#TCL').attr("class", "HoverLeft");
        $('#TCM').attr("class", "HoverMiddle");
        $('#TCR').attr("class", "HoverRight");

        $('#TOL').attr("class", "HoverLeft");
        $('#TOM').attr("class", "HoverMiddle");
        $('#TOR').attr("class", "HoverRight");

        $('#TSL').attr("class", "HoverLeft");
        $('#TSM').attr("class", "HoverMiddle");
        $('#TSR').attr("class", "HoverRight");

        $('#TDL').attr("class", "HoverLeft");
        $('#TDM').attr("class", "HoverMiddle");
        $('#TDR').attr("class", "HoverRight");

        $('#TOCL').attr("class", "noHoverLeft");
        $('#TOCM').attr("class", "noHoverMiddle");
        $('#TOCR').attr("class", "noHoverRight");

        $('#TVL').attr("class", "HoverLeft");
        $('#TVM').attr("class", "HoverMiddle");
        $('#TVR').attr("class", "HoverRight");

        if (ShowOcc.Occ == true) {
            $("[id$='_trAction']").css("display", "none");
            $("[id$='_trAutooz']").css("display", "none");
            $("[id$='_trAutoozCar']").css("display", "none");

            $("[id$='_trAction']").css("position", "absolute");
            $("[id$='_trAutooz']").css("position", "absolute");
        }
        else {
            $("[id$='_trAction']").css("display", "block");
            $("[id$='_trAutooz']").css("display", "block");
            $("[id$='_trAutoozCar']").css("display", "block");

            $("[id$='_trAction']").css("position", "static");
            $("[id$='_trAutoozCar']").css("position", "static");
        }

        return false;
    });

    $('#TVacatures').click(function () {
        $('#Contact').css("display", "none");
        $('#Overons').css("display", "none");
        $('#Services').css("display", "none");
        $('#Diensten').css("display", "none");
        $('#Occassions').css("display", "none");
        $('#Vactures').customFadeIn(800);

        $('#TCL').attr("class", "HoverLeft");
        $('#TCM').attr("class", "HoverMiddle");
        $('#TCR').attr("class", "HoverRight");

        $('#TOL').attr("class", "HoverLeft");
        $('#TOM').attr("class", "HoverMiddle");
        $('#TOR').attr("class", "HoverRight");

        $('#TSL').attr("class", "HoverLeft");
        $('#TSM').attr("class", "HoverMiddle");
        $('#TSR').attr("class", "HoverRight");

        $('#TDL').attr("class", "HoverLeft");
        $('#TDM').attr("class", "HoverMiddle");
        $('#TDR').attr("class", "HoverRight");

        $('#TOCL').attr("class", "HoverLeft");
        $('#TOCM').attr("class", "HoverMiddle");
        $('#TOCR').attr("class", "HoverRight");

        $('#TVL').attr("class", "noHoverLeft");
        $('#TVM').attr("class", "noHoverMiddle");
        $('#TVR').attr("class", "noHoverRight");

        if (ShowOcc.Occ == true) {
            $("[id$='_trAction']").css("display", "none");
            $("[id$='_trAutooz']").css("display", "none");
            $("[id$='_trAutoozCar']").css("display", "none");

            $("[id$='_trAction']").css("position", "absolute");
            $("[id$='_trAutooz']").css("position", "absolute");
        }
        else {
            $("[id$='_trAction']").css("display", "block");
            $("[id$='_trAutooz']").css("display", "block");
            $("[id$='_trAutoozCar']").css("display", "block");

            $("[id$='_trAction']").css("position", "static");
            $("[id$='_trAutoozCar']").css("position", "static");
        }

        return false;

    });

    $('#ShopTabs').removeClass("ui-corner-all");
    $('#ShopTabs').removeClass("ui-widget-content");

    // Tab on shop page shop timetable
    //    $tabShopTime = $('#TabHours').tabs({
    //        selected: 0,
    //        fx: {
    //            opacity: 'toggle',
    //            duration: 'fast'
    //        }
    //    });

    $('#TabHours').removeClass("ui-corner-all");
    $('#TabHours').removeClass("ui-widget-content");

    $('#liHour1').click(function () {
        $('#showroom').customFadeIn(800);
        $('#werkplaats').css("display", "none");
        //$('#werkplaats').fadeOut(1000);
        $('#liHour2').addClass("tabRightSelected");
        $('#liHour1').removeClass("tabLeftSelected");
        return false;
    });

    $('#liHour2').click(function () {
        //$('#showroom').fadeOut(1000);
        $('#werkplaats').customFadeIn(800);
        $('#showroom').css("display", "none");
        //$('#werkplaats').css("display", "block");
        $('#liHour1').addClass("tabLeftSelected");
        $('#liHour2').removeClass("tabRightSelected");
        return false;
    });

    // Watermarks
    $('#txtSeach').Watermark('Zoeken op trefwoord');
    $('#txtPostcode').Watermark('Postcode');
    $("[id$='_txtPriceMin']").Watermark('van');
    $("[id$='_txtPriceMax']").Watermark('tot');
    $("[id$='_tbComments']").Watermark('bijv. “Fantastische service, ...” of “Nooit meer, want ...”');

    // Rotating News
    $('.jcarousel-skin-tango').jcarousel({
        vertical: true,
        auto: 4,
        scroll: 2,
        wrap: 'last'
    });

    // Slideshow
    $('#slideshow').cycle({
        fx: 'fade',
        speed: 'slow',
        timeout: 5000,
        pager: '#nav'
    });

    // View all shops
    $("#shopListTable #shopServices").each(function () {
        $(this).tooltip({ effect: 'slide', position: 'top center' });
    });

    $("#shopListTable #shopTimetable").each(function () {
        $(this).tooltip({ effect: 'slide', position: 'top center' });
    });

    $dialogShop = $('#divShopDialog').dialog({
        height: 150,
        width: 440,
        modal: true,
        autoOpen: false,
        title: 'Postcode',
        hide: 'scale'
    });

    $('#Route').click(function () {
        $dialogShop.dialog('open');
    });

    // Overlas for images

    $("img[rel]").overlay();

    // End overlay for images

    // Uw auto

    // Facebook and Tweeter
    $('#connect_widget_text').css("display", "none");
    $('#screen-name').css("display", "none");
    $('#connect_widget_vertical_center').css("display", "none");

});

/*Added in order to show car of the week;called in ShopAutoozcar.ascx.cs 
Sergiu 
*/

function ShowCarOfTheWeek(shopId) {

    /* Initial display 
    Sergiu
    */

    $("[id$='_trAutooz']").css("display", "block");
    $("[id$='_trAutoozCar']").css("display", "none");

    /* Get the labels from the control
    Sergiu 
    */

    var lblCarName = $("[id$='_lblCarName']");
    var lblMerk = $("[id$='_lblMerk']");
    var lblModel = $("[id$='_lblModel']");
    var lblPrice = $("[id$='_lblPrice']");
    var imgCar = $("[id$='_imgCar']");

    $.getJSON("Ajax/AutoozWebService.aspx?mode=getfeaturedcar&shopID=" + shopId, function (Json) {
        if (Json != null) {

            $("[id$='_trAutoozCar']").css("display", "block");
            $("[id$='_trAutooz']").css("display", "none");

            if (Json.carName != "") {
                lblCarName.text(Json.carName);
            }
            if (Json.carMerk != "") {
                lblMerk.text(Json.carMerk);
            }
            if (Json.carModel != "") {
                lblModel.text(Json.carModel);
            }
            if (Json.carPrice != "") {
                lblPrice.text(" € " + Json.carPrice);
            }
            if (Json.carImageAlt != "") {
                imgCar.attr('alt', "'" + Json.carImageAlt + "'");
            }
            if (Json.carImageUrl != "") {

                imgCar.attr('src', Json.carImageUrl);
            }
            if (Json.carNameOnclick != "") {
                lblCarName.attr('onclick', "window.open('" + Json.carNameOnclick + "');");
                imgCar.attr('onclick', "window.open('" + Json.carNameOnclick + "');");
            }

        }
        else {
            $("[id$='_trAutooz']").css("display", "block");
            $("[id$='_trAutoozCar']").css("display", "none");
        }

    });
}

function AutoozExistsCar(shopId) {

    $.getJSON("Ajax/AutoozWebService.aspx?mode=iscarexists&shopID=" + shopId, function (Json) {
        if (Json != null) {

            if (Json.carExists != undefined) {
                if (Json.carExists) {
                    ShowOcc();
                    LoadAutoozIFrame(shopId);
                }
                else {
                    HideOcc();
                }
            }
        }

    });
}


function HideOcc() {
    $('#TOccassions').css("display", "none");
}

function ShowOcc() {
    $('#TOccassions').css("display", "block");
    ShowOcc.Occ = true;
}

function LoadAutoozIFrame(shopId) {
    var divInner = $("[id$='_divInnerOcassions']");
    $.get("Ajax/AutoozIframe.aspx?mode=getiframe&shopID=" + shopId, function (Json) {
        if (Json != null) {
            divInner.html(Json);
            
        }

    });
}

function HideRightSide() {
    $("[id$='_trAutooz']").css("display", "none");
}

function ToggleTablePerformance() {
    if ($('#tableCarPerformace').is(':visible')) {
        $('#tableCarPerformace').css("display", "none");
        $('#tdMoreDetails').removeClass("arrowDown");
        $('#tdMoreDetails').addClass("arrowUp");
        $('#tdMoreDetails').html("Meer details");
    }
    else {
        $('#tableCarPerformace').css("display", "block");
        $('#tdMoreDetails').removeClass("arrowUp");
        $('#tdMoreDetails').addClass("arrowDown");
        $('#tdMoreDetails').html("Minder details");
    }
}

function EmulateTabs() {
    $('#li1').removeClass("JamesBlue2");
    $('#li1').addClass("JamesBlue1");
    $('#li2').addClass("JamesBlue2NewImg");
    $('#OnlinePlanning').css("display", "block");
    $('#Kosten').css("display", "none");

}

function ApkMouseOver() {
    $('#Apk').attr({
        src: "/Styles/Images/RightSide/apk_over.png"
    });
}

function ApkMousOut() {
    $('#Apk').attr({
        src: "/Styles/Images/RightSide/apk.png"
    });
}

function HideVacatures() {
    $('#Vactures').css("display", "none");
    $('#TVacatures').css("display", "none");
}

function LoadShopPage() {
    $('#Contact').css("display", "none");
    $('#Overons').css("display", "block");
    $('#Services').css("display", "none");
    $('#Diensten').css("display", "none");
    $('#Occassions').css("display", "none");

    $('#showroom').css("display", "block");
    $('#werkplaats').css("display", "none");

    $('#liHour2').addClass("tabRightSelected");
}

function LoadHomePage() {
    $('#JamesNews').css("display", "none");
    $('#AutoNews').css("display", "none");
    $('#NewsBreif').css("display", "none");
    $('#Rss').css("display", "none");
    $('#Tweeter').customFadeIn(800);

    $('#Div00').attr("class", "noHoverLeft");
    $('#Div01').attr("class", "noHoverMiddle");
    $('#Div02').attr("class", "noHoverRight");

    $('#Div1').attr("class", "HoverLeft");
    $('#Div2').attr("class", "HoverMiddle");
    $('#Div3').attr("class", "HoverRight");

    $('#Div4').attr("class", "HoverLeft");
    $('#Div5').attr("class", "HoverMiddle");
    $('#Div6').attr("class", "HoverRight");

    $('#Div7').attr("class", "HoverLeft");
    $('#Div8').attr("class", "HoverMiddle");
    $('#Div9').attr("class", "HoverRight");

    $('#Div10').attr("class", "HoverLeft");
    $('#Div11').attr("class", "HoverMiddle");
    $('#Div12').attr("class", "HoverRight");
}

function LoadShopDirectionsDefault() {
    $('#directionsPanel').css("display", "none");
}



function ShowBigOcasions() {
    $("[id$='_trAction']").css("display", "none");
    $("[id$='_trAutooz']").css("display", "none");
    $("[id$='_trAutoozCar']").css("display", "none");
    $("[id$='_trCms']").css("display", "none");
}

function HideOverons() {
    $('#TOverons').css("display", "none");
    $('#Contact').css("display", "block");
    $('#Overons').css("display", "none");
   
}

function ShowOverons() {
    $('#TOverons').css("display", "block");
    //left
    $('#TOL').attr("class", "noHoverLeft");
    $('#TCL').attr("class", "HoverLeft");

    //middle
    $('#TOM').attr("class", "noHoverMiddle");
    $('#TCM').attr("class", "HoverMiddle");

    //right
    $('#TOR').attr("class", "noHoverRight");
    $('#TCR').attr("class", "HoverRight");

    $('#Contact').css("display", "none");
    $('#Overons').css("display", "block");
    
}

function ShowOverLays(number) {


    div = $("[over=" + number + "]");
    div.overlay({
        top: 255,
        speed: 0,
        onClose: function () {
        },
        fixed: false,
        oneInstance: false,
        closeOnClick: false,
        closeOnEsc: true,
        load: false
    });
    div.overlay().load();

}

(function ($) {
    $.fn.customFadeIn = function (speed, callback) {
        $(this).fadeIn(speed, function () {
            if (jQuery.browser.msie)
                $(this).get(0).style.removeAttribute('filter');
            if (callback != undefined)
                callback();
        });
    };
    $.fn.customFadeOut = function (speed, callback) {
        $(this).fadeOut(speed, function () {
            if (jQuery.browser.msie)
                $(this).get(0).style.removeAttribute('filter');
            if (callback != undefined)
                callback();
        });
    };
})(jQuery);
