var pnlOne = true;
var pnlTwo = true;
var pnlThree = true;
var pnlFour = true;
var pnlFive = true;

$(document).ready(function() {
    $('.Left').height($('.Middle').height() - 5);
    $('.Right').height($('.Middle').height() - 5);

   //initialize();

    for (i = 0; i < 5; i++) {
        $("#openinghoursdiv" + i).css("display", "none")
    }


    $('#openinghours0').click(function(e) {
        e.preventDefault();
        if (pnlOne) {
            $('#openinghoursdiv0').show(200);
        } else {
            $('#openinghoursdiv0').hide(200);
        }
        pnlOne = !pnlOne;
        return false;
    });

    $('#openinghours1').click(function(e) {
        e.preventDefault();
        if (pnlTwo) {
            $('#openinghoursdiv1').show(200);
        } else {
            $('#openinghoursdiv1').hide(200);
        }
        pnlTwo = !pnlTwo;
        return false;
    });

    $('#openinghours2').click(function(e) {
        e.preventDefault();
        if (pnlThree) {
            $('#openinghoursdiv2').show(200);
        } else {
            $('#openinghoursdiv2').hide(200);
        }
        pnlThree = !pnlThree;
        return false;
    });

    $('#openinghours3').click(function(e) {
        e.preventDefault();
        if (pnlFour) {
            $('#openinghoursdiv3').show(200);
        } else {
            $('#openinghoursdiv3').hide(200);
        }
        pnlFour = !pnlFour;
        return false;
    });

    $('#openinghours4').click(function(e) {
        e.preventDefault();
        if (pnlFive) {
            $('#openinghoursdiv4').show(200);
        } else {
            $('#openinghoursdiv4').hide(200);
        }
        pnlFive = !pnlFive;
        return false;
    });
});


var shownindex = 0;

function scrollToPhoto(index) {
    clearInterval(intBanner);
    var distance = 0;

    if (shownindex < index) {
        distance = (index - shownindex) * 456;
        Scroll('scrollContainer', -distance);
    }
    else {
        distance = (shownindex - index) * 456;
        Scroll('scrollContainer', distance);
    }

    $(".NumberActive").each(function() {
        $(this).removeClass();
        $(this).addClass("Number");
    });
    

    
    var nmb = document.getElementById("number-" + (index));
    if (nmb != null) {
        nmb.className = "NumberActive";
    }
    
    shownindex = index;
}


var m = 0;
function Scroll(controlId, distance) {
    $("#" + controlId).stop(true,true);
    calculateMargin(controlId);
    $("#" + controlId).animate({ marginLeft: (m + distance) + "px" }, 1250);
}

function calculateMargin(controlId) {
    m = Number($("#" + controlId).css("margin-left").replace('px', ''));
    if (isNaN(m)) {
        m = 0;
    }
    return true
}

var intBanner = setInterval("showNextBanner()", 7500);

function showNextBanner() {
    var max = document.getElementById("hfMax");
    if (max != null) {
        if (shownindex < max.value)
            scrollToPhoto(shownindex + 1);
        else
            scrollToPhoto(0);
        intBanner = setInterval("showNextBanner()", 7500);
    }
}


/*Google maps*/

var directionDisplay;
var directionsService;
var map;
var co2bike = 0;
var co2train = 40.28;
var co2bus = 66.63;
var co2car = 168.60;
var addr = "";
var street;
var place;
var postal;

//function initialize() {
//    directionsService = new google.maps.DirectionsService();
//    directionsDisplay = new google.maps.DirectionsRenderer();
//    
//    var geocoder = new google.maps.Geocoder();
//    var myOptions = {
//        zoom: 14,
//        mapTypeId: google.maps.MapTypeId.ROADMAP
//    }
//    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
//    directionsDisplay.setMap(map);
//    
//    if (geocoder) {
//        geocoder.geocode({ 'address': "De Webfabriek, kloosterstraat 85, 2180 ekeren, Belgie" }, function(results, status) {
//            if (status == google.maps.GeocoderStatus.OK) {
//                map.setCenter(results[0].geometry.location);
//                var marker = new google.maps.Marker({
//                    map: map,
//                    position: results[0].geometry.location,
//                    title: "De Webfabriek"
//                });
//            } else {

