$(function() {



	/*---	Thumbnail view	-------------------*/

	$('.images img:first').addClass('prdImage');
	
	// get the original product image source
	var origImage = $('.prdImage').attr('src');
	
	// do the swapping here
	$('#thumbnails li img').hover(function(){
		$('.prdImage').attr('src', this.src);
		$(this).css('cursor', 'pointer');
	},function() { 
		$('.prdImage').attr('src', origImage); // reset back to the original image src
	});
	
	
	/*---	Background hover for category products	-------------------*/
	$('dl.product').hover(
	  function () {
		$('dt.title',this).css({"background-color":"#efeeda"});
	  },
	  function () {
		$('dt.title').css({"background-color":"#fff"});
	  }
	);
	


	/*---	 Home page fading carousel			--------------------------*/
		$('div.banner.multi ul').show();

		var autofade = setTimeout(fadeCarousel, 6000 );
		var zCount = 1;
		
		function fadeCarousel(){
	
			if ($("div.banner.multi ul li a").hasClass('selected')) {
				zCount++;
				var thisIdNumber = $("a.selected").attr('id').substr(10);
				
				$('#bannerImg'+thisIdNumber).parent().attr('href', this.href);
				$('div.banner.multi ul a').removeClass('selected');

				if (thisIdNumber == 3){
					thisIdNumber = 1;
				}else{
					thisIdNumber++;
				}
				
				$('#bannerLink'+thisIdNumber).addClass('selected');
				var currentLink = $('#bannerLink'+thisIdNumber).attr('href');
				$('#bannerImg'+thisIdNumber).parent().attr('href', currentLink);
				$('#bannerImg'+thisIdNumber).fadeOut(0).css('z-index', zCount).fadeIn("slow");
			}
			autofade = setTimeout(fadeCarousel, 6000 );
		}
		
		$('div.banner.multi ul li a').mouseenter(function() {
			clearTimeout(autofade);
			$("div.banner.multi a").removeClass('selected');
			$(this).addClass('selected');
			var thisIdNumber = this.id.substr(10);
			$('#bannerImg'+thisIdNumber).parent().attr('href', this.href);
			$("div.banner.multi img").css('z-index', 0);
			$('#bannerImg'+thisIdNumber).fadeOut(0).css('z-index', zCount).fadeIn();
		
		});
		$('div.banner.multi ul li a').mouseleave(function() {
			autofade = setTimeout(fadeCarousel, 3000 );
		});

		
		// Set the default tab to tab one (so the source can be in a nice order, which means bannerImg3 starts on top)
		var defaultTabNumber = 1;
		if ($('div.banner.multi').length > 0) {
			$('#bannerImg'+defaultTabNumber).css('z-index', zCount);
			$('div.banner.multi ul a').removeClass('selected');
			$('#bannerLink'+defaultTabNumber).addClass('selected');
		}
		
		
		// Add a class to signify how many lines of text each tab has (used to v-centre the text)
		$('div.banner.multi ul li a span').each(function () {
			//alert(this.offsetHeight)
			if (this.offsetHeight > 62) {
				$(this).addClass('threelines');
			} else if (this.offsetHeight > 47) {
				$(this).addClass('twolines');
			} else {
				$(this).addClass('oneline');
			}
		});
		
		
		
	/*---	Basket popup		--------------------------*/	
	var title = $.trim( $('h2').text() );
	var size = 	$.trim( $('.content ul dl .selected').text() );
	var price = 	$('.content .price:not(".was")').text();
	var basketcontents	= $('#cartInfo').text();
	var imageSrc	=	$('.images img:first').attr('src');
	var format			=	$('dd.format').text();
	
	// if product has a size, generate html
	if (size.length>0) { 
		size = $.trim( '<span>Size: ' + $('.content ul dl .selected').text() ) + '</span>';
	}
	
	// if product has a format set, generate html
	if (format.length>0) { 
		format = '<p class="format">&#40;' + $.trim( $('dd.format:first').text() ) + '&#41;</p>';
	}
	
	// if product brand is showing, generate html
	if ( $('.content h3:visible').length > 0) { 
		var brand = '<p class="brand">' + $.trim( $('.content h3').text() ) + '</p>';
	}
	
	// add the dark overlay
	$('#bask_popup').prepend('<div id="overlay"></div>');
	
	// add html to the popup
	$('#popup').prepend('<h4>1 item was added to your basket</h4><img src="' + imageSrc + '" alt="' + title + '" width="200" height="200" /><p class="title">' + title + '</p>'  + size + '<p class="price">' + price + '</p><p class="to-buy">Your basket contains ' + basketcontents + '</p>');

	
	// Pop if up!
	if ( $('#bask_popup').length > 0 ) {
		
		$('#bask_popup').fadeIn( function() {
			
			var myTimeOut;
			myTimeOut = setTimeout(function(){
				$('#bask_popup').fadeOut('slow');
			}, 7000);
		  
			$('#popup').mouseenter(function(){
			  clearTimeout(myTimeOut);
			});

		});
		
		$('#bask_popup').click(function() {
			$(this).fadeOut();
		});
		
		$("#popup").click(function(e) {
		   e.stopPropagation();
		});
		
	}
		
});