$(document).ready(function () {
    $("#content").css('height', '450px')
    initPhotoSubMenu();

    $("#submenu li").click(function () {
        var action = 'ajax/PhotoHandler.aspx?p=' + $(this).attr("id");
        $.get(action + "&o=t", function (data) {
            $("#photo").html(data);
        });
    });
});

function initPhotoSubMenu() {
    $("#loading").text("Loading photo.....").hide();
    hideNextArrow();
    hidePreviousArrow();

    $("#loading").ajaxStart(function() {
        $("#photo").hide();
        $(this).show();
    });

    $("#loading").ajaxStop(function() {
        $(this).hide();
        $("#photo").fadeIn();
    });
  
    var initAction = 'ajax/PhotoHandler.aspx?p=' + $("#submenu li:first").attr("id") + '&o=t';
    $.get(initAction, function(data) {
        $("#photo").html(data);
    });
}

function setPhotoHeadline(text) {
    $("#navigation > p").text(text);
}

function bindPreviousArrow(id) {
    $("input[id='previousPhoto']").unbind("click");
    
    var action = 'ajax/PhotoHandler.aspx?p=' + id + '&o=p';
    $("input[id='previousPhoto']").click(function () {
        $.get(action, function (data) {
            $("#photo").html(data);
        });
    });
}

function bindNextArrow(id) {
    $("input[id='nextPhoto']").unbind("click");
    
    var action = 'ajax/PhotoHandler.aspx?p=' + id + '&o=n';
    $("input[id='nextPhoto']").click(function () {
        $.get(action, function (data) {
            $("#photo").html(data);
        });
    });
}

function hideNextArrow() {
    if ($("input[id='nextPhoto']").css('display') != 'none') {
        $("input[id='nextPhoto']").hide();
    }
}

function displayNextArrow() {
    if ($("input[id='nextPhoto']").css('display') == 'none') {
        $("input[id='nextPhoto']").show();
    }
}

function hidePreviousArrow() {
    if ($("input[id='previousPhoto']").css('display') != 'none') {
        $("input[id='previousPhoto']").hide();
    }
}

function displayPreviousArrow() {
    if ($("input[id='previousPhoto']").css('display') == 'none') {
        $("input[id='previousPhoto']").show();
    }
}