$(document).ready(function(){
    if (typeof document.body.style.maxHeight == 'undefined'){
        var oldBrowser = true;
        $('#topPortfolioMoveContainer').css('margin-top', 0);
    }
    else {
        var oldBrowser = false;
    }

    var element = 0;
    var topPortfolioBlockHeight = parseInt($('.topPortfolioBlock').height());
    $('#topPortfolioMenu ul li').each(function(i){
        if (element != 0){
            $(this).attr('ref', topPortfolioBlockHeight*element);
        }
        else {
            $(this).attr('ref', 0);
        }
        element++;
    });

    if (!oldBrowser) {
        $('.topPortfolioItemWrapper img').hover(function(){
            if ($(this).attr('alt') == ''){
		        return false;
            }
            $('.toolTipContentWrapper').text($(this).attr('alt'));
            var dx = parseInt(parseInt($(this).offset().left)+parseInt($(this).width()/2)) - parseInt(parseInt($('.toolTip').width())/2);
            var dy = parseInt($(this).offset().top) - parseInt($('.toolTip').height()) + 4;
            $('.toolTip').css({left:dx+'px', top: dy+'px'});
            $('.toolTip').show();
        },
        function(){
            $('.toolTip').hide();
        });
    }

    $('#topPortfolioMenu ul li').click(function(){
        if (!$(this).attr('class').match(/.*Active.*/)){
            $('#topPortfolioMenu ul li').each(function(i){
                activeClass = $(this).attr('class').match(/(.*)Active/);
                if (activeClass != null){
                    $(this).attr('class', activeClass[1]);
                }
            });
            var newClass = $(this).attr('class') + 'Active';
            $(this).attr('class', newClass);

            $('#topPortfolioMoveContainer').animate({opacity: 0.3}, 100);
            $('#topPortfolioMoveContainer').animate({marginTop: -parseInt($(this).attr('ref')) + 'px'}, 800, function(){
                $('#topPortfolioMoveContainer').animate({opacity: 1}, 100);
            });
            $('#topPortfolioMoreLeft a').attr('href', $(this).find('a').attr('href'));
            return false;
        }
        return false
    });
});