/* jquery script */
	 jQuery.noConflict();

	jQuery(document).ready(function(){

		//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
		//Vertical Sliding
		jQuery('.SlideupContainer.slidedown').hover(function(){
			jQuery(".MenuContent", this).stop().animate({top:'-260px'},{queue:false,duration:600});
		}, function() {
			jQuery(".MenuContent", this).stop().animate({top:'0px'},{queue:false,duration:600});
		});
		//Horizontal Sliding
		jQuery('.SlideupContainer.slideright').hover(function(){
			jQuery(".MenuContent", this).stop().animate({left:'325px'},{queue:false,duration:600});
		}, function() {
			jQuery(".MenuContent", this).stop().animate({left:'0px'},{queue:false,duration:600});
		});
		//Diagnal Sliding
		jQuery('.SlideupContainer.thecombo').hover(function(){
			jQuery(".MenuContent", this).stop().animate({top:'260px', left:'325px'},{queue:false,duration:600});
		}, function() {
			jQuery(".MenuContent", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:600});
		});
		//Partial Sliding (Only show some of background)
		jQuery('.SlideupContainer.peek').hover(function(){
			jQuery(".MenuContent", this).stop().animate({top:'90px'},{queue:false,duration:600});
		}, function() {
			jQuery(".MenuContent", this).stop().animate({top:'0px'},{queue:false,duration:600});
		});
		//Full Caption Sliding (Hidden to Visible)
		jQuery('.SlideupContainer.captionfull').hover(function(){
			jQuery(".MenuContent", this).stop().animate({top:'150px'},{queue:false,duration:600});
		}, function() {
			jQuery(".MenuContent", this).stop().animate({top:'260px'},{queue:false,duration:600});
		});
		//Caption Sliding (Partially Hidden to Visible)
		jQuery('.SlideupContainer.caption').hover(function(){
			jQuery(".MenuContent", this).stop().animate({top:'20px'},{queue:false,duration:600});
		}, function() {
			jQuery(".MenuContent", this).stop().animate({top:'150px'},{queue:false,duration:600});
		});
	});


	/* mooToolsScript */
	window.addEvent('domready', function(){ 
		var totIncrement		= 0;
		var increment			= 208;						// breedte per element
		var count = jQuery("#myList li").length;
		var maxRightIncrement	= -increment*(count - 4);			// totaal aantal - aantal dat mom. getoond wordt
		var fx = new Fx.Style('myList', 'margin-left', {
				duration: 1000,
				transition: Fx.Transitions.Back.easeInOut,
				wait: true
				
				
		});

		//-------------------------------------
		// EVENTS for the button "previous"
		$('previous').addEvents({ 
		  'click' : function(event){ 
		  if(totIncrement<0){
					totIncrement = totIncrement+increment;
					fx.stop()
					fx.start(totIncrement);
					window.clearTimeout(nAutoPlayTimer);
				}
			}			  	  
		}); 

		//-------------------------------------
		// EVENTS for the button "next"
		$('next').addEvents({ 
		  'click' : function(event){ 
			 if(totIncrement>maxRightIncrement){
				 totIncrement = totIncrement-increment;
				fx.stop()
				fx.start(totIncrement);
				if (!bSimulatedClick) {
					window.clearTimeout(nAutoPlayTimer);
				}
			}
		  }		  		  
		})

	});


	var nAutoPlayTimer = window.setTimeout(autoPlay, 5000);
	var bSimulatedClick = false;
	function autoPlay() {
		bSimulatedClick = true;
		$("next").fireEvent("click");
		bSimulatedClick = false;
		nAutoPlayTimer = window.setTimeout(autoPlay, 5000);
	}