$(document).ready( function()
{
   PEPS.rollover.init();
});

PEPS = {};

PEPS.rollover = 
{
   init: function(initClassName)
   {
      this.preload(initClassName);
    
    if(initClassName != null)
    {
		$("." + initClassName).hover(
        	function () { $(this).attr( 'src', PEPS.rollover.newimage($(this).attr('src')) ); }, 
			function () { $(this).attr( 'src', PEPS.rollover.oldimage($(this).attr('src')) ); }
      	);
    }  
    else
    {
      $(".ro").hover(
         function () { $(this).attr( 'src', PEPS.rollover.newimage($(this).attr('src')) ); }, 
         function () { $(this).attr( 'src', PEPS.rollover.oldimage($(this).attr('src')) ); }
      );
     }
   },

   preload: function(initClassName)
   {
		if(initClassName != null)
    	{
        	$("." + initClassName).each( function( key, elm ) { 
         		$('<img>').attr( 'src', PEPS.rollover.newimage( $(this).attr('src') ) ); 
         	});
      	}
      	else
      	{
      		$('.ro').each( function( key, elm ) { 
         		$('<img>').attr( 'src', PEPS.rollover.newimage( $(this).attr('src') ) ); 
         	});
      	}
   },
   
   newimage: function( src )
   { 
      return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_o' + src.match(/(\.[a-z]+)$/)[0]; 
   },

   oldimage: function( src )
   { 
      return src.replace(/_o\./, '.'); 
   }
};

     var timer = null;
     function openContent(id)
     { 
         $(".bgnum").css({'text-decoration':'none','color':'#AAAAAA','background':'url(images/back_event_title.jpg) repeat-x'});
         $("#slide_"+id).css({'background':'url(images/back_event_title_o.jpg)','color':'#FFF'});
         
         $('#imagegallery div').hide();         
         if(!animating)
         	$('#div'+id).fadeIn('slow');
         else
         {
         	$('#div'+id).show();	
         	animating = false;
         } 	
          
        $('#imagegallery div').css('visibility', 'visible');      
        if(timer != null) clearTimeout(timer);
        
        timer = setTimeout( 
          function(){
        	 if(id ==  $(".bgnum").length)
     		 	id = 1;
     		 else
     		 	id = id + 1;
     		openContent(id);
     		            
          }, 3000 
        );
     }
     
     var recomTime=null;
     function openRecommendContent(id)
     {        
        for(var i=1; i<4; i++)
        {
        	if(id==i)
        	{
        		$("#recommendCount_"+i).attr("src","./images/recommend/recomendasi_"+i+"_o.jpg");
        		$('#recommendContent_'+id).css('display','block');
        	}
        	else
        	{
        		$("#recommendCount_"+i).attr("src","./images/recommend/recomendasi_"+i+".jpg");
        		$('#recommendContent_'+i).css('display','none');
        	}
        }

        if(recomTime != null) clearTimeout(recomTime);
        
        recomTime = setTimeout( 
          function(){
        	 if(id ==  $(".recomnum").length)
     		 	id = 1;
     		 else
     		 	id = id + 1;
        	 openRecommendContent(id);
          }, 3000 
        );
     }
           
     $(document).ready(
          function(){       
          	openContent(1);
          	openRecommendContent(1);
        }
     )