var curr_service = "service-design";

function show_image(el, desc, url, image, info) {
    $("#image", $(el)).attr("src", image);
    $("#url", $(el)).attr("href", url);
    $("#desc", $(el)).html(desc);
    $("#detail-text").html(info);
    $("#detail").show();
}

function show(el, target) {
    var full = $(el).attr("href");
    var desc = $(el).attr("desc");
    var url = $(el).attr("addr");
    var info = $(el).attr("full");
    show_image($(target), desc, url, full, info);
}

function show_service_list(el, id) {
    $(".service").hide();
    $(".service-select").removeClass("service-selected");
    $(el).parent().addClass("service-selected");
    $("#"+id).show();
    $("#service-detail").hide();
    curr_service = id;
    return false;
}

function show_service(id, block) {
    $(".service").hide()
    $("#service-detail-content").html("<table width='100%' height='100%'><tr><td valign='center' align='center'><img src='/images/ui-anim_basic_16x16.gif'/></td></tr></table>");
    $("#service-detail").show();
    $.get("/", {block_id: block, id: id}, function(data) {
        $("#prevBtn").remove();
        $("#nextBtn").remove();
        $("#separator").remove();
        $("#service-detail-content").html(data);
        $("#service-detail-content").easySlider({
            prevText:'&larr;',
            nextText:'&rarr;',
            orientation:'vertical'
        });
    });
    return false;
}

function close_service() {
    $("#service-detail").hide();
    show_service_list(curr_service);
    return false;
}
$(document).ready(function() {
    $(".image").click(function() {
        show($(this), $("#target"));
        return false;
    });
    $("#detail").click(function() {
        $("#detail-info").show();
        $("#small-images").hide();
        return false;
    });
    $("#detail-close").click(function() {
        $("#detail-info").hide();
        $("#small-images").show();
        return false;
    });
});