var Maps = {};

Maps.map = null;
Maps.directionsService = null;
Maps.directionsDisplay = null;

Maps.Init = function () {
    Maps.directionsDisplay = new google.maps.DirectionsRenderer();
    var latlng = new google.maps.LatLng(51.996043, 5.278015);
    var myOptions = {
        zoom: 7,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    Maps.map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    Maps.directionsDisplay.setMap(Maps.map);
    if (document.getElementById("directionsPanel") != null) {
        Maps.directionsDisplay.setPanel(document.getElementById("directionsPanel"));
    }
}

Maps.AddShop = function (lng, lat, shopImage, shopName) {
    if (Maps.map == null) {
        Maps.Init();
    }

    var loc = new google.maps.LatLng(lat, lng);
    Maps.map.center = loc;
    Maps.map.zoom = 15;

    var iconPT = _appTheme + "/Images/Header/autoglaaz.png";
    var finalTable = '';

    var beginTable = '<table cellpadding="0" cellspacing="0" border="0" width=\"199px\">';
    var endTable = '</table>';
    var beginTd = '<td valing="top"  align="center">';
    var endTd = '</td>';
    var beginTr = '<tr>';
    var endTr = '</tr>';
    var img = "<img alt=" + shopName + " src='" + shopImage + "' width='90px' border='0' />";

    finalTable += beginTable + beginTr + beginTd;
    finalTable += img;
    finalTable += endTd + endTr + endTable;

    var infowindow = new google.maps.InfoWindow({
        content: finalTable
    });

    marker = new google.maps.Marker({
        map: Maps.map,
        icon: iconPT,
        draggable: false,
        animation: google.maps.Animation.DROP,
        position: loc
    });
    //  google.maps.event.addListener(marker, 'click', toggleBounce);
    google.maps.event.addListener(marker, 'click', function () {
        infowindow.open(Maps.map, marker);
    });
}

Maps.AddShopForMap = function (lng, lat, shopName, shopOwner, shopCity, shopAdress, shopHouseNumber, ShopPostcode, shopID, shopTel, shopImage) {
    if (Maps.map == null) {
        Maps.Init();
    }

    var loc = new google.maps.LatLng(lat, lng);
    //Maps.map.center = loc;
    Maps.map.zoom = 8;

    var iconPT = _appTheme + "/Images/Header/autoglaaz.png";

    var beginTable = '<table cellpadding="3" cellspacing="0" border="0" style=\" text-align: left\">';
    var endTable = '</table>';
    var beginTd = '<td valing="top">';
    var endTd = '</td>';
    var beginTr = '<tr>';
    var endTr = '</tr>';
    var finalTable = '';

    finalTable += beginTable + beginTr + beginTd;

    var img = "<img alt=" + shopName + " src='" + shopImage + "' width='90px' border='0' />";

    finalTable += img;
    finalTable += endTd;

    finalTable += beginTd + "<span class='text blue bold'>" + shopName + "</span><br /><span class= 'text gray'>" + shopOwner + "<br />" + shopAdress + " " + shopHouseNumber + "<br />" + ShopPostcode + " " + shopCity + "<br />" + "Tel: " + shopTel + "<br /></span>" + "<a class='text blue' href='Vestigingen/" + shopName.replace("Autoglaz ", "") + "';'>Meer informatie</a>" + endTd + endTr + endTable;

    var infowindow = new google.maps.InfoWindow({
        content: finalTable
    });

    var marker = new google.maps.Marker({
        map: Maps.map,
        icon: iconPT,
        draggable: false,
        animation: google.maps.Animation.DROP,
        position: loc
    });

    google.maps.event.addListener(marker, 'click', function () {
        infowindow.open(Maps.map, marker);
    });
}
function toggleBounce() {

    if (marker.getAnimation() != null) {
        marker.setAnimation(null);
    } else {
        marker.setAnimation(google.maps.Animation.BOUNCE);
    }
}
//$(document).ready(function() {
//    $('#TContact').click(function() {
//        $('#Contact').fadeIn(800);
//        $('#Overons').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");
//        
//    });



//    $('#TOverons').click(function() {
//        $('#Overons').fadeIn(800);
//        $('#Contact').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");
//        

//    });
//});

//function HideOverons() {
//    $('#TOverons').css("display", "none");
//  //  $('#textOver').css("display", "none");
//}

//function ShowOverons() {
//    $('#TOverons').css("display", "block");
//   // $('#textOver').css("display", "block");
//}


var Navigation = {}

Navigation.ReturnHome = function () {
    document.location = 'Default.aspx';
}

function Tip1_1(text1, text2, text3) {
    if (text3 != 'N/A')
        if (Number(text3) < 1.6)
            Tip('<span class="txtLabelBold">Gemonteerde band:</span><br>' + text1 + '<br><span class="txtLabelBold">Opgeslagen band:</span><br>' + text2 + '<br /><span class="txtLabelBold">Profieldiepte opgeslagen band:</span><br />' + '<span style="background-color:Red;color:white;">' + text3 + ' mm</span><br /><span style="font-style:italic">profieldiepte onder wettelijk minimum, advies: vervangen</span>', BORDERWIDTH, 1, PADDING, 10, CLICKCLOSE, true, DELAY, 0);
        else {
            if (Number(text3) >= 1.6 && Number(text3) < 4.0)
                Tip('<span class="txtLabelBold">Gemonteerde band:</span><br>' + text1 + '<br><span class="txtLabelBold">Opgeslagen band:</span><br>' + text2 + '<br /><span class="txtLabelBold">Profieldiepte opgeslagen band:</span><br />' + '<span style="background-color:Orange;color:white;">' + text3 + ' mm</span><br /><span style="font-style:italic"> 1,6-4,0mm is onvoldoende profieldiepte voor winterbanden,<br /> 1,6-2,5mm is onvoldoende profieldiepte voor zomerbanden,<br /> volgens APK Norm is het advies: vervangen</span>', BORDERWIDTH, 1, PADDING, 10, CLICKCLOSE, true, DELAY, 0);
            else
                if (Number(text3) >= 4.0)
                    Tip('<span class="txtLabelBold">Gemonteerde band:</span><br>' + text1 + '<br><span class="txtLabelBold">Opgeslagen band:</span><br>' + text2 + '<br /><span class="txtLabelBold">Profieldiepte opgeslagen band:</span><br />' + '<span style="background-color:Green;color:white;">' + text3 + ' mm</span><br /><span style="font-style:italic"> voldoende profieldiepte</span>', BORDERWIDTH, 1, PADDING, 10, CLICKCLOSE, true, DELAY, 0);
                else
                    Tip('<span class="txtLabelBold">Gemonteerde band:</span><br>' + text1 + '<br><span class="txtLabelBold">Opgeslagen band:</span><br>' + text2 + '<br /><span class="txtLabelBold">Profieldiepte opgeslagen band:</span><br />' + text3, BORDERWIDTH, 1, PADDING, 10, CLICKCLOSE, true, DELAY, 0);
        }
    else
        Tip('<span class="txtLabelBold">Gemonteerde band:</span><br>' + text1 + '<br><span class="txtLabelBold">Opgeslagen band:</span><br>' + text2 + '<br /><span class="txtLabelBold">Profieldiepte opgeslagen band:</span><br />' + text3, BORDERWIDTH, 1, PADDING, 10, CLICKCLOSE, true, DELAY, 0);
}

function TipHeight() {
    Tip('<span class="textTyre"><b>Hoogte</b><br>De hoogte wordt weergegeven als percentage van de breedte. Bij de bandenmaat 195/65 R15 bijvoorbeeld, is de hoogte 65% van de breedte. In het hier genoemde voorbeeld is de hoogte 65% van 195 mm, en dus 126,75 mm.</span>', WIDTH, 250, BORDERWIDTH, 1, PADDING, 10, BGCOLOR, '#ffffff', CLICKCLOSE, true, BORDERCOLOR, '#e2e2e2', DELAY, 0);
}

function TipPostalCode() {
    Tip('<span class="textTyre"><b>PostCode</b><br>Voer uw postcode in om uw route te plannen.</span>', WIDTH, 250, BALLOON, true, BORDERWIDTH, 1, PADDING, 10, BGCOLOR, '#ffffff', CLICKCLOSE, true, BORDERCOLOR, '#e2e2e2', DELAY, 0);
}

function CheckSelected(control1, control2, number, control3, control4, control5) {
    var rdo1 = $('#' + control1);
    var rdo2 = $('#' + control2);
    var car = $('#' + control3);
    var lWin = $('#' + control4);
    var rWin = $('#' + control5);

    if (number == 1) {
        car.attr("class", "PlanningCar");
        lWin.css("display", "block");
        rWin.css("display", "none");
        //        rdo2.attr('checked', false);
        //        rdo1.attr('checked', true);

    }
    else {
        car.attr("class", "PlanningCar2");
        lWin.css("display", "none");
        rWin.css("display", "block");
        //        rdo1.attr('checked', false);
        //        rdo2.attr('checked', true);
    }

}

function CheckSelected2(number) {
    var div = $("[allCars='theCar']");
    var img = $("[windowName=" + number + "]")
    if (div.is('.PlanningCar2')) {
        var nr = parseInt(number) + 5;
        // alert(nr);
        img = $("[windowName=" + nr + "]");

    }
    var myCheck = new Array();
    var src = img.attr("src").replace("_white", "");
    img.attr("src", src);
    //    if (img.attr("src").toLowerCase().indexOf("_white") > 0) {
    //        var src = img.attr("src").replace("_white", "");
    //        img.attr("src", src);
    //    } else {
    //    var src = img.attr("src").replace(".png", "_white.png");
    //    img.attr("src", src);
    //   
    //    }


    div.find("img").each(function () {
        if ($(this).attr('id') != ($(img).attr('id')))
            if ((this).src.indexOf("_white") == -1)
                (this).src = (this).src.toLowerCase().replace(".png", "_white.png");

    });

    //    myCheck[1] = $("[radioCheck ='1']");
    //    myCheck[2] = $("[radioCheck ='2']");
    //    myCheck[3] = $("[radioCheck ='3']");
    //    myCheck[4] = $("[radioCheck ='4']");
    //    myCheck[5] = $("[radioCheck ='5']");

    //    for (i = 1; i <= 5; i++) {
    //        if (i == number) {
    //            if (myCheck[i].is(':checked')) {
    //                alert('uncheck');
    //                myCheck[i].attr('checked', false);
    //            }
    //            else {
    //                alert('Check');
    //                myCheck[i].attr('checked', true);
    //            }
    //        }
    //        else {
    //            myCheck[i].attr('checked', false);
    //        }


    //    }
    //   

}

function CheckSelected3(img, number) {
    var div = $("[allCars='theCar']");

    var myCheck = new Array();
    if (img.src.toLowerCase().indexOf("_white") > 0)
        img.src = img.src.toLowerCase().replace("_white.png", ".png");
    else
        img.src = img.src.toLowerCase().replace(".png", "_white.png");

    div.find("img").each(function () {
        if ($(this).attr('id') != ($(img).attr('id')))
            if ((this).src.indexOf("_white") == -1)
                (this).src = (this).src.toLowerCase().replace(".png", "_white.png");

    });


    myCheck[1] = $("[radioCheck ='1']");
    myCheck[2] = $("[radioCheck ='2']");
    myCheck[3] = $("[radioCheck ='3']");
    myCheck[4] = $("[radioCheck ='4']");
    myCheck[5] = $("[radioCheck ='5']");

    for (i = 1; i <= 5; i++) {
        if (i == number) {
            if (myCheck[i].is(':checked')) {
                myCheck[i].attr('checked', false);
            }
            else {
                myCheck[i].attr('checked', true);
            }
        }
        else {
            myCheck[i].attr('checked', false);
        }


    }
}
Review = {};
Review.PageNumber = 0;

Review.LoadShopReviews = function () {
    $.getJSON(_siteRoot + "Ajax/ShopreviewList.aspx?PageNumber=" + Review.PageNumber, function (json) {

        if (json != null) {
            if (json.more == false) {
                $('#divMore').css('display', 'none');
            } else {
                $('#divMore').css('display', 'block');

            }
            $('#divShopReview').html(json.div)

        }
    });

}
Review.LoadMoreReview = function () {
    Review.PageNumber = Review.PageNumber + 1;
   //    $('#divShopReview').append("<img src='Themes/Default/Images/Shops/ajax-loader.gif' />");
    $.getJSON(_siteRoot + "Ajax/ShopreviewList.aspx?PageNumber=" + Review.PageNumber, function (json) {

        if (json != null) {
            if (json.more == false) {
                $('#divMore').css('display', 'none');
            } else {
                $('#divMore').css('display', 'block');

            }
            $('#divShopReview').append(json.div)

        }
    });
}