//            }
//        });
//    }
//}

var map = null;
var markers;
var directionsService;

//function initialize() {
//    origin = $(".TxtSearchPostal").val()
//    var check = isSearchForShop(origin)
//    if (origin == null) {
//        origin = ""
//    }
//    else if (origin == "") {
//        origin = ""
//    }
//    else {
//        if (check == 0) {
//            origin = origin + "+Vlaams+Gewest+België";
//            if (origin.toLowerCase().indexOf("beveren-leie") >= 0) {
//                origin = origin.replace("beveren-leie", "Kortrijkseweg desselgem spriete");
//                origin = origin.replace("Beveren-Leie", "Kortrijkseweg desselgem spriete");
//                origin = origin.replace("beveren-Leie", "Kortrijkseweg desselgem spriete");
//                origin = origin.replace("Beveren-leie", "Kortrijkseweg desselgem spriete");
//            }
//        }
//    }
//    
//    geocoder = new google.maps.Geocoder();
//    directionsService = new google.maps.DirectionsService();

//    var option = {
//        zoom: 9,
//        mapTypeId: google.maps.MapTypeId.ROADMAP
//    }
//    map = new google.maps.Map(document.getElementById("map_canvas"), option);

//    var infoWindow = new google.maps.InfoWindow;

//    if (check == 0) {
//        if (origin != "") {
//            var origin_coor = "";
//            //google maps hierop focussen
//            geocoder.geocode({ 'address': origin }, function(results, status) {
//                if (status == google.maps.GeocoderStatus.OK) {
//                    map.setCenter(results[0].geometry.location);
//                    origin_coor = results[0].geometry.location;

//                    createMarker(origin_coor.lat(), origin_coor.lng(), "", "ingegeven zoekopdracht", "");

