$(document).ready(function () {

    var setPlaceholder = function (text) {
        return text + ' <a href="#">dropdown</a>';
    };

    var strUrl = window.location + "";
    var indexOfUrl = strUrl.indexOf("programma")

    if (indexOfUrl >= 0) {
        // we zitten bij programma // komen we van voorstelling?

        $.post("/site/ajax/getHistoryNext.aspx", {}, function (data) {
            // voorstelling?
            var strNext = data
            var indexOfNext = strNext.indexOf("Voorstelling")


            if (indexOfNext >= 0) {

                $.post("/site/ajax/getProgrammaMaand.aspx", {}, function (data) {
                    if (data != "") {
                        var maand = data

                        $(".selectedMonth").val(maand);
                        $("dropdown li").removeClass("selected");

                        $(".dropdown ul li").each(function () {
                            console.log($(this).attr("maand:value"));

                            if ($(this).attr("maand:value") == maand) {
                                $(this).addClass("selected");
                                $(".dropdown label").html(setPlaceholder($(this).text()));
                                $(".programmaTitel").text("Programma " + $(this).text());
                            }
                        });

                        laadResultaten();
                        Cufon.now();
                        
                    }
                });
            }
        });
    }

    if ($(".visitorCount")) {
    	$.getJSON("http://media.streampartner.nl/extern_api.php?url=a92205b6df3e2c2c663d&callback=?", function (data) {
            var aantalKijkers = parseInt(data.visitors.split(" / ")[0])
            var aantalPlekken = parseInt(data.visitors.split(" / ")[1])
            $(".visitorCount").html((aantalPlekken - aantalKijkers) + " plaatsen over");
        });
    }

    $("#nieuwsbrief_genre_keuze").click(function () {
        var click = $(this).attr("value");
        //var $("#nieuwsbrief_groep_id_keuze").val(click);



        $("#nieuwsbrief_aanmelden_btn").attr("href", "/profiel/nieuwsbrief/aanmelden/" + click);

        return false;
    });

    $(".faqvraag").click(function () {
        var id = $(this).attr("id")
        var teller = id.replace("faqvraag", "");
        $("#faqantwoord" + teller).toggle();
        $(this).toggleClass("open");
    });

    var tmpPrijs = "";
    /*$('table.progOverzicht tr').hover(
    function () {
    if ($(this).parent().hasClass("video").size() == 0) {
    tmpPrijs = $(this).find("td.prijs").html();
    $(this).find("td.prijs").html("");
    var b = $(this).contents().find(".progHover")[0]
    $(b).css("display", "inline")

    var a = $(this).contents().find(".lbStatus")[0]
    $(a).addClass("hideMe");
    }

    }, function () {
    if ($(this).parent().hasClass("video").size() == 0) {
    $(this).find("td.prijs").html(tmpPrijs);
    var b = $(this).contents().find(".progHover")[0]
    $(b).css("display", "none")

    var a = $(this).contents().find(".lbStatus")[0]
    $(a).removeClass("hideMe");
    }

    });*/

    $(".zoekbutton").click(function () {

        window.location = "/zoek/" + encodeURIComponent($(".zoekveld").val().replace("'", ""))
        return false
    })

    $('.zoekveld').keypress(function (e) {
        if (e.keyCode == '13') {
            window.location = "/zoek/" + encodeURIComponent($(".zoekveld").val().replace("'", ""))
            return false
        }
    });


    $(".button_round").each(function () {
        var ttext = $(this).html();
        $(this).html("<span></span>" + ttext);
    });
    $(".button_round_voorstelling").append("<span></span>");


    //$("#btShowForm").click(function () {
    //    $(".reactieblok .formulier").show();
    //    $(this).hide()
    //    return false
    //}); 

    $(".nietoke").click(function () {
        var id = $(this).attr("id").replace("nietOke", "")

        $(this).parent().parent().remove()

        $.post("/site/ajax/markNietOke.aspx", { rid: id }, function (data) {

        });

        return false
    });

    $("input.zoekveld").click(function () {
        if (this.value == $("input.zoekDefault").val()) {
            this.value = "";
        }
    });
    $("input.zoekveld").blur(function () {
        if (this.value == "") {
            this.value = $("input.zoekDefault").val();
        }
    });

    $(".infobox.adres").click(function () {
        if (this.value == "Uw adres") {
            this.value = "";
        }
    });
    $(".infobox.adres").blur(function () {
        if (this.value == "") {
            this.value = "Uw adres";
        }
    });

    $('.infobox.adres').keypress(function (e) {
        if (e.keyCode == '13') {
            calculateRoute($('.infobox.adres').val());
            return false;
        }
    });



    $("div.embedField input").click(function () {
        $(this).select();
    });

    $(".meerFacebook").click(function () {
        var countItems = $(".fbUser").length;
        var rijen = Math.floor(countItems / 9);
        var rowHeight = $(".fbUser").height();

        $(".UserContainer.facebook").animate({
            height: ((rijen * rowHeight) + 131) + "px"
        }, 1000, function () {
            // Animation complete.
            $(".meerFacebook").remove();
        });
    });

    $(".meerRecensie").click(function () {
        $(".UserContainer.info").animate({
            height: "100%"
        }, 1000, function () {
            // Animation complete.
            $(".meerRecensie").remove();
        });
    });
});


function calculateRoute(adres) {
    if(adres == "")
    {
        adres = "zwolle";
    }
    else
    {
        adres = adres.replace(" ", "+");
    }
    
    strUrl = "http://maps.google.nl/maps?f=d&source=s_d&saddr= " + adres + " &daddr=" + "Burg+Drijbersingel+7,+8021+DA+Zwolle+(Hedon+Podium+voor+Popcultuur)" + "&hl=nl"

    window.open(strUrl);
}

    $(document).ready(function () {
		/* Bind hover */
		$(".progOverzicht tr").live("mouseenter", function () {
			var b = $(this).contents().find(".progHover")[0]
            $(b).css("display", "inline")

			$(this).find(".statushover").css("display", "inline");
			$(this).find(".statushover").css("visibility", "visible");

			var a = $(this).contents().find(".lbStatus")[0]
			$(a).addClass("hideMe");

			var c = $(this).find(".prijs")[0]
			$(c).find("span").css("display", "none")

			var c = $(this).find(".locatie")[0]
			$(c).find("span").css("display", "none")
		});
		$(".progOverzicht tr").live("mouseleave", function () {
			var b = $(this).contents().find(".progHover")[0]
			$(b).css("display", "none")

			$(this).find(".statushover").css("display", "none");

			var a = $(this).contents().find(".lbStatus")[0]
			$(a).removeClass("hideMe");

			var c = $(this).find(".prijs")[0]
			$(c).find("span").css("display", "inline")

			var c = $(this).find(".locatie")[0]
			$(c).find("span").css("display", "inline")
		});

		$(".programmaPrev").click(function () {
			var prevli = $(".dropdown ul li.selected").prev("li")
			if (prevli.length > 0) {
				$(".dropdown ul li.selected").removeClass("selected").prev("li").addClass("selected");
				$(".selectedMonth").val($(".dropdown ul li.selected").attr("maand:value"));
				$(".dropdown label").html(setPlaceholder($(".dropdown ul li.selected").text()));
				var d = new Date();
				var dt
				if ((d.getMonth() + 1) < 10) {
					dt = "01-0" + (d.getMonth() + 1) + "-" + d.getFullYear()
				}
				else {
					dt = "01-" + (d.getMonth() + 1) + "-" + d.getFullYear()
				}

				if (dt == $(".selectedMonth").val()) {
					$(".programmaPrev").css("visibility", "hidden");
				}
				else {
					$(".programmaPrev").css("visibility", "visible");
				}

				//$('.programmaMaandLst option:selected').removeAttr('selected').prev('option').attr('selected', 'selected');
				$(".programmaTitel").html("Programma " + $(".dropdown ul li.selected").text());
				Cufon.refresh()
				laadResultaten();
			}

			return false;
		});
		$(".programmaNext").click(function () {
			var nextli = $(".dropdown ul li.selected").next("li")
			$(".programmaPrev").css("visibility", "visible");

			if (nextli.length > 0) {
				$(".dropdown ul li.selected").removeClass("selected").next("li").addClass("selected");
				$(".selectedMonth").val($(".dropdown ul li.selected").attr("maand:value"));
				$(".dropdown label").html(setPlaceholder($(".dropdown ul li.selected").text()));

				$(".programmaTitel").html("Programma " + $(".dropdown ul li.selected").text());
				Cufon.refresh()
				laadResultaten();
			}
			return false;
		});
		$(".programmaMaandLst").change(function () {
			laadResultaten()
		});

		$(".programma_sort .tijdkolom, .programma_sort .titelkolom, .programma_sort .genrekolom, .programma_sort .prijskolom, .programma_sort .statuskolom, .programma_sort .lokatiekolom").click(function () {
			// Aan de hand van de klasse wordt de sortering gedaan.
			var strclass = "down";
			if ($(this).hasClass("down")) {
				strclass = "up";
			}

			// haal weg bij andere kolommen
			$(".programma_sort .tijdkolom, .programma_sort .titelkolom, .programma_sort .lokatiekolom, .programma_sort .prijskolom, .programma_sort .statuskolom ").removeClass("down")
			$(".programma_sort .tijdkolom, .programma_sort .titelkolom, .programma_sort .lokatiekolom, .programma_sort .prijskolom, .programma_sort .statuskolom ").removeClass("up")
			$(this).addClass(strclass)

			laadResultaten()
		});

		// Open dropdowns
		$(".dropdown").click(function () {
			if ($(this).hasClass("closed")) {
				// Close other dropdowns
				closeDropdowns();

				$(this).removeClass("closed").addClass("open");
				$(this).find("ul").hide().slideDown(200);
			} else {
				var parent = $(this);
				$(this).find("ul").slideUp(200, function () { parent.removeClass("open").addClass("closed"); });
			}

			return false;
		});

		$(".dropdown label, .dropdown li").bind("clickoutside", function (event) {
			closeDropdowns();
		});

		var closeDropdowns = function () {
			$(".dropdown ul").hide();
		};

		var setPlaceholder = function (text) {
			return text + ' <a href="#">dropdown</a>';
		};

		// Functions per dropdown
		$(".dropdown ul li").click(function () {

			$(".dropdown ul li").removeClass("selected");
			$(this).addClass("selected");

			$(".dropdown label").html(setPlaceholder($(this).text()));
			$(".selectedMonth").val($(this).attr("maand:value"));

			var d = new Date();
			var dt
			if ((d.getMonth() + 1) < 10) {
				dt = "01-0" + (d.getMonth() + 1) + "-" + d.getFullYear()
			}
			else {
				dt = "01-" + (d.getMonth() + 1) + "-" + d.getFullYear()
			}

			if (dt == $(".selectedMonth").val()) {
				$(".programmaPrev").css("visibility", "hidden");
			}
			else {
				$(".programmaPrev").css("visibility", "visible");
			}

			laadResultaten();
			$(".programmaTitel").html("Programma " + $(this).text());
			Cufon.refresh()
		});


	});

    function laadResultaten() {
        // de filter en sort vars worden meegegeven aan de ajax call
        var a = $(".selectedMonth").val(); //$(".programmaMaandLst option:selected")
        var imaand = $(".selectedMonth").val(); // $(".programmaMaandLst").val()

        // inline if check op de classes
        var strtijdkolomSort = ($(".programma_sort .tijdkolom").hasClass("down") ? "down" : "")
        if (strtijdkolomSort == "") { strtijdkolomSort = ($(".programma_sort .tijdkolom").hasClass("up") ? "up" : "") }

        var strtitelkolomSort = ($(".programma_sort .titelkolom").hasClass("down") ? "down" : "")
        if (strtitelkolomSort == "") {
            strtitelkolomSort = ($(".programma_sort .titelkolom").hasClass("up") ? "up" : "")
        }

        var strlokatieKolomSort = ($(".programma_sort .lokatiekolom").hasClass("down") ? "down" : "")
        if (strlokatieKolomSort == "") {
            strlokatieKolomSort = ($(".programma_sort .lokatiekolom").hasClass("up") ? "up" : "")
        }

        var strprijskolomSort = ($(".programma_sort .prijskolom").hasClass("down") ? "down" : "")
        if (strprijskolomSort == "") {
            strprijskolomSort = ($(".programma_sort .prijskolom").hasClass("up") ? "up" : "")
        }


        var strstatuskolomSort = ($(".programma_sort .statuskolom").hasClass("down") ? "down" : "")
        if (strstatuskolomSort == "") {
            strstatuskolomSort = ($(".programma_sort .statuskolom").hasClass("up") ? "up" : "")
        }

        $.post("/site/ajax/GetProgrammaOverzicht.aspx", { datumprog: imaand, tijdkolomSort: strtijdkolomSort, titelkolomSort: strtitelkolomSort, locatiekolomSort: strlokatieKolomSort, prijskolomSort: strprijskolomSort, statuskolomSort: strstatuskolomSort }, function (data) {

            $("tr.row-noresults").remove();
            $(".programmaRegel").remove();
                        
            $(".programma_sort").after(data);

            if ($(".programmaRegel").length > 0) {
                $("tr.row-noresults").remove();
            }

            /* Bind hover */
            $(".progOverzicht tr.programmaRegel").hover(
               function () {
                   var b = $(this).contents().find(".progHover")[0]
                   $(b).css("display", "inline")

                   var a = $(this).contents().find(".lbStatus")[0]
                   $(a).addClass("hideMe");

                   var c = $(this).find(".prijs")[0]
                   //$(c).css("opacity", "0.0")

                   var c = $(this).find(".locatie")[0]
                   //$(c).css("opacity", "0.0")

               }, function () {
                   var b = $(this).contents().find(".progHover")[0]
                   $(b).css("display", "none")

                   var a = $(this).contents().find(".lbStatus")[0]
                   $(a).removeClass("hideMe");

                   var c = $(this).find(".prijs")[0]
                   $(c).css("opacity", "1.0")

                   var c = $(this).find(".locatie")[0]
                   $(c).css("opacity", "1.0")
               });

        });

    }