$(document).ready(function() {
    $(".detail_block").hide();
    $("#detail_1").show();

    $(".tab_on").click(function() {
        document.getElementById("tab_1").className = "tab_off no_margin";
        document.getElementById("tab_2").className = "tab_off";
        document.getElementById("tab_3").className = "tab_off";
        document.getElementById("tab_4").className = "tab_off";

        $(".detail_block").hide();
        var strID = this.id.split("_");
        var strContentID = "#detail_" + strID[1];
        $(strContentID).show();

        this.className = "tab_on no_margin";
    });

    $(".tab_off").click(function() {
        document.getElementById("tab_1").className = "tab_off no_margin";
        document.getElementById("tab_2").className = "tab_off";
        document.getElementById("tab_3").className = "tab_off";
        document.getElementById("tab_4").className = "tab_off";

        $(".detail_block").hide();
        var strID = this.id.split("_");
        var strContentID = "#detail_" + strID[1];
        $(strContentID).show();

        this.className = "tab_on";

    });
}); 

function openZoom(img)
{
    var url = "Zoom.aspx?img=" + img;
    var attrib = "height=680,width=590,resizable=no,scrollbars=no";
    window.open(url, null, attrib);
}