/// <reference path="~/Scripts/jquery-1.3.2-vsdoc.js"/>
var changing = true;
var setting = false;
var currentTab = 0;
$(function() {
    $("img.portfolio").
    bind("mouseover",
        function() {
            $(this).css('background-color', '#DFDFDF').css('border', '1px solid black');
        }
        ).bind("mouseout",
        function() {
            $(this).css('background-color', '').css('border', '1px solid transparent');
        });
    $("a.fancyZoom").fancybox(
        {
            'centerOnScroll': false,
            'overlayOpacity': 0.75,
            'frameWidth': 400,
            'frameHeight': 300,
            'zoomSpeedIn': 750,
            'zoomSpeedOut': 400,
            'callbackOnShow': animationsShow,
            'callbackBeforeClose': animationsHide
        }
    );
    $.history.init(callback);
    $('#tabs').css("display", "").tabs({ selected: currentTab, show: function(event, ui) {
        var selected = $('#tabs').tabs('option', 'selected');
        if (!changing) {
            setting = true;
            $.history.load(tabs[selected]);
            setting = false;
        }
        else
            changing = false;
    }
    });
});

function callback(hash) {
    var count = 0;
    for (count = 0; count < tabs.length; count++)
        if (tabs[count] == hash)
        currentTab = count;
    if (setting) return;
    changing = true;
    $('#tabs').tabs('option', 'selected', currentTab);
    changing = false;
}

function animationsShow() {
    $(".animations").css("display", "");
}

function animationsHide() {
    $(".animations").css("display", "none");
    $("#fancy_div").html("");
}