var Frontpage = {
	previews: function(){
		var iIndex  	= 0;
		var oElm 		= $('#preview');
		var oImages 	= $('#preview-images a.img');
		var oContent 	= $('#preview-images .content');
		var iTotal  	= oImages.length;
		var sTimer		= '';
	        
	 	$(oImages).each(function(i, e){
			$(this).bind('click', function() {
				e.stopPropagation;
				iIndex = i;
				
				$(oImages).removeClass('active');
				$(this).addClass('active');
				
				oElm.stop().fadeOut(200, function(){
					$(this).attr('style','display:none')
						.html( oContent.eq(i).html() )
						.fadeIn(200);
				});						
				
				window.clearTimeout(sTimer);
				sTimer = setTimeout(function(){doCycle(++iIndex)}, 4000);
			});
		});
		
		doCycle = function(index){
			if(index == iTotal) iIndex = 0;
	        oImages.eq(iIndex).trigger('click');
	    }
	    
	    doCycle(iIndex);
	}
};

//Initialize
$(window).load(function(){
	Frontpage.previews();
});