$().ready(function(){
    var _intervalID = ""
    $(".project-item").hover(function(){
        $(this).children(".project-image").children(".project-image-controller").css("z-index","10")
        $(this).children(".project-image").children(".project-image-controller").stop().animate({
            marginTop : 0
        },500)
        $(this).addClass("animating");
        $(".project-item.animating img.preload").each(function(){
                if($(this).attr("longdesc") != ""){
                    $(this).attr({
                        src : $(this).attr("longdesc"),
                        longdesc : ""
                    })
                }
        })
        _intervalID = setInterval(function(){$(".project-item.animating .project-image-controller a:first").next().click()},2000)
    },function(){
        
        if(!$(".project-item.animating .project-image-controller a:first").hasClass('active')){
            $(".project-item.animating .project-image-container img.active").removeClass("active").animate({opacity:0},500);
            $(".project-item.animating .project-image-container img").eq(0).addClass("active").animate({opacity:1},500);
            $(".project-item.animating .project-image-controller a").removeClass("active")
            $(".project-item.animating .project-image-controller a").eq(0).addClass("active")
        }
        $(this).removeClass("animating");
        $(this).children(".project-image").children(".project-image-controller").stop().animate({
            marginTop : -32
        },500)
        clearInterval(_intervalID)
    })
    
    $(".project-item .project-image-controller a").bind("click",function(){
        clearInterval(_intervalID)
        var _index = $(".project-item").index($(this).parents(".project-item"));
        var _clickIndex = $(".project-item.animating .project-image-controller a").index(this);
        $(".project-item.animating").find(".project-image-container img").css("opacity","0")
        $(".project-item.animating .project-image-controller a").removeClass("active")
        $(this).addClass("active")
        $(".project-item.animating .project-image-container img.active").removeClass("active").animate({opacity:0},500);
        $(".project-item.animating .project-image-container img").eq(_clickIndex).addClass("active").animate({opacity:1},500);
        if($(".project-item.animating .project-image-controller a.active").next().length == 0){
            _intervalID = setInterval(function(){$(".project-item.animating .project-image-controller a").eq(0).click()},2500)
        }else{
            _intervalID = setInterval(function(){$(".project-item.animating .project-image-controller a.active").next().click()},2000)
        }
        return false;
    })
    
    
    
    
})