function onAfter() {  } 
function onBefore() {   $('#output').html(this.title);  }

$(document).ready(function () { 
							PEPS.rollover.init(); 
							loadImages("landing");
							$('#pause').click(function() {$('#slidesintro').cycle('pause'); }); 
							$('#play').click(function() { $('#slidesintro').cycle('resume'); });
							});

function showPage(page){
	$("#empty_menu").css({display:"block"});
	$("#personal_menu").css({display:"none"});
	$("#commercial_menu").css({display:"none"});

	switch(page){
		case "home":
		loadImages("landing")
		break;
		case "info":
		$("#info").css({display:"block"});
		$('#slidesintro').css({display:"none"});
		$('#control-buttons').css({display:"none"});
		break;
		default:
		$("#empty_menu").css({display:"none"});
		$("#"+page+"_menu").css({display:"block"});		
		break;
		
	}

}

function loadImages(category){
	$("#info").css({display:"none"});		

	$.get("getimages.php", {cat:category}, 
		  function(data){
			  $("#slidesintro").empty();
			  var imgs=data.split(",");
			  for(var i=0;i<imgs.length-1;i++){
				  $("#slidesintro").append(imgs[i]);
			  }
			  $('#slidesintro').cycle({startingSlide: 0,  fx: 'fade',  speed:  1000,  timeout: 4000, next:  '#next',  prev:  '#prev',  before: onBefore,   after:  onAfter   });
			$('#slidesintro').css({display:"block"});
			$('#control-buttons').css({display:"block"});
		});
//	$("#slidesintro").load("getimages.php", {cat:category}, function(){
  // 		$('#slidesintro').cycle({startingSlide: 0,  fx: 'fade',  speed:  1000,  timeout: 4000, next:  '#next',  prev:  '#prev',  before: onBefore,   after:  onAfter   });   
		
 //});
}

PEPS = {};

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

   preload: function()
   {
      $(window).bind('load', function() {
         $('.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\./, '.');
   }
};