//                    downloadUrl("http://www.dekringwinkel.be/markers.xml", function(data) {
//                        var xml = data.responseXML;
//                        markers = xml.documentElement.getElementsByTagName("Marker");
//                        //document.getElementById("test").innerHTML = markers.length + " || ";
//                        //var closest = getClosest(markers, origin)
//                        var temp;
//                        var closest = 0;
//                        for (var i = 0; i < markers.length; i++) {
//                            var name = markers[i].getAttribute("Name");
//                            var address = markers[i].getAttribute("Address");
//                            var alat = markers[i].getAttribute("Latitude");
//                            var along = markers[i].getAttribute("Longitude");
//                            var distance = getDistance(origin_coor.lat(), origin_coor.lng(), alat, along);
//                            if (i == 0) {
//                                temp = distance;
//                            }
//                            var html = "<div style='font-family:Tahoma,Verdana,Arial; font-size:11px;'><br><b>" + name + "</b> <br/>" + address + "<br />Afstand vanaf het zoekpunt: " + distance + " km</div>";
//                            //document.getElementById("test").innerHTML = document.getElementById("test").innerHTML + "|" + address;
//                            var type = "http://www.dekringwinkel.be/images/bullet-empty.png";
//                            var marker = createMarker(alat, along, address, name, type);
//                            //bindInfoWindow(marker, map, infoWindow, html)
//                            if (distance < temp) {
//                                temp = distance;
//                                closest = i;
//                            }
//                        }
//                        var distanceclosest = getDistance(origin_coor.lat(), origin_coor.lng(), markers[closest].getAttribute("Latitude"), markers[closest].getAttribute("Longitude"));
//                        if (distanceclosest < 50) {
//                            var marker = createMarker(markers[closest].getAttribute("Latitude"), markers[closest].getAttribute("Longitude"), markers[closest].getAttribute("Address"), markers[closest].getAttribute("Name"), "http://www.dekringwinkel.be/images/bullet-full.png");
//                            var htmlclosest = "<div style='font-family:Tahoma,Verdana,Arial; font-size:11px;'><br><b>" + markers[closest].getAttribute("Name") + "</b> <br/>" + markers[closest].getAttribute("Address") + "<br />Afstand vanaf het zoekpunt: " + distanceclosest + " km</div>";
//                            //bindInfoWindow(marker, map, infoWindow, htmlclosest)
//                        }
//                        else {
//                            for (var j = 0; j < markers.length; j++) {
//                                var name = markers[j].getAttribute("Name");
//                                if (name.toLowerCase().indexOf(origin.toLowerCase()) >= 0) {
//                                    var alat = markers[j].getAttribute("Latitude");
//                                    var along = markers[j].getAttribute("Longitude");
//                                    var latlng = new google.maps.LatLng(alat, along);
//                                    map.setCenter(latlng);
//                                    break;
//                                }
//                            }
//                        }
//                    });
//                }
//                else {
//                    downloadUrl("http://www.dekringwinkel.be/markers.xml", function(data) {
//                        var xml = data.responseXML;
//                        markers = xml.documentElement.getElementsByTagName("Marker");
//                        //document.getElementById("test").innerHTML = markers.length + " || ";
//                        //var closest = getClosest(markers, origin)
//                        var temp;
//                        var closest = 0;
//                        for (var i = 0; i < markers.length; i++) {
//                            var name = markers[i].getAttribute("Name");
//                            var address = markers[i].getAttribute("Address");
//                            var alat = markers[i].getAttribute("Latitude");
//                            var along = markers[i].getAttribute("Longitude");
//                            var html = "<div style='font-family:Tahoma,Verdana,Arial; font-size:11px;'><br><b>" + name + "</b> <br/>" + address;
//                            //document.getElementById("test").innerHTML = document.getElementById("test").innerHTML + "|" + address;
//                            var type = "http://www.dekringwinkel.be/images/bullet-empty.png";
//                            var marker = createMarker(alat, along, address, name, type);
//                            //bindInfoWindow(marker, map, infoWindow, html)
//                        }
//                        for (var j = 0; j < markers.length; j++) {
//                            var name = markers[j].getAttribute("Name");
//                            if (name.toLowerCase().indexOf(origin.toLowerCase()) >= 0) {
//                                var alat = markers[j].getAttribute("Latitude");
//                                var along = markers[j].getAttribute("Longitude");
//                                var latlng = new google.maps.LatLng(alat, along);
//                                map.setCenter(latlng);
//                                break;
//                            }
//                        }
//                        //var distanceclosest = getDistance(origin_coor.lat(), origin_coor.lng(), markers[closest].getAttribute("Latitude"), markers[closest].getAttribute("Longitude"));
//                        //var marker = createMarker(markers[closest].getAttribute("Latitude"), markers[closest].getAttribute("Longitude"), markers[closest].getAttribute("Address"), markers[closest].getAttribute("Name"), "http://kringwinkel.webfabriek.be/images/bullet-full.png");
//                        //var htmlclosest = "<div style='font-family:Tahoma,Verdana,Arial; font-size:11px;'><br><b>" + markers[closest].getAttribute("Name") + "</b> <br/>" + markers[closest].getAttribute("Address") + "<br />Afstand vanaf het zoekpunt: " + distanceclosest + " km</div>";
//                        //bindInfoWindow(marker, map, infoWindow, htmlclosest)
//                    });
//                }
//            });
//        }
//        else {
//            var origin_coor = "";
//            var pos = geo.getPosition();
//            var latlng = new google.maps.LatLng(pos.lat, pos.long);

//            //google maps hierop focussen
//            map.setCenter(latlng);

//            downloadUrl("http://www.dekringwinkel.be/markers.xml", function(data) {
//                var xml = data.responseXML;
//                markers = xml.documentElement.getElementsByTagName("Marker");
//                for (var i = 0; i < markers.length; i++) {
//                    var name = markers[i].getAttribute("Name");
//                    var address = markers[i].getAttribute("Address");
//                    var alat = markers[i].getAttribute("Latitude");
//                    var along = markers[i].getAttribute("Longitude");
//                    var type = "http://www.dekringwinkel.be/images/bullet-empty.png";
//                    var marker = createMarker(alat, along, address, name, type);
//                }
//            });
//        }
//    }
//    else {
//        //alert('Er wordt op een shop gezocht!');
//        var origin_coor = "";
//        var pos = geo.getPosition();
//        var latlng = new google.maps.LatLng(pos.lat, pos.long);
//        //google maps hierop focussen
//        map.setCenter(latlng);
//        
//        var plat="";
//        var plong="";
//        var search = false
//        downloadUrl("http://www.dekringwinkel.be/markers.xml", function(data) {
//            var xml = data.responseXML;
//            markers = xml.documentElement.getElementsByTagName("Marker");
//            for (var i = 0; i < markers.length; i++) {
//                var name = markers[i].getAttribute("Name");
//                var type = "http://www.dekringwinkel.be/images/bullet-empty.png";
//                if (name.toLowerCase().indexOf(origin) != -1 & search == false) {
//                    type = "http://www.dekringwinkel.be/images/bullet-full.png";
//                    search = true;
//                    plat = markers[i].getAttribute("Latitude");
//                    plong = markers[i].getAttribute("Longitude");
//                }
//                var address = markers[i].getAttribute("Address");
//                var alat = markers[i].getAttribute("Latitude");
//                var along = markers[i].getAttribute("Longitude");
//                var marker = createMarker(alat, along, address, name, type);
//            }
//            if (plat != "") {
//                latlng = new google.maps.LatLng(plat, plong);
//                //google maps hierop focussen
//                map.setCenter(latlng);
//            }
//        });
//    }
//}

function createMarker(alat, along, address, info, buttontype) {
    var myLatlng = new google.maps.LatLng(alat, along);
    var marker = new google.maps.Marker({
        map: map,
        title: info,
        icon: buttontype,
        position: myLatlng
    });
    return marker;
}

function getDistance(lat1, long1, lat2, long2) {
    var RadiusOfEarthMiles = 3959.0;
    var RadiusOfEarthKilometers = 6378.1;

    var kilosDistance = CalcHaversineDistance(lat1, lat2, long1, long2, RadiusOfEarthKilometers);
    return kilosDistance;
}

function CalcHaversineDistance(lat1, lat2, long1, long2, radius) {

    var radianLat1 = ToRadians(lat1);
    var radianLong1 = ToRadians(long1);
    var radianLat2 = ToRadians(lat2);
    var radianLong2 = ToRadians(long2);
    var radianDistanceLat = radianLat1 - radianLat2;
    var radianDistanceLong = radianLong1 - radianLong2;
    var sinLat = Math.sin(radianDistanceLat / 2.0);
    var sinLong = Math.sin(radianDistanceLong / 2.0);
    var a = Math.pow(sinLat, 2.0) + Math.cos(radianLat1) * Math.cos(radianLat2) * Math.pow(sinLong, 2.0);
    var distance = radius * 2 * Math.asin(Math.min(1, Math.sqrt(a)));

    return distance;
}

function ToRadians(degree) {
    return (degree * (Math.PI / 180));
}

//        function createMarker(address, info, buttontype) {
//            geocoder.geocode({ 'address': address }, function(results, status) {
//                if (status == google.maps.GeocoderStatus.OK) {
//                    map.setCenter(results[0].geometry.location);
//                    var marker = new google.maps.Marker({
//                        map: map,
//                        title: info,
//                        icon: buttontype,
//                        position: results[0].geometry.location
//                    });
//                } else {
//                    alert("Geocode was not successful for the following reason: " + status);
//                }
//            });
//        }

function downloadUrl(url, callback) {
    var request = window.ActiveXObject ?
            new ActiveXObject('Microsoft.XMLHTTP') :
            new XMLHttpRequest;

    request.onreadystatechange = function() {
        if (request.readyState == 4) {
            request.onreadystatechange = doNothing;
            callback(request, request.status);
        }
    };
    request.open('GET', url, true);
    request.send(null);
}

function doNothing() { }

function bindInfoWindow(marker, map, infoWindow, html) {
    google.maps.event.addListener(marker, 'click', function() {
        infoWindow.setContent(html);
        infoWindow.open(map, marker);
    });
}

//        var arrdistances = new Array();
//        var counter;
//        function setClosestMarker(origin) {
//            counter = 0;
//            for (var i = 0; i < markers.length; i++) {
//                counter = i;
//                //distance berekenen
//                var request = {
//                    origin: origin,
//                    destination: markers[i].getAttribute("Address"),
//                    travelMode: google.maps.DirectionsTravelMode.DRIVING
//                };
//                directionsService.route(request, function(result, status) {
//                    var test;
//                    if (status == google.maps.DirectionsStatus.OK) {
//                        var distanceInMeters = result.routes[0].legs[0].distance.value;
//                        //alert(distanceInMeters)
//                        arrdistances[counter] = distanceInMeters;
//                        alert(distanceInMeters + "m")
//                        counter = counter + 1;
//                        //alert(arrdistances[counter - 1] + " - " + counter);
//                        var smallest = 0;
//                        for (var j = 0; j < arrdistances.length; j++) {
//                            if (j > 2) {
//                                if (arrdistances[j] < arrdistances[j - 1]) {
//                                    smallest = j
//                                }
//                            }
//                        }
//                        if (smallest > 0) {
//                            alert(smallest + "m - " + result.routes[0].legs[0].end_address)
//                            for (var i = 0; i < markers.length; i++) {
//                                var name = markers[i].getAttribute("Name");
//                                var address = markers[i].getAttribute("Address");
//                                var html = "<b>" + name + "</b> <br/>" + address;
//                                document.getElementById("test").innerHTML = document.getElementById("test").innerHTML + "|" + address;
//                                var type;
//                                if (smallest-3 = i){
//                                    type = "bullet-empty.png";
//                                }
//                                else{
//                                    type = "bullet-empty.png";
//                                }

//                                createMarker(address, name, type);
//                            }
//                        }
//                    }
//                    else {
//                    }
//                });
//            }
//        }

function isSearchForShop(searchtext) {
    searchtext = searchtext.replace("Kringwinkel", "")
    searchtext = searchtext.replace("Kringloopwinkel", "")
    searchtext = searchtext.replace("KringWinkel", "")
    searchtext = searchtext.replace("KringLoopWinkel", "")
    searchtext = searchtext.replace("kringwinkel", "")
    searchtext = searchtext.replace("kringloopwinkel", "")
    searchtext = searchtext.replace(" ", "")
    switch (searchtext.toLowerCase()) {
        case "ateljee":
            return 1;
            break;
        case "atelier":
            return 1;
            break;
        case "atelijee":
            return 1;
            break;
        case "ateliee":
            return 1;
            break;
        case "cirkel":
            return 1;
            break;
        case "cirkle":
            return 1;
            break;
        case "koop":
            return 1;
            break;
        case "kop":
            return 1;
            break; 
        case "azalee":
            return 1;
            break;
        case "azale":
            return 1;
            break;
        case "hageland":
            return 1;
            break;
        case "ibogem":
            return 1;
            break;
        case "maasland":
            return 1;
            break;
        case "kust":
            return 1;
            break;
        case "meetjesland":
            return 1;
            break;
        case "mid-west":
            return 1;
            break;
        case "midwest":
            return 1;
            break;
        case "okazi":
            return 1;
            break;
        case "spit":
            return 1;
            break;
        case "rad":
            return 1;
            break;
        case "vierkant":
            return 1;
            break;
        case "teleshop":
            return 1;
            break;
        case "televil":
            return 1;
            break;
        case "web":
            return 1;
            break;
        case "west-limburg":
            return 1;
            break;
        case "westlimburg":
            return 1;
            break;
        case "wrak":
            return 1;
            break;
        case "zuiderkempen":
            return 1;
            break;
        case "zuidkempen":
            return 1;
            break;
        case "spoortwee":
            return 1;
            break;
        case "opnieuwen co":
            return 1;
            break;
        case "opnieuw& co":
            return 1;
            break;
        case "verko":
            return 1;
            break;
        case "west":
            return 1;
            break;
        case "chiquede friemel":
            return 1;
            break;
        default:
            return 0;
            break;
    }
}