$(document).ready(function(){
	
	//Raus, wenn Vorschaltseite weg ist
	//$('#menu ul li:first-child').hide();
	//$('#menu ul li ul li:first-child').show();
	
	//$('#menu ul li:nth-child(2)').hide();
	//$('#menu ul li ul li:nth-child(2)').show();
	
	
	// Menu
	$('#menu ul li').mouseenter(function(){
		$(this).addClass('active');
		$('ul', this).fadeIn('fast');
	});
	$('#menu ul li').mouseleave(function(){
	    $(this).removeClass('active');
		$('ul', this).fadeOut('fast');
	});
	
	//Bilder im Inhalt
	//$("a[rel=lightbox]").fancybox({
	//	'transitionIn'		: 'none',
	//	'transitionOut'		: 'none',
	//	'titlePosition' 	: 'over',
	//	'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
	//		return '<span id="fancybox-title-over">' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
	//	}
	//});
	
	$('#sb-slider').slicebox({
		orientation			: 'h',
		slicesCount			: 3,
		disperseFactor		: 25,
		sequentialRotation	: true,
		slideshow           : true,
		slideshowTime       : 5000,
		sequentialFactor	: 140
	});
   
	if( !Modernizr.csstransforms3d ) {
	
		$('body').append(
			$('script').attr( 'type', 'text/javascript' ).attr( 'src', 'js/jquery.easing.1.3.js' )
		);
	}	
	
	//************* Lava Effect for Menu
	//transitions
	//for more transition, goto http://gsgd.co.uk/sandbox/jquery/easing/
	var style = 'easeOutExpo';

	//Retrieve the selected item position and width
	var default_left = Math.round($('#lava li.menuactive').offset().left - $('#lava').offset().left);
	var default_width = $('#lava li.menuactive').width();

	//Set the floating bar position and width
	$('#box').css({left: default_left});
	$('#box .head').css({width: default_width});

	//if mouseover the menu item
	$('#lava li').hover(function () {
		
		//Get the position and width of the menu item
		left = Math.round($(this).offset().left - $('#lava').offset().left);
		width = $(this).width(); 
	$('#debug').html(left);
		//Set the floating bar position, width and transition
		$('#box').stop(false, true).animate({left: left},{duration:500, easing: style});	
		$('#box .head').stop(false, true).animate({width:width},{duration:500, easing: style});	
	
	//if user click on the menu
	}).click(function () {
		
		//reset the selected item
		$('#lava li').removeClass('selected');	
		
		//select the current item
		$(this).addClass('selected');

	});
	
	//If the mouse leave the menu, reset the floating bar to the selected item
	$('#lava').mouseleave(function () {

		//Retrieve the selected item position and width
		default_left = Math.round($('#lava li.menuactive').offset().left - $('#lava').offset().left);
		default_width = $('#lava li.menuactive').width();
		
		//Set the floating bar position, width and transition
		$('#box').stop(false, true).animate({left: default_left},{duration:500, easing: style});	
		$('#box .head').stop(false, true).animate({width:default_width},{duration:500, easing: style});		
	});

	$('#box').show();
	
});