var projects = $$(".project");
var large_frame = $("large_frame");
var carouselTimeout;
var carouselHiding;
var CAROUSEL_TIME = 3000;
var currentProject = 0;
function stopCarousel(){
    
    if(carouselHiding) carouselHiding.stop();
    clearTimeout(carouselTimeout);
    projects[currentProject].getElementsByClassName("pane")[0].setStyle({visibility: 'visible',display:'',opacity:1});
    // jumpToCarouselItem(projects[currentProject].id)
}
function showNextCarouselItem(){
    
    currentProject = (currentProject + 1) % projects.length;
    
    jumpToCarouselItem(projects[currentProject].id);
}
function jumpToCarouselItem(id){
    var target = $(id);
    target.getElementsByClassName("pane")[0].setStyle({visibility: 'visible',display:'',opacity:1});
    target.opacity = 1;
    large_frame.scrollTop = target.offsetTop - large_frame.offsetTop;
    // target.appear({from:0,to:1,duration:1});
    startCarousel();

}
function hideCurrentCarouselItem(){
    carouselHiding = $(projects[currentProject]).getElementsByClassName("pane")[0].appear({from:1,to:0,afterFinish:showNextCarouselItem});
}
function startCarousel(){
    clearTimeout(carouselTimeout);
    // carouselTimeout = setTimeout("hideCurrentCarouselItem()",CAROUSEL_TIME)
   carouselTimeout = setTimeout("showNextCarouselItem()",CAROUSEL_TIME)
}
function onCarouselPipClick(){
    stopCarousel();
    jumpToCarouselItem(this.hash.replace("#",""));
    return false;
}
$$(".project_map .item a").each(function(link){
    link.onclick = onCarouselPipClick;
})
projects.each(function(project){
    //project.hide()
})
document.onclick = stopCarousel;

startCarousel();