function fillBoxes(){
    $('.div_imgBox').each(function(i){
        var x = i+1;
        var img = 'imgBox'+x+'.jpg';
        $(this).html('<a href="images/big/' + img + '"><img src="images/' + img + '" alt="" /></a>');
    });
}

function loadBoxEffects(){
    $('.div_imgBox').find('a').colorbox();
    $('.div_imgBox').find('a').hover(function(){
        $(this).parent().parent().css({'z-index':'2000'});
        $(this).parent().css({'z-index':'2000'}).find('img').addClass('img_hover').stop().animate({
            'top':'-15px',
            'left':'-15px',
            'height':'80px',
            'width':'80px',
            'padding':'5px'
        }, 150);
    }, function(){
        $(this).parent().find('img').removeClass('img_hover').stop().animate({
            'top':'0px',
            'left':'0px',
            'height':'60px',
            'width':'60px',
            'padding':'0px'
        }, 150, function(){
            $(this).parent().css({'z-index':'100'}).parent().css({'z-index':'100'});
        });
    });
}

function loadHoverEffects(divID){
    $(divID).find('div').each(function(){
        if($(this).hasClass('div_imgBox') || $(this).hasClass('div_button')){
            $(this).parent().find('.div_imgBox').addClass('div_transparent');
            $(this).hover(function(){
                $(divID).find('div').removeClass('div_transparent');
            }, function(){
                $(this).parent().find('.div_imgBox').addClass('div_transparent');
            });
        }
    });
}