var currentElement = "date-2011";
var currentFade = "date-2011";


function setupSlides() {
	setupCrossSlide();
	
	setTimeout(function(){
		finalCrossSlideSetup();
	},1000); 
	
	setTimeout(function(){
		finalCrossSlideSetup();
		
		
	},5000); 
	
	
}



/*$(document).ready(function() {
	setupSlides();
});*/


function finalCrossSlideSetup() {
	currentElement = "date-2011";
	currentFade = "date-2011";
	
	hideAllHeaders();
	//hideAllText();
	hideAllImages();
	
	$("#date-2011-header").show();
	//$("#date-2011-text").show();
	$("#date-2011-image").show();
	$("#date-2011-image").crossSlideRestart();
	
	$("#timeline-loader").hide();
	$("#timeline-container").fadeIn();
}


function clickDate(element) {
	unselectAllDates();
	
	hideAllHeaders();
	//hideAllText();
	hideAllImages();
	
	if(currentElement != element.id) {
		// hide old
		$("#" + currentElement + "-header").fadeOut();
		$("#" + currentElement + "-header").css({ 'opacity': .0 });
	
		// update new
		$("#" + element.id).addClass("selected");
		
		$("#" + element.id + "-header").show();
		$("#" + element.id + "-header").css({ 'opacity': .9 });
	}
	
	$("#" + element.id + "-image").show();
	
	$("#" + element.id + "-image").crossSlideResume();
	
	
	currentElement = element.id;
}

function unselectAllDates() {
	
	$("#date-2011").removeClass("selected");
	$("#date-2011b").removeClass("selected");
	$("#date-2007").removeClass("selected");
	$("#date-2005").removeClass("selected");
	$("#date-2004").removeClass("selected");
	$("#date-2004b").removeClass("selected");
	$("#date-2002").removeClass("selected");
	$("#date-2000").removeClass("selected");
	$("#date-2000b").removeClass("selected");
	$("#date-1998").removeClass("selected");
	$("#date-1997").removeClass("selected");
	$("#date-1993").removeClass("selected");
}

function hideAllHeaders() {
	$("#date-2011-header").hide();
	$("#date-2011b-header").hide();
	$("#date-2007-header").hide();
	$("#date-2005-header").hide();
	$("#date-2004-header").hide();
	$("#date-2004b-header").hide();
	$("#date-2002-header").hide();
	$("#date-2000-header").hide();
	$("#date-2000b-header").hide();
	$("#date-1998-header").hide();
	$("#date-1997-header").hide();
	$("#date-1993-header").hide();
	
	$("#date-2011-header").css({ 'opacity': 0 });
	$("#date-2011b-header").css({ 'opacity': 0 });
	$("#date-2007-header").css({ 'opacity': 0 });
	$("#date-2005-header").css({ 'opacity': 0 });
	$("#date-2004-header").css({ 'opacity': 0 });
	$("#date-2004b-header").css({ 'opacity': 0 });
	$("#date-2002-header").css({ 'opacity': 0 });
	$("#date-2000-header").css({ 'opacity': 0 });
	$("#date-2000b-header").css({ 'opacity': 0 });
	$("#date-1998-header").css({ 'opacity': 0 });
	$("#date-1997-header").css({ 'opacity': 0 });
	$("#date-1993-header").css({ 'opacity': 0 });
}

function hideAllText() {
	$("#date-2011-text").hide();
	$("#date-2011b-text").hide();
	$("#date-2007-text").hide();
	$("#date-2005-text").hide();
	$("#date-2004-text").hide();
	$("#date-2004b-text").hide();
	$("#date-2002-text").hide();
	$("#date-2000-text").hide();
	$("#date-2000b-text").hide();
	$("#date-1998-text").hide();
	$("#date-1997-text").hide();
	$("#date-1993-text").hide();
	
	$("#date-2011-text").css({ 'opacity': 0 });
	$("#date-2011b-text").css({ 'opacity': 0 });
	$("#date-2007-text").css({ 'opacity': 0 });
	$("#date-2005-text").css({ 'opacity': 0 });
	$("#date-2004-text").css({ 'opacity': 0 });
	$("#date-2004b-text").css({ 'opacity': 0 });
	$("#date-2002-text").css({ 'opacity': 0 });
	$("#date-2000-text").css({ 'opacity': 0 });
	$("#date-2000b-text").css({ 'opacity': 0 });
	$("#date-1998-text").css({ 'opacity': 0 });
	$("#date-1997-text").css({ 'opacity': 0 });
	$("#date-1993-text").css({ 'opacity': 0 });
}

function hideAllImages() {
	$("#date-2011-image").hide();
	$("#date-2011b-image").hide();
	$("#date-2007-image").hide();
	$("#date-2005-image").hide();
	$("#date-2004-image").hide();
	$("#date-2004b-image").hide();
	$("#date-2002-image").hide();
	$("#date-2000-image").hide();
	$("#date-2000b-image").hide();
	$("#date-1998-image").hide();
	$("#date-1997-image").hide();
	$("#date-1993-image").hide();
	
	$("#date-2011-image").crossSlidePause();
	$("#date-2011b-image").crossSlidePause();
	$("#date-2007-image").crossSlidePause();
	$("#date-2005-image").crossSlidePause();
	$("#date-2004-image").crossSlidePause();
	$("#date-2004b-image").crossSlidePause();
	$("#date-2002-image").crossSlidePause();
	$("#date-2000-image").crossSlidePause();
	$("#date-2000b-image").crossSlidePause();
	$("#date-1998-image").crossSlidePause();
	$("#date-1997-image").crossSlidePause();
	$("#date-1993-image").crossSlidePause();
}

function setupCrossSlide() {
	
	var csSpeed = 10;
	var csFade = 1;
	var csTime = 3;
	var csSleepTime = 0;
	
	$('#date-2011-image').crossSlide({
		speed: csSpeed,
		fade: csFade,
		time: csTime,
		sleep: csSleepTime
		
		}, [
			{ src: 'images/img-timeline-2011.jpg', dir: 'up', alt: '<h2>2011<br />Qatar Airways</h2><span class="timeline-header-subtext">Light Maintenance Hangar, Doha Airport QATAR</span>'   },
			{ src: 'images/img-timeline-2011b.jpg', dir: 'up', alt: '<h2>2011<br />Abu Dhabi Aircraft Technologies</h2><span class="timeline-header-subtext">3 Bay A380 Sized Heavy Maintenance Hangar, Workshops &amp; Offices</span>'   }
		], function(idx, img, idxOut, imgOut) {
			
			 currentFade = currentElement;
			 
		  if (idxOut == undefined)
		  {
			  if(currentFade == currentElement) {
				  	// starting crossfade
					$('#date-2011-header').html(img.alt).show().animate({ opacity: .9 });
				}

 			}

		  else
		  {
			  if(currentFade == currentElement) {
				// starting cross-fade phase, take out caption
				$('#date-2011-header').fadeOut().animate({ opacity: .0 });
			  }
		  }
		});
	
	/*$('#date-2011b-image').crossSlide({
		speed: csSpeed,
		fade: csFade,
		time: csTime
		}, [
			{ src: 'images/img-timeline-2011b.jpg', dir: 'up'   },
			{ src: 'images/img-timeline-2011b.jpg', dir: 'up'   }
		]
	);*/
	
	$('#date-2007-image').crossSlide({
		speed: csSpeed,
		fade: csFade,
		time: csTime,
		sleep: csSleepTime
		}, [
			{ src: 'images/img-timeline-2007.jpg', dir: 'down', alt: '<h2>2007<br />JorAMCo</h2><span class="timeline-header-subtext">Maintenance Hangar QAIA, Amman, Jordan</span>' },
			{ src: 'images/img-timeline-2007.jpg', dir: 'up', alt: '<h2>2007<br />JorAMCo</h2><span class="timeline-header-subtext">Maintenance Hangar QAIA, Amman, Jordan</span>'   }
		], function(idx, img, idxOut, imgOut) {
			
			 //currentFade = currentElement;
			 
		  if (idxOut == undefined)
		  {
			  if(currentFade == currentElement) {
				// starting single image phase, put up caption
				$('#date-2007-header').html(img.alt).show().animate({ opacity: .9 });
				//$('#date-2007-text').show().animate({ opacity: .9 });
				 }
		  }
		  else
		  {
			  if(currentFade == currentElement) {
				// starting cross-fade phase, take out caption
				$('#date-2007-header').fadeOut().animate({ opacity: .0 });
				//$('#date-2007-text').fadeOut().animate({ opacity: .0 });
			  }
		  }
		});
	
	$('#date-2005-image').crossSlide({
		speed: csSpeed,
		fade: csFade,
		time: csTime,
		sleep: csSleepTime
		}, [
			{ src: 'images/img-timeline-2005.jpg', dir: 'up', alt: '<h2>2005<br />Qantas Airlines</h2><span class="timeline-header-subtext">747 Maintenance Facility Sydney Airport AUSTRALIA</span>'   },
			{ src: 'images/img-timeline-2005.jpg', dir: 'down', alt: '<h2>2005<br />Qantas Airlines</h2><span class="timeline-header-subtext">747 Maintenance Facility Sydney Airport AUSTRALIA</span>'   }
		], function(idx, img, idxOut, imgOut) {
			
			 //currentFade = currentElement;
			 
		  if (idxOut == undefined)
		  {
			  if(currentFade == currentElement) {
				// starting single image phase, put up caption
				$('#date-2005-header').html(img.alt).show().animate({ opacity: .9 });
				//$('#date-2005-text').show().animate({ opacity: .9 });
				 }
		  }
		  else
		  {
			  if(currentFade == currentElement) {
				// starting cross-fade phase, take out caption
				$('#date-2005-header').fadeOut().animate({ opacity: .0 });
				//$('#date-2005-text').fadeOut().animate({ opacity: .0 });
			  }
		  }
		});
	
	$('#date-2004-image').crossSlide({
		speed: csSpeed,
		fade: csFade,
		time: csTime,
		sleep: csSleepTime
		}, [
			{ src: 'images/img-timeline-2004.jpg', dir: 'down', alt: '<h2>2004<br />Qatar Airways</h2><span class="timeline-header-subtext">Maintenance Hangar Doha Airport QATAR</span>'   },
			{ src: 'images/img-timeline-2004b.jpg', dir: 'down', alt: '<h2>2004<br />Qantas Airlines</h2><span class="timeline-header-subtext">2-Bay B767/A330 Hangar, Workshops, Offices, Cranes & Docks</span>'   }
		], function(idx, img, idxOut, imgOut) {
			
			 currentFade = currentElement;
			 
		  if (idxOut == undefined)
		  {
			  if(currentFade == currentElement) {
				// starting single image phase, put up caption
				$('#date-2004-header').html(img.alt).show().animate({ opacity: .9 });
				//$('#date-2004-text').show().animate({ opacity: .9 });
				 }
		  }
		  else
		  {
			  if(currentFade == currentElement) {
				// starting cross-fade phase, take out caption
				$('#date-2004-header').fadeOut().animate({ opacity: .0 });
				//$('#date-2004-text').fadeOut().animate({ opacity: .0 });
			  }
		  }
		});
	
	/*$('#date-2004b-image').crossSlide({
		speed: csSpeed,
		fade: csFade,
		time: csTime,
		sleep: csSleepTime
		}, [
			{ src: 'images/img-timeline-2004b.jpg', dir: 'up'   },
			{ src: 'images/img-timeline-2004b.jpg', dir: 'up'   }
		]
	);*/
	
	$('#date-2002-image').crossSlide({
		speed: csSpeed,
		fade: csFade,
		time: csTime,
		sleep: csSleepTime
		}, [
			{ src: 'images/img-timeline-2002.jpg', dir: 'up', alt: '<h2>2002<br />GAMECO</h2><span class="timeline-header-subtext">GAMECO Hangar New Baiyun Intl Airport Guangzhou, CHINA</span>'   },
			{ src: 'images/img-timeline-2002.jpg', dir: 'down', alt: '<h2>2002<br />GAMECO</h2><span class="timeline-header-subtext">GAMECO Hangar New Baiyun Intl Airport Guangzhou, CHINA</span>'   }
		], function(idx, img, idxOut, imgOut) {
			
			 //currentFade = currentElement;
			 
			 
		  if (idxOut == undefined)
		  {
			  if(currentFade == currentElement) {
				// starting single image phase, put up caption
				$('#date-2002-header').html(img.alt).show().animate({ opacity: .9 });
				//$('#date-2002-text').show().animate({ opacity: .9 });
				 }
		  }
		  else
		  {
			  if(currentFade == currentElement) {
				// starting cross-fade phase, take out caption
				$('#date-2002-header').fadeOut().animate({ opacity: .0 });
				//$('#date-2002-text').fadeOut().animate({ opacity: .0 });
			  }
		  }
		});
	
	$('#date-2000-image').crossSlide({
		speed: csSpeed,
		fade: csFade,
		time: csTime,
		sleep: csSleepTime
		}, [
			{ src: 'images/img-timeline-2000.jpg', dir: 'up',   alt: '<h2>2000<br />Air Asia Hangar TAIWAN Air Asia</h2><span class="timeline-header-subtext">Air Asia Hangar TAIWAN</span>'   },
			{ src: 'images/img-timeline-2000.jpg', dir: 'down', alt: '<h2>2000<br />Air Asia Hangar TAIWAN Air Asia </h2><span class="timeline-header-subtext">B747 Heavy Maintenance Hangar</span>'   }
/*			{ src: 'images/img-timeline-2000b.jpg', dir: 'up', alt: '<h2>2000<br />Air Asia Hangar TAIWAN Air Asia </h2><span class="timeline-header-subtext">B747 Heavy Maintenance Hangar</span>'   }*/
		], function(idx, img, idxOut, imgOut) {
			 
		  currentFade = currentElement;
		  
		  if (idxOut == undefined)
		  {
			  if(currentFade == currentElement) {
				// starting single image phase, put up caption
				$('#date-2000-header').html(img.alt).show().animate({ opacity: .9 });
				//$('#date-2000-text').show().animate({ opacity: .9 });
				 }

		  }
		  else
		  {
			  if(currentFade == currentElement) {
				// starting cross-fade phase, take out caption
				$('#date-2000-header').fadeOut().animate({ opacity: .0 });
				//$('#date-2000-text').fadeOut().animate({ opacity: .0 });
			  }
		  }
		});
	
	/*$('#date-2000b-image').crossSlide({
		speed: csSpeed,
		fade: csFade,
		time: csTime,
		sleep: csSleepTime
		}, [
			{ src: 'images/img-timeline-2000b.jpg', dir: 'up'   },
			{ src: 'images/img-timeline-2000b.jpg', dir: 'up'   }
		]
	);*/
	
	$('#date-1998-image').crossSlide({
		speed: csSpeed,
		fade: csFade,
		time: csTime,
		sleep: csSleepTime
		}, [
			{ src: 'images/img-timeline-1998.jpg', dir: 'up', alt: '<h2>1998<br />MASC OGDEN Aviation Services</h2><span class="timeline-header-subtext">MACAU Hangar MACAU</span>'   },
			{ src: 'images/img-timeline-1998.jpg', dir: 'down', alt: '<h2>1998<br />MASC OGDEN Aviation Services</h2><span class="timeline-header-subtext">MACAU Hangar MACAU</span>'   }
		], function(idx, img, idxOut, imgOut) { 
		
		  //currentFade = currentElement;
		  
		  if (idxOut == undefined)
		  {
			  if(currentFade == currentElement) {
				// starting single image phase, put up caption
				$('#date-1998-header').html(img.alt).show().animate({ opacity: .9 });
				//$('#date-1998-text').show().animate({ opacity: .9 });
				 }
		  }
		  else
		  {
			  if(currentFade == currentElement) {
				// starting cross-fade phase, take out caption
				$('#date-1998-header').fadeOut().animate({ opacity: .0 });
				//$('#date-1998-text').fadeOut().animate({ opacity: .0 });
			  }
		  }
		});
	
	$('#date-1997-image').crossSlide({
		speed: csSpeed,
		fade: csFade,
		time: csTime,
		sleep: csSleepTime
		}, [
			{ src: 'images/img-timeline-1997.jpg', dir: 'down', alt: '<h2>1997<br />MAS</h2><span class="timeline-header-subtext">MAS Hangar (04) Subang Airport MALAYSIA</span>'   },
			{ src: 'images/img-timeline-1997.jpg', dir: 'up', alt: '<h2>1997<br />MAS</h2><span class="timeline-header-subtext">MAS Hangar (04) Subang Airport MALAYSIA</span>'   }
		], function(idx, img, idxOut, imgOut) { 
		
		  //currentFade = currentElement;
		  
		  if (idxOut == undefined)
		  {
			  if(currentFade == currentElement) {
				// starting single image phase, put up caption
				$('#date-1997-header').html(img.alt).show().animate({ opacity: .9 });
				//$('#date-1997-text').show().animate({ opacity: .9 });
				 }
		  }
		  else
		  {
			  if(currentFade == currentElement) {
				// starting cross-fade phase, take out caption
				$('#date-1997-header').fadeOut().animate({ opacity: .0 });
				//$('#date-1997-text').fadeOut().animate({ opacity: .0 });
			  }
		  }
		});
	
	$('#date-1993-image').crossSlide({
		speed: csSpeed,
		fade: csFade,
		time: csTime,
		sleep: csSleepTime
		}, [
			{ src: 'images/img-timeline-1993.jpg', dir: 'up', alt: '<h2>1993<br />ST Aviation Services Company</h2><span class="timeline-header-subtext">SASCO Changi Airport SINGAPORE</span>'   },
			{ src: 'images/img-timeline-1993.jpg', dir: 'down', alt: '<h2>1993<br />ST Aviation Services Company</h2><span class="timeline-header-subtext">SASCO Changi Airport SINGAPORE</span>'   }
		], function(idx, img, idxOut, imgOut) {
			
			currentFade = currentElement;
			
		  if (idxOut == undefined)
		  {
			  if(currentFade == currentElement) {
				// starting single image phase, put up caption
				$('#date-1993-header').html(img.alt).show().animate({ opacity: .9 });
				//$('#date-1993-text').show().animate({ opacity: .9 });
				 }

		  }
		  else
		  {
			  if(currentFade == currentElement) {
				// starting cross-fade phase, take out caption
				$('#date-1993-header').fadeOut().animate({ opacity: .0 });
				//$('#date-1993-text').fadeOut().animate({ opacity: .0 });
			  }
		  }
		});
}