/*
By kobinski
 */
$('document').ready(init);

jQuery.extend({
	random: function(min, max) {
	  return Math.round(min + ((max - min)*(Math.random() % 1)));
	}
});

function init()
{
    $('div.gallery').hover(over,out);

    $('div#projects a').hover(overa,outa);

    $('img').bind('dragstart', function(event) { event.preventDefault(); });

    $('.gallery a img').fadeTo(0,0.65);

    var he;
    $('.gallery a img').imagesLoaded(function()
    {
        $('.gallery a img').each(function(){
        he=$(this).height();
        if(he>70)
        {
            $(this).css({'margin-top':-$.random(0,he-70)+'px'})
        }
        })
    });

}

function over(e)
{
    $(e.currentTarget).find('a img').stop(true);
    $(e.currentTarget).find('span.overlay').css({'display':'block'});
        $(e.currentTarget).find('a img').fadeTo(200,1);
        $('#projects a').each(function(){
            if($(e.currentTarget).find('a img').hasClass($(this).attr('class')))
            {
                $(this).addClass('hover');
            }
        });

    var h=$(e.currentTarget).find('a img').height() - 70;
    var t=(-$(e.currentTarget).find('a img').css('margin-top').replace(/px/,''))-h;
    $(e.currentTarget).find('a img').animate({'margin-top':-h} ,-t*15,function()
    {
        var t2=(-$(e.currentTarget).find('a img').css('margin-top').replace(/px/,''));
        $(e.currentTarget).find('a img').animate({'margin-top':'0px'} ,t2*5);
    });
}

function out(e)
{
    $(e.currentTarget).find('a img').stop(true);
    $(e.currentTarget).find('span.overlay').css({'display':'none'});
    $(e.currentTarget).find('a img').fadeTo(200,0.65);
     $('#projects a').each(function(){
        $(this).removeClass('hover');
     });




}

function overa(e)
{
    $('div.gallery a img.'+$(e.currentTarget).attr('class')).parent().find('span.overlay').css({'display':'block'});
    $('div.gallery a img.'+$(e.currentTarget).attr('class')).fadeTo(200,1);
}

function outa(e)
{
    $('div.gallery a img.'+$(e.currentTarget).attr('class')).parent().find('span.overlay').css({'display':'none'});
    $('div.gallery a img.'+$(e.currentTarget).attr('class')).fadeTo(200,0.65);
}