// JavaScript Document
jQuery.noConflict();
jQuery(document).ready(function($){
	
	// Hide/Style Elements
	//$('#menu').hide();
	//$('#promo').hide();
	//$('#homeSubs').hide();
	//$('#footerOverlap').hide();
	//$('#footerBlock').hide();	
	
	$(window).load(function	() { // Window Loaded ( All Elements Loaded )
		//
		var yachtsCaro;
		// Our Yachts Caro Timer
		yachtsCaro = window.setInterval(
		function() {
			var toMove = 447;
			var maxPos = 0-1341; // With 57 included
			//var maxPos = 0-894; // WITHOUT 57 included
			var currentPos = parseInt($('#ourYachtsSlides').css('left'));
			if ( currentPos == maxPos ) {
				$('#yachtNav').children('a').removeClass();
				$('#ourYachtsSlides').animate({'left' : '0px'},500)
				$('#view55').addClass('current');
			} else {
				var newPos = currentPos-toMove;
				$('#yachtNav').children('a').removeClass();
				$('#ourYachtsSlides').animate({'left' : newPos},500)
				if  (newPos == -447){
					$('#view57').addClass('current');
				} else if (newPos == -894) {
					$('#view67').addClass('current');
				} else {
					$('#view50').addClass('current');
				}
			}
		},9000);
				
		// Main Images Fade In
		//
		/*
		$('#menu').delay(3000).fadeIn('slow');
		$('#promo').delay(3000).fadeIn('slow');
		$('#homeSubs').delay(3000).fadeIn('slow', function(){
			// Our Yachts Caro Timer
			yachtsCaro = window.setInterval(
			function() {
				var toMove = 447;
				// var maxPos = 0-1341; // With 57 included
				var maxPos = 0-894; // WITHOUT 57 included
				var currentPos = parseInt($('#ourYachtsSlides').css('left'));
				if ( currentPos == maxPos ) {
					$('#yachtNav').children('a').removeClass();
					$('#ourYachtsSlides').animate({'left' : '0px'},500)
					$('#view55').addClass('current');
				} else {
					var newPos = currentPos-toMove;
					$('#yachtNav').children('a').removeClass();
					$('#ourYachtsSlides').animate({'left' : newPos},500)
					if  (newPos == -447){
						/* $('#view57').addClass('current');
					} else if (newPos == -894) { *//*
						$('#view67').addClass('current');
					} else {
						$('#view50').addClass('current');
					}
				}
			},9000);
		});
		$('#footerOverlap').delay(3000).fadeIn('slow');
		$('#footerBlock').delay(3000).fadeIn('slow');
		*/
		$('#homeOne').delay(3000).fadeOut(2000);
		$('#homeTwo').delay(6000).fadeOut(2000, function() {
			gridFades();
		});
		

		// Clear Our Yachts Caro Timer on MouseOver
		$('#ourYachts').mouseenter( function() {
			yachtsCaro = clearInterval(yachtsCaro);
		});
		// Start Our Yachts Caro Timer on MouseLeave
		$('#ourYachts').mouseleave( function() {
			yachtsCaro = window.setInterval(
			function() {
				var toMove = 447;
				var maxPos = 0-1341; // With 57 included
				//var maxPos = 0-894; // WITHOUT 57 included
				var currentPos = parseInt($('#ourYachtsSlides').css('left'));
				if ( currentPos == maxPos ) {
					$('#yachtNav').children('a').removeClass();
					$('#ourYachtsSlides').animate({'left' : '0px'},500)
					$('#view55').addClass('current');
				} else {
					var newPos = currentPos-toMove;
					$('#yachtNav').children('a').removeClass();
					$('#ourYachtsSlides').animate({'left' : newPos},500)
					if  (newPos == -447){
						$('#view57').addClass('current');
					} else if (newPos == -894) {
						$('#view67').addClass('current');
					} else {
						$('#view50').addClass('current');
					}
				}
			},9000);
		});
		// Our Yachts Carousel BW to Colour Images		
		$('.ourYachtsImg').mouseenter( function() {
			$(this).children('img').fadeOut('slow');
		});
		$('.ourYachtsImg').mouseleave( function() {
			$(this).children('img').fadeIn('slow');
		});
		// Our Yachts Caro Manual Slide Change
		$('#view55').click( function(event) {
			$('#yachtNav').children('a').removeClass();
			$(this).addClass('current');
			$('#ourYachtsSlides').animate({'left': '0px'}, 500);
			event.preventDefault();
		});
		$('#view57').click( function(event) {
			$('#yachtNav').children('a').removeClass();
			$(this).addClass('current');
			$('#ourYachtsSlides').animate({'left': '-447px'}, 500);
			event.preventDefault();
		});
		$('#view67').click( function(event) {
			$('#yachtNav').children('a').removeClass();
			$(this).addClass('current');
			$('#ourYachtsSlides').animate({'left': '-894px'}, 500);
			event.preventDefault();
		});
		$('#view50').click( function(event) {
			$('#yachtNav').children('a').removeClass();
			$(this).addClass('current');
			$('#ourYachtsSlides').animate({'left': '-1341px'}, 500);
			event.preventDefault();
		});
				
	}); // Window Loaded ( All Elements Loaded ) - END
	
	// Some Functions ----------------------------------------------- //
	
	// Homepage Grid Initial Fade In Function
	function gridFades() {
		$('#gbrA').delay(2000).fadeIn('slow', function() { // 6 Secs
			$('#gbr').children('li').css('display','block');
			gridBotRight();
			$('#gtlA').fadeIn('slow', function() { // 8
				$('#gtl').children('li').css('display','block');
				gridTopLeft()
			});
			$('#gmrA').fadeIn('slow', function() { // 8
				$('#gmr').children('li').css('display','block');
				gridMidRight();
				$('#gtrA').fadeIn('slow', function() { // 10
					$('#gtr').children('li').css('display','block');
					gridTopRight();
					$('#gtmA').fadeIn('slow', function() { // 12
						$('#gtm').children('li').css('display','block');
						gridTopMid();
						$('#gblA').fadeIn('slow', function() { // 16
							$('#gbl').children('li').css('display','block');
							gridBotLeft();
							$('#glrgA').fadeIn('slow', function() { // 20
								$('#glrg').children('li').css('display','block');
								gridLarge();
								$('#gmlA').fadeIn('slow', function() { // 28
									$('#gml').children('li').css('display','block');
									gridMidLeft();
								});
							});
						});
					});
				});
			});
		});
	}
	
	// Homepage Grid Repeat Fade In/Out Functions
	function gridTopLeft() { // Change every 8 seconds
		var delayTime = 8000 // 8 Seconds
		$('#gtlA').delay(delayTime).fadeOut('slow',function(){  // Wait, Fade A out
			$('#gtlB').delay(delayTime).fadeOut('slow',function(){ // Wait, Fade B out
				$('#gtlC').delay(delayTime).fadeOut('slow').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade C out, wait, Fade C in
					$('#gtlB').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade B In
						$('#gtlA').delay(delayTime).fadeIn('slow',gridTopLeft); // Wait, Fade A In, Repeat
					});
				});
			});
		});
	}
	
	function gridTopMid() { // Change every 12 seconds
		var delayTime = 12000 // 12 Seconds
		$('#gtmA').delay(delayTime).fadeOut('slow',function(){  // Wait, Fade A out
			$('#gtmB').delay(delayTime).fadeOut('slow',function(){ // Wait, Fade B out
				$('#gtmC').delay(delayTime).fadeOut('slow').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade C out, wait, Fade C in
					$('#gtmB').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade B In
						$('#gtmA').delay(delayTime).fadeIn('slow',gridTopMid); // Wait, Fade A In, Repeat
					});
				});
			});
		});
	}
	
	function gridTopRight() { // Change every 10 seconds
		var delayTime = 10000 // 10 Seconds
		$('#gtrA').delay(delayTime).fadeOut('slow',function(){  // Wait, Fade A out
			$('#gtrB').delay(delayTime).fadeOut('slow',function(){ // Wait, Fade B out
				$('#gtrC').delay(delayTime).fadeOut('slow').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade C out, wait, Fade C in
					$('#gtrB').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade B In
						$('#gtrA').delay(delayTime).fadeIn('slow',gridTopRight); // Wait, Fade A In, Repeat
					});
				});
			});
		});
	}
	
	function gridMidLeft() { // Change every 28 seconds
		var delayTime = 28000 // 28 Seconds
		$('#gmlA').delay(delayTime).fadeOut('slow',function(){  // Wait, Fade A out
			$('#gmlB').delay(delayTime).fadeOut('slow',function(){ // Wait, Fade B out
				$('#gmlC').delay(delayTime).fadeOut('slow').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade C out, wait, Fade C in
					$('#gmlB').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade B In
						$('#gmlA').delay(delayTime).fadeIn('slow',gridMidLeft); // Wait, Fade A In, Repeat
					});
				});
			});
		});
	}
	
	function gridMidRight() { // Change every 8 seconds
		var delayTime = 8000 // 8 Seconds
		$('#gmrA').delay(delayTime).fadeOut('slow',function(){  // Wait, Fade A out
			$('#gmrB').delay(delayTime).fadeOut('slow',function(){ // Wait, Fade B out
				$('#gmrC').delay(delayTime).fadeOut('slow').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade C out, wait, Fade C in
					$('#gmrB').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade B In
						$('#gmrA').delay(delayTime).fadeIn('slow',gridMidRight); // Wait, Fade A In, Repeat
					});
				});
			});
		});
	}
	
	function gridBotLeft() { // Change every 16 seconds
		var delayTime = 16000 // 16 Seconds
		$('#gblA').delay(delayTime).fadeOut('slow',function(){  // Wait, Fade A out
			$('#gblB').delay(delayTime).fadeOut('slow',function(){ // Wait, Fade B out
				$('#gblC').delay(delayTime).fadeOut('slow').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade C out, wait, Fade C in
					$('#gblB').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade B In
						$('#gblA').delay(delayTime).fadeIn('slow',gridBotLeft); // Wait, Fade A In, Repeat
					});
				});
			});
		});
	}
	
	function gridBotRight() { // Change every 6 seconds
		var delayTime = 6000 // 6 Seconds
		$('#gbrA').delay(delayTime).fadeOut('slow',function(){  // Wait, Fade A out
			$('#gbrB').delay(delayTime).fadeOut('slow',function(){ // Wait, Fade B out
				$('#gbrC').delay(delayTime).fadeOut('slow').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade C out, wait, Fade C in
					$('#gbrB').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade B In
						$('#gbrA').delay(delayTime).fadeIn('slow',gridBotRight); // Wait, Fade A In, Repeat
					});
				});
			});
		});
	}
	
	function gridLarge() { // Change every 20 seconds
		var delayTime = 20000 // 20 Seconds
		$('#glrgA').delay(delayTime).fadeOut('slow',function(){  // Wait, Fade A out
			$('#glrgB').delay(delayTime).fadeOut('slow',function(){ // Wait, Fade B out
				$('#glrgC').delay(delayTime).fadeOut('slow').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade C out, wait, Fade C in
					$('#glrgB').delay(delayTime).fadeIn('slow',function(){ // Wait, Fade B In
						$('#glrgA').delay(delayTime).fadeIn('slow',gridLarge); // Wait, Fade A In, Repeat
					});
				});
			});
		});
	}
	
});