$(document).ready(function(){
    asyncImagesLoad();
    projectpreview()
    prettyPhoto();
});

function asyncImagesLoad(){
    $('.imgLoader').asyncLoader({});
}

function projectpreview(){
    var imgHolder = $('body').find('a.preview').css({
        'display': 'block'
    });
	
	
    imgHolder.each(function(){
        $(this).hover(function(){
            var ImgChecker = new RegExp(/\.(gif|jpe?g|png|bmp)$/);
            var VideoChecker = new RegExp(/\.(flv|mpe?g|swf|avi|flv)/);
            var YoutubeChecker = new RegExp(/(youtube.com)/);
            var VimeoChecker = new RegExp(/(vimeo.com)/);
            
            var $this = $(this);
            var hovredImg = $(this).find('img');
			var imgborder_top = parseInt(hovredImg.css('border-top-width'));
			var imgborder_left = parseInt(hovredImg.css('border-left-width'));
			
            var cover = $("<div class='cover'></div>").css({
                position: 'absolute',
                top: hovredImg.position().top+imgborder_top,
                left: hovredImg.position().left+imgborder_left,
                height: hovredImg.height(),
                width: hovredImg.width(),
                opacity: 0.0
            });
            
            if (ImgChecker.test($this.attr("href"))) {
                $(cover).addClass('imgCover').appendTo($this).stop().animate({
                    opacity: 0.5
                });
            }
            else 
                if (VideoChecker.test($this.attr("href"))) {
                    $(cover).addClass('videoCover').appendTo($this).stop().animate({
                        opacity: 0.5
                    });
                }
                else 
                    if (YoutubeChecker.test($this.attr("href"))) {
                        $(cover).addClass('video_YoutubeCover').appendTo($this).stop().animate({
                            opacity: 0.5
                        });
                    }
                    else if (VimeoChecker.test($this.attr("href"))) {
                            $(cover).addClass('video_VimeoCover').appendTo($this).stop().animate({
                                opacity: 0.5
                            });
                        }
                        else {
                            $(cover).css({
                                background: "#000"
                            }).appendTo($this).stop().animate({
                                opacity: 0.5
                            });
                        }
        }, function(){
            $(this).find('.cover').stop().animate({
                opacity: 0.0
            }, function(){
                $(this).remove();
            });
        });
    });
}

function prettyPhoto(){

    $("a[rel^='prettyPhoto']").prettyPhoto({
        theme: 'light_square'
    });
}