// ===========================================
// Oppethus
// ===========================================

$(document).ready(function(){
    
    var picsContainer = $('#oppethus-pics');
    
    picsContainer.append('<img src="/events/oppethus/img3.jpg" alt="" /><img src="/events/oppethus/img4.jpg" alt="" /><img src="/events/oppethus/img5.jpg" alt="" /><img src="/events/oppethus/img6.jpg" alt="" /><img src="/events/oppethus/img1.jpg" alt="" /><img src="/events/oppethus/img7.jpg" alt="" /><img src="/events/oppethus/img8.jpg" alt="" />');


    var pics = $('img',picsContainer);
    // Hide all but the first one
    pics.slice(1).css('opacity',0);
    
    var currentImage = 0;
    var time = 6000;
    var imgCount = pics.length;

    //console.log(imgCount+' images');

    function fadeInAndOutPictures(){
	// Fade out the current pic
	pics.eq(currentImage).animate({ opacity:0 }, { "duration": 1500, queue: false });
	
	currentImage = currentImage + 1;
	if(currentImage == imgCount){ currentImage = 0; }
	
	// Fade in the next one
	pics.eq(currentImage).animate({ opacity:1 }, { "duration": 1500, queue: false });
	
	// Call the timer again
	setTimeout(fadeInAndOutPictures,time);
	
    }
    
    if(imgCount>1){
	setTimeout(fadeInAndOutPictures,time);
    }
   
});