var draggableObject = null;
var globalIndex = 1;
var triggerHappy = 0;

$(document).ready(function() {
    $("div#cntOpendagenComenius, div#cntOpendagenSavornin, div#cntOpendagenHilfertsheem, div#cntOpendagenOpmaat").dialog({
        bgiframe: true,
        modal: true,
        autoOpen: false
    });

    $("div#cntFilmpjeComenius, div#cntFilmpjeSavornin, div#cntFilmpjeHilfertsheem, div#cntFilmpjeOpmaat").dialog({
        bgiframe: true,
        modal: true,
        autoOpen: false,
        width: 794
    });


    $("a.opendagenComenius").live("click", function() {
        $("div#cntOpendagenComenius").dialog('open');
        return false;
    });

    $("div#cntOpendagenComenius").find("a.close").click(function() {
        $("div#cntOpendagenComenius").dialog('close');
        return false;
    });

    $("a.opendagenSavornin").live("click", function() {
        $("div#cntOpendagenSavornin").dialog('open');
        return false;
    });

    $("div#cntOpendagenSavornin").find("a.close").click(function() {
        $("div#cntOpendagenSavornin").dialog('close');
        return false;
    });

    $("a.opendagenHilfertsheem").live("click", function() {
        $("div#cntOpendagenHilfertsheem").dialog('open');
        return false;
    });

    $("div#cntOpendagenHilfertsheem").find("a.close").click(function() {
        $("div#cntOpendagenHilfertsheem").dialog('close');
        return false;
    });

    $("a.opendagenOpmaat").live("click", function() {
        $("div#cntOpendagenOpmaat").dialog('open');
        return false;
    });

    $("div#cntOpendagenOpmaat").find("a.close").click(function() {
        $("div#cntOpendagenOpmaat").dialog('close');
        return false;
    });






    $("a.filmpjeComenius").live("click", function() {
        $("div#cntFilmpjeComenius").dialog('open');
        return false;
    });

    $("div#cntFilmpjeComenius").find("a.close").click(function() {
        $("div#cntFilmpjeComenius").dialog('close');
        return false;
    });

    $("a.filmpjeSavornin").live("click", function() {
        $("div#cntFilmpjeSavornin").dialog('open');
        return false;
    });

    $("div#cntFilmpjeSavornin").find("a.close").click(function() {
        $("div#cntFilmpjeSavornin").dialog('close');
        return false;
    });

    $("a.filmpjeHilfertsheem").live("click", function() {
        $("div#cntFilmpjeHilfertsheem").dialog('open');
        return false;
    });

    $("div#cntFilmpjeHilfertsheem").find("a.close").click(function() {
        $("div#cntFilmpjeHilfertsheem").dialog('close');
        return false;
    });

    $("a.filmpjeOpmaat").live("click", function() {
        $("div#cntFilmpjeOpmaat").dialog('open');
        return false;
    });

    $("div#cntFilmpjeOpmaat").find("a.close").click(function() {
        $("div#cntFilmpjeOpmaat").dialog('close');
        return false;
    });
















    $('.selRondkijken').change(function() {

        var baseUrl = "/rondkijken/";

        if ($(this).val() == "Comenius College") {
            document.location = baseUrl + "comenius-college";
            return false;
        }
        else if ($(this).val() == "De Savornin Lohman") {
            document.location = baseUrl + "de-savornin-lohman";
            return false;
        }
        else if ($(this).val() == "Hilfertsheem-Beatrix") {
            document.location = baseUrl + "hilfertsheem-beatrix";
            return false;
        }
        else if ($(this).val() == "College de OpMaat") {
            document.location = baseUrl + "college-de-opmaat";
            return false;
        }

    });

    var dontClose = function() { return false };

    $('#cntComenius').jqm({ trigger: ".btnComenius", onHide: dontClose });
    $('#cntSavornin').jqm({ trigger: ".btnSavornin", onHide: dontClose });
    $('#cntHilfertsheem').jqm({ trigger: ".btnHilfertsheem", onHide: dontClose });
    $('#cntOpMaat').jqm({ trigger: ".btnOpMaat", onHide: dontClose });

    $(".drag1").draggable({
        containment: "#cntComenius",
        start: function() {
            $(this).stop().css("z-index", ++globalIndex);
        }
    });

    $(".drag2").draggable({
        containment: "#cntSavornin",
        start: function() {
            $(this).stop().css("z-index", ++globalIndex);
        }
    });

    $(".drag3").draggable({
        containment: "#cntHilfertsheem",
        start: function() {
            $(this).stop().css("z-index", ++globalIndex);
        }
    });

    $(".drag4").draggable({
        containment: "#cntOpMaat",
        start: function() {
            $(this).stop().css("z-index", ++globalIndex);
        }
    });

    $(".jqModal").click(function() {
        var title = $(this).attr("title");
        switch (title) {
            case "Comenius College":
            	whichLink = 1;
				var arr = new Array();
				arr[0] = ["+=230px", "+=60px", 2000];
				arr[1] = ["+=8px", "+=375px", 2000];
				arr[2] = ["+=163px", "+=319px", 2000];
				arr[3] = ["+=427px", "+=310px", 2000];
				arr[4] = ["+=638px", "+=354px", 2000];
				arr[5] = ["+=593px", "-=14px", 2000];
            	break;
            case "Savornin Lohman":
            	whichLink = 2;
				var arr = new Array();
				arr[0] = ["+=242px", "+=8px", 2000];
				arr[1] = ["+=436px", "-=20px", 2000];
				arr[2] = ["+=554px", "-=1px", 2000];
				arr[3] = ["+=89px", "+=288px", 2000];
				arr[4] = ["+=464px", "+=144px", 2000];
				arr[5] = ["+=704px", "+=242px", 2000];
            	break;
            case "Hilfertsheem Beatrix":
            	whichLink = 3;
				var arr = new Array();
				arr[0] = ["+=233px", "-=8px", 2000];
				arr[1] = ["+=503px", "-=12px", 2000];
				arr[2] = ["+=586px", "+=159px", 2000];
				arr[3] = ["+=89px", "+=304px", 2000];
				arr[4] = ["+=528px", "+=369px", 2000];
            	break;
            case "College de OpMaat":
            	whichLink = 4;
				var arr = new Array();
				arr[0] = ["+=560px", "+=38px", 2000];
				arr[1] = ["+=2px", "+=332px", 2000];
				arr[2] = ["+=479px", "+=258px", 2000];
            	break;
            default:
            	break;
        }

        $(".jqmWindow:nth-child(" + whichLink + ") .drag").each(function(i) {
            //var startingPointTop = 240 - ($(this).height() / 2);
            //var startingPointLeft = 445 - ($(this).width() / 2);
            var startingPointTop = 0;
            var startingPointLeft = 0;
            $(this).css({ position: "absolute", left: startingPointLeft, top: startingPointTop })

            $(this).animate({
                "left": arr[i][0],
                "top": arr[i][1]
            }, { duration: arr[i][2], queue: false, "easing": "elasout" });
        });
        return false;
    })
    $(".jqmWindow").addClass("showMe");



	$("#btnKiesGeel").click(function() {
		var school = $("#selSchool").val();
		if(school != "") {
			document.location = "/rondkijken/" + school;
			return false;
		}
		else {
			alert("Kies eerst een school.");
			return false;
		}
	});



    var currentPageRondkijken = $("a.current:last").text();

    if (currentPageRondkijken == "Comenius College") {
        $('div#cntLeftWrapper').css("width", "200px");
        $('.btnComenius').click();
        return false;
    }
    else if (currentPageRondkijken == "De Savornin Lohman") {
		$('div#cntLeftWrapper').css("width", "200px");
        $('.btnSavornin').click();
        return false;
    }
    else if (currentPageRondkijken == "Hilfertsheem-Beatrix") {
		$('div#cntLeftWrapper').css("width", "200px");
        $('.btnHilfertsheem').click();
        return false;
    }
    else if (currentPageRondkijken == "College de OpMaat") {
		$('div#cntLeftWrapper').css("width", "200px");
        $('.btnOpMaat').click();
        return false;
    }

    var valComenius = 0;
    var valSavornin = 0;
    var valHilfertsheem = 0;
    var valOpmaat = 0;
    var valHavo = 0;

    $("a.btnVolgende").click(function() {
        var nr = parseInt($(this).attr("rel"));
        var value = $(this).parent().find("input[name=question" + nr + "]:checked").val();
        if (value != undefined) {
            if (nr == 1) {
                calcQuestion1(value);
            }
            else if (nr == 2) {
                calcQuestion2(value);
            }
            else if (nr == 4) {
                calcQuestion4(value);
            }
            else if (nr == 5) {
                calcQuestion5(value);
                showAnswer();
            }
            $("#error" + nr + ":visible").show();
            $("div#question" + nr + "").hide();
            $("div#question" + (nr + 1) + "").show();
            $("img#image" + nr + "").hide();
            $("img#image" + (nr + 1) + "").show();
            document.location = "/vragenlijst#vraag" + nr;
        }
        else {
            $("#error" + nr + "").show();
        }
        return false;
    });

    function calcQuestion1(val) {
        if (val == 1) {
            valComenius += 1;
            valSavornin += 1;
            valHilfertsheem += 1;
            $("div#answerWelLwoo").hide();
        }
        else if (val == 2) {
            valOpmaat += 1;
            valHilfertsheem += 1;
			$("div#answerGroteSchool").hide();
            $("div#answerKleineSchool").hide();
        }
        else if (val == 3) {
            valComenius += 1;
            valSavornin += 1;
            valHavo += 1;
            $("div#answerGeenHavo").hide();
            $("div#answerWelLwoo").hide();
        }
        else if (val == 4) {
            valComenius += 200;
            $("div#answerWelLwoo").hide();
        }
    }

    function calcQuestion2(val) {
        if (val == 1) {
            valComenius += 100;
        }
        else if (val == 2) {
            valSavornin += 100;
        }
        else if (val == 3) {
            if (valHavo == 0) {
                valHilfertsheem += 100;
            }
        }
        else if (val == 4) {
            valOpmaat += 100;
        }
    }
    
    function calcQuestion4(val) {
        if(valComenius > 99) {
            if(val == 1) {
            	valSavornin += 150;
            }
        }
    }
    
    function calcQuestion5(val) {
        if(valComenius > 99) {
            if(val == 1) {
            	valSavornin += 150;
            }
        }
    }

    function showAnswer() {
        var school = "";
        var toelichting1 = "";
        var toelichting2 = "";

        if (valComenius > valHilfertsheem && valComenius > valOpmaat && valComenius > valSavornin) {
            school = "Comenius College";
            toelichting1 = "<p>Zo te horen zie jij een gezellige school waar altijd wat gebeurt wel zitten. Dan moet je op het Comenius zijn! Voor mavo, havo en vwo (atheneum of gymnasium).</p>";
            $("a#linkKomMeteenKijken").attr("href", "/rondkijken/comenius-college");
            toelichting2 = "";
            toelichting2 += "<p><strong>Kijk ook op:</strong> <a href=\"http://www.comenius-hilversum.nl\" target=\"_blank\">www.comenius-hilversum.nl</a></p>";
        }
        else if (valHilfertsheem > valComenius && valHilfertsheem > valOpmaat && valHilfertsheem > valSavornin) {
            school = "Hilfertsheem-Beatrix";
            toelichting1 = "<p>Een school waar je lekker met je handen kunt werken. Voor mavo of vmbo met lwoo moet je echt op Hilfertsheem-Beatrix zijn! Wil je weten waarom?</p>";
            $("a#linkKomMeteenKijken").attr("href", "/rondkijken/hilfertsheem-beatrix");
            toelichting2 = "";
			toelichting2 += "<p><strong>Kijk ook op:</strong> <a href=\"http://www.hilfertsheem.nl\" target=\"_blank\">www.hilfertsheem.nl</a></p>";
        }
        else if (valOpmaat > valComenius && valOpmaat > valHilfertsheem && valOpmaat > valSavornin) {
            school = "College de OpMaat";
            toelichting1 = "<p>Jij zoekt naar een toffe school voor lwoo. Nou, dan moet je bij College de OpMaat zijn!</p>";
            $("a#linkKomMeteenKijken").attr("href", "/rondkijken/college-de-opmaat");
            toelichting2 = "";
            toelichting2 += "<p><strong>Kijk ook op:</strong> <a href=\"http://www.collegedeopmaat.nl\" target=\"_blank\">www.collegedeopmaat.nl</a></p>";
        }
        else if (valSavornin > valComenius && valSavornin > valHilfertsheem && valSavornin > valOpmaat) {
            school = "De Savornin Lohman";
            toelichting1 = "<p>Op een school waar iedereen elkaar kent ben jij helemaal op je plek. Voor mavo of onderbouw mavo/havo moet jij op De Savornin Lohman zijn! Nieuwsgierig?</p>";
            $("a#linkKomMeteenKijken").attr("href", "/rondkijken/de-savornin-lohman");
            toelichting2 = "";
            toelichting2 += "<p><strong>Kijk ook op:</strong> <a href=\"http://www.savorninlohman.nl\" target=\"_blank\">www.savorninlohman.nl</a></p>";
        }

        $("div#question6").find("span#naam").html(school);
        $("div#question6").find("span#toelichting1").html(toelichting1);
        $("div#question6").find("span#toelichting2").html(toelichting2);
    }

});