$(document).ready(function() {

//fadeInterval = 6000; // in TV on home page
fadeTime = 500;
delay=500
var slides  
var summaries
var straplines
var no_of_slides= $(slides).length
var current_slide=4 
firstLoop=1

	theWindow        = $(window),
	$bg              = $("#bg"),            
	aspectRatio      = $bg.width() / $bg.height();

	function slideshow(){
	if (firstLoop==1){
	$bg.fadeOut(fadeTime); 
	}
	firstLoop=0
		var thumbs=$("#thumb-nav li a")
	//	alert(no_of_slides)
	
		currentSlide=$(slides)[current_slide]
		currentSummary=$(summaries)[current_slide]
		currentStrapline=$(straplines)[current_slide]
		
		$(currentSlide).fadeOut(fadeTime); 
//		alert(current_slide)
		$(currentSummary).fadeOut(fadeTime);
		$(currentStrapline).fadeOut(fadeTime);
		current_slide++
		
		
		$(thumbs[current_slide]).addClass('active')
		
		if (current_slide>=no_of_slides){
			//reset 
			current_slide=0;
		}
		
		thumbs.removeClass('active')
		nextImg=$(slides)[current_slide]
		nextSummary=$(summaries)[current_slide]	
		nextStrapline=$(straplines)[current_slide]	
		$(nextImg).delay(300).fadeIn(fadeTime); 	
		$(thumbs[current_slide]).addClass('active')
		$(nextSummary).delay(300).fadeIn(fadeTime); 	
		$(nextStrapline).delay(300).fadeIn(fadeTime); 	
	
	
			
			$bg=$(currentSlide)
	//		alert($bg.attr('src'))
			aspectRatio = $bg.width() / $bg.height();
	                if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
	                    $bg.parent()
	                        .removeClass()
	                        .addClass('bgheight');
	//                           .addClass('bgwidth');
	                } else {
	                    $bg.parent()
	                        .removeClass()
	                        .addClass('bgwidth');
	                }
	
	
		// resizeBg()
		fadeLoop = window.setTimeout(slideshow, fadeInterval);
	}


	slides = $('#bgs img');
	no_of_slides= $(slides).length
	summaries = $('div.case');
	straplines = $('div.strap');
	

	var fadeLoop = window.setTimeout(slideshow, fadeInterval);
	$(window).blur(function() {
		clearTimeout(fadeLoop)

	}
	)
	$(window).focus(function() {
//		window.setTimeout(slideshow, fadeInterval);
	}
	)
	
	/* bg carousel */
	$('#thumb-nav li a').click( 
		function(){
		
		thumbs=$("#thumb-nav li a")
		var index = thumbs.index(this);
		$(thumbs).removeClass('active')
		$(thumbs[index]).addClass('active')
		clearTimeout(fadeLoop)
	//	alert(index)
	
		rel=$(this).attr('rel')
			
		curr= $('#bgs img:visible')[0]
		$(curr).fadeOut(fadeTime); 
	//	currSummary= $('div.case:visible')[0]
		$('div.case').fadeOut(fadeTime); 
		$('div.strap').fadeOut(fadeTime); 
		
		
		newImg= $('#bgs img')[index] 
		newSummary= $('div.case')[index] 
		newStrapline= $('div.strap')[index] 
	
		$(newImg).delay(500).fadeIn(fadeTime); 
		$(newSummary).delay(500).fadeIn(fadeTime); 
		$(newStrapline).delay(500).fadeIn(fadeTime); 
		


			$bg=$(newImg)

			aspectRatio = $bg.width() / $bg.height();
	                if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
	                    $bg.parent()
	                        .removeClass()
	                        .addClass('bgheight');
	                } else {
	                    $bg.parent()
	                        .removeClass()
	                        .addClass('bgwidth');
	                }
	
	


		
		// resizeBg()
	
	
		return false;
		}
	)


})