function bumpersAvailable()
{
    var firstTrack = parseInt($("select[name=firstTrack]").attr("value"));
    var lastTrack = parseInt($("select[name=lastTrack]").attr("value"));
    
    if (firstTrack && lastTrack) {
        for (i = firstTrack; i <= lastTrack; i++) {
            if ($.inArray(i, tracksWithBumpers) < 0)
                return false;
        }
    
        return true;
    }
    
    return false;
}

function reserveDialog(data)
{
    var dialogHeight = 485;
    
    if (tracksWithBumpers.length <= 0)
        dialogHeight = 460;
    
    $.post("proxy.php?f=reserve", data, function(data) {
        $("#dialog").html(data).dialog({
            title: "Tee uusi varaus",
            modal: true,
            resizable: false,
            width: 390,
            height: dialogHeight,
            
            close: function() {
                $(this).dialog("destroy"); 
                $("td._time").removeClass("ui-selected");
            },
            
            buttons: { 
                "Sulje": function() { 
                    $(this).dialog("close"); 
                },
                
                "Varaa": function() {
                    $.post("proxy.php?f=reserve-post", $('#reservationForm').serialize(), function(data) {
                        var ret = data.substring(0, 4);
                        
                        if (ret == "[OK]") {
                            $("#reservationForm").parent().html("<div class='reservationConfirm'>" + 
                                "<h2>Kiitos varauksestasi!</h2>" + 
                                "<p></p>" + 
                                "<p><span style='text-decoration: underline;'>Vahvista varauksesi</span> klikkaamalla sähköpostiisi tulleen viestin linkkiä <span style='text-decoration: underline;'>15 minuutin sisällä</span>.</p>" +
                                "<p>Mikäli et vahvista tekemääsi varausta, niin se poistuu automaattisesti varausjärjestelmästä 15 minuutin kuluttua.</p>" +
                                "<p>Varauksesi on jo rekisteröity, mutta se on vielä vahvistettava sähköpostin kautta." + 
                                "   Tarkista roskapostisi, jollet ole saanut varausvahvistusta sähköpostiisi.</p>" + 
                                "<p>Kiitos online-varauksen käytöstä.</p>" + 
                                "</div>");
                            
                            $("#dialog").dialog("option", "buttons", { "Sulje": function() { 
                                $(this).dialog("close"); 
                                window.location.reload();
                            }});
                        } else {                        
                            alert(data);
                        }
                    });
                }
            }
        });
        
        $("input[type=text][name=firstname]").focus();
        
        var emailField = $("input[type=text][name=email]");
        var originalColor = emailField.css("color");
        var text = "Huomio! Sähköpostivarmistus.";
        
        emailField.css("color", "#888").attr("value",  text);

        emailField.focus(function() {
            emailField.css("color", originalColor)   

            if (emailField.attr("value") == text)
                emailField.attr("value", "");
        });
        
        emailField.blur(function() {
            if (emailField.attr("value").length <= 0)
                emailField.css("color", "#888").attr("value",  text)          
        });
        
        if (tracksWithBumpers.length > 0) {
            if (!bumpersAvailable()) {
                $("#bumpers-available").hide();
                $("#bumpers-notavailable").show();
                
                $("input[type=checkbox][name=bumpers]").attr("checked", "");
                $("input[type=checkbox][name=bumpers]").attr("disabled", "disabled");
            }
            
            $("select[name=firstTrack], select[name=lastTrack]").change(function() {
                if (bumpersAvailable()) {
                    $("#bumpers-notavailable").hide();
                    $("#bumpers-available").show();
                    
                    $("input[type=checkbox][name=bumpers]").attr("disabled", "");
                } else {
                    $("#bumpers-available").hide();
                    $("#bumpers-notavailable").show();
                    
                    $("input[type=checkbox][name=bumpers]").attr("checked", "");
                    $("input[type=checkbox][name=bumpers]").attr("disabled", "disabled");
                }
            });
        } else {
            $("#bumpersRow").hide();
        }
    });
}

$(function() {
    $("#showNotice").click(function () {
        $(this).hide();
        $("._restOfNotice").show();
        $("#hideNotice").show();
    
        return false;
    });

    $("#hideNotice").click(function () {
        $(this).hide();
        $("._restOfNotice").hide();
        $("#showNotice").show();
    
        return false;
    });

    $("#datepicker").datepicker({
        minDate: 0,
        maxDate: "1y",
        numberOfMonths: 2,
        dateFormat: "yy-mm-dd",
        defaultDate: currentDate,
        
        onSelect: function(dateText) {
            document.location = "index.php?day=" + dateText;
        }
    }, $.datepicker.regional["fi"]);
    
    if ($("td._time:first").length > 0) {
        $("td._time").click(function() {
            reserveDialog({ id: $(this).attr("id") });
            return false;
        });
        
        $("#timeTable").selectable({ 
            delay: 50,
            filter: "td._time, td._reserved",
            
            stop: function() {
                var skipDialog = false;
                var selected = new Array();
            
                $(".ui-selected", this).each(function() {
                    var obj = $(this);
                    
                    if (obj.hasClass("reserved")) {
                        skipDialog = true;
                        return false;
                    }
                    
                    selected.push(obj.attr("id"));
                });
                
                if (selected.length > 0 && !skipDialog) {
                    reserveDialog({ "ids[]": selected });
                } else {
                    $("td._time, td._reserved").removeClass("ui-selected");
                }
            }
        });
    }
    
    $("#timeTable tr._timeRow").hover(
        function() {
            $("td:first, td:last", this).addClass("highLight");
        },
        
        function() {
            $("td:first, td:last", this).removeClass("highLight");
        }
    );
});