$(document).ready(function() {
    $(".gallery a.detail").click(function(event) { opendetail(event, this.href); });
    
    $.ajaxSetup({
        cache: false
    });

});

var opendetail = function(event, url) {
    if (event) {
        event.preventDefault();
    }

    $.ajax({
        url: url.split(".jpg")[0] + "/Detail",
        type: "GET",
        dataType: "html",
        success: function(data) {
            $("div#overlaycontent").empty();
            $("div#overlaycontent").css({ margin: "95px auto" });
            if ($(window).scrollTop() > 95)
                $("div#overlaycontent").css({ margin: ($(window).scrollTop()) + "px auto" });
            $("div#overlaycontent").append(data);
            $('div#overlay').css({ opacity: 0.5 });
            $("div#overlay,div#overlayouter").fadeIn("normal");
        }
    });
}

var browsedetail = function(event, url) {
    if (event) {
        event.preventDefault();
    }
    detailloaded = false;
    $("div#overlaycontent").height($("div#overlaycontent").height());
    $("div#detailcontent").fadeOut("normal", function() {
        $("div#overlaycontent").empty();
        $.ajax({
            url: url.split(".jpg")[0] + "/Detail",
            type: "GET",
            dataType: "html",
            success: function(data) {
                if ($(window).scrollTop() > 95)
                    $("div#overlaycontent").css({ margin: ($(window).scrollTop()) + "px auto" });
                $("div#overlaycontent").append(data);
            }
        });
    });
}

var closedetail = function(event) {
    if (event) {
        event.preventDefault();
    }
    $("div#overlay,div#overlayouter").fadeOut("normal", function() {
        $("div#detailcontent").remove();
    });
}


var closelogin = function(event) {
    closedetail(event);
}

var submitlogin = function(event, action) {
    if (event) {
        event.preventDefault();
    }
    $.post(action, $("#loginform").serialize(), function(data) {
        $("div#admincontent").fadeOut("normal", function() {
            $("div#admincontent").remove();
            $("div#overlaycontent").append(data);
            $("div#admincontent").fadeIn("normal");
        });
    }, "html");
}



var openlogin = function(event) {
    $.ajax({
        type: "GET",
        dataType: "html",
        url: "/Login/Login",
        success: function(data) {
            $("div#overlaycontent").append(data);
            $('div#overlay').css({ opacity: 0.5 });
            $("div#overlay,div#overlayouter").fadeIn("normal", function() {
                $("#admincontent").fadeIn("normal");
            });
        }
    });
}