/**
    Created on : 11-04-2011
    Author     : Jool.nl | Martijn van der Hulst
**/
jQuery(document).ready(function($) {
	var startId = '1';
	var currentSelectedId = startId;
	var currentHoverId;
	

	function swapHeaders(currentSelectedId, currentHoverId) {
		
		/* swapOut the old stuff */
		$('#header_s'+currentSelectedId).children('.visual').stop(true, true).css({ zIndex: 2 }).animate({opacity: 0, marginLeft: '700px'}, 1000, 'swing', function (){ 
				$(this).css({ zIndex: -1 });
			});
		
		$('#header_s'+currentSelectedId).children('.quote-text').stop(true, true).css({ zIndex: 3 }).animate({opacity: 0, marginTop: '600px'}, 5000, 'swing', function (){ 
				$(this).css({ zIndex: -1 });
			});
			
		$('#header_s'+currentSelectedId).removeClass('selected');
		$('#menu_s'+currentSelectedId).removeClass('selected');
		
		
		/* swapIn the new stuff */
		$('#header_s'+currentHoverId).find('.visual').stop(true,true).css({zIndex: 1, marginLeft: '0px' }).animate( {opacity: 1}, 500);
		$('#header_s'+currentHoverId).find('.quote-text').stop(true,true).css({zIndex: 2,  marginTop: '22px' }).animate( {opacity: 1}, 1000);
		
		$('#header_s'+currentHoverId).addClass('selected');
		$('#menu_s'+currentHoverId).addClass('selected');
	} 
	
	function setDefault(){
		$('#menu_s'+currentSelectedId).addClass('selected');
				
		$('.visual').css({ zIndex: -1, opacity: 0, marginLeft: '700px' });
		$('#header_s'+currentSelectedId).addClass('selected').find('.visual').css({ zIndex: 1, opacity: 1, marginLeft: '0px' });
		$('#header_s'+currentSelectedId).find('.quote-text').css({ zIndex: 2, opacity: 1,  marginTop: '22px', marginLeft: '40px' });
	}
	
	function setTimer() {
		timer=setInterval(function () {
			currentHoverId = 1+(currentSelectedId%4);
			swapHeaders(currentSelectedId,currentHoverId);
			//set the new currentSelected
			currentSelectedId = currentHoverId;  
		},8000);
	}
	
	
	if (!$('body').hasClass('inEditor') && !$('body').hasClass('template_branch')) { 
		
		/* home front-end slider =============================================================== */
		/* set to position only on front */
		$('.contentHeader').css({position: 'absolute'});
		$('.home-menu').hover(function() {
			currentHoverId = $(this).attr('rel'); 	
			currentSelectedId = $('.home-menu.selected').attr('rel');
			
			/* stop the timer */
			clearTimeout(timer);
			
			/* check if the current hover isn`t already selected */
			if (currentSelectedId != currentHoverId){
				swapHeaders(currentSelectedId, currentHoverId);
			}
				
		});
		
		/* start the timer after leaving the menu */
		$('.home-menu').mouseleave(setTimer);		
		 
		/* start the timer */
		setTimer();
		
		/* end home front-end slider ========================================================== */
		
	} else {
		
		/* home back-end slider =============================================================== */
		
		$('#menu_s'+startId).addClass('selected');
		$('#header_s'+startId).addClass('selected').find('.visual').css({ zIndex: 1, opacity: 1,  marginLeft: '0px' });
		$('#header_s'+startId).find('.quote-text').css({ zIndex: 2, opacity: 1,  marginTop: '22px', marginLeft: '40px' });		
		
		$('.home-menu').click(function() {
			var clickedId = $(this).attr('rel');
			
			/* remove all selected classes */
			$('.home-menu').each(function(){ 
				$(this).removeClass('selected');
			});
			$('.contentHeader').each(function(){
				$(this).removeClass('selected');
			});
		
			/* add the class selected */
			$('#menu_s'+clickedId).addClass('selected');
			$('#header_s'+clickedId).addClass('selected').find('.visual').css({ zIndex: 1, opacity: 1,  marginLeft: '0px' });
			$('#header_s'+clickedId).find('.quote-text').css({ zIndex: 2, opacity: 1,  marginTop: '22px', marginLeft: '40px' });				
			
		});
		
		/* end home back-end slider ============================================================= */
	}

	/* Set the default values */
	setDefault();
			
})