// JavaScript Document

$(document).ready(function(){

	// declare easing:
	$.easing.easeOutQuint = function(x,t,b,c,d){
		return c*((t=t/d-1)*t*t*t*t + 1) + b;
	};
	
	// collapse All filterSelect, and bind hover:

	$('div.filterSelect').find('ul').css('position','absolute').hide();
	$('div.filterSelect').hover(function(){
		$(this).find('ul').show();
	}, function(){
		$(this).find('ul').hide();
	});
	
	
	// Category listing hover:
	// First, reverse zIndex for IE.
	$('#categoryListing li').each(function(){
		$(this).hover(function(){
			$(this).css('z-index', 99).append('<span class="hover"></span>');
			createLinks($(this));
		}, function(){
			$(this).css('z-index', 0);
			$('span.hover').remove();
		});
	});
	
	// slide out view/hide shipping options on Cart page
	var shoppingCart = $('#shoppingCart');
	if(shoppingCart.size() > 0){
		shoppingCart.find('span.viewShippingOptions').toggle(function(){
			shoppingCart.find('div.shippingOptionsInfo').slideDown({duration:600, easing:'easeOutQuint'});
			$(this).addClass('open');
		}, function(){
			shoppingCart.find('div.shippingOptionsInfo').slideUp({duration:600, easing:'easeOutQuint'});
			$(this).removeClass('open');
		});
	}
	
	// Product Detail Tabs and custom scroll
	if($('#productDetail').size() > 0){
		// enable custom scroll
		$('#productDetail div.tabContent').jScrollPane({scrollbarWidth:13, showArrows:true});

		// enable tabs
		$('#productDetail div.tabs').tabs({fx: {opacity:'toggle', duration: 100}});
		
		// enable custom scroll on shipping options
		var shipOptions = $('#productDetail').find('div.shippingOptions');
		var shipInfo = shipOptions.find('div.shippingOptionsInfo');
		
		shipInfo.css('position','absolute').hide();
		shipOptions.find('span.toggleShippingOptionsShow').click(function(){
			shipInfo.slideDown({duration:400, easing:'easeOutQuint'});
			$(this).hide();
			$(this).next('span.toggleShippingOptionsHide').show();
		});
		shipOptions.find('span.toggleShippingOptionsHide').click(function(){
			shipInfo.slideUp({duration:400, easing:'easeOutQuint'});
			$(this).hide();
			$(this).prev('span.toggleShippingOptionsShow').show();
		});			
	}
	
	// PrintPage
	$('#productDetail #printPage').show().bind('click', function(){
		//window.print();
	});
	
	// Show / Hide content on News and Events listing
	$('#newsEventsGallery').find('div.hide').each(function(){
		$(this).hide();
	});
	$('#newsEventsGallery').find('a.readmore').toggle(function(){
		$(this).siblings('.hide').show();
		$(this).html('Hide more');
		return false;
	}, function(){
		$(this).siblings('.hide').hide();
		$(this).html('Read more');
		return false;
	});
	// bind toggle
	
	
	
	/* Image Swticher */
	var imageSwitch = function(imageSwitchPaging, e){
		
		var tagMatch = false;
		var clicked = $(e.target);
		var clickedTag = e.target.tagName;
		var clickedIndex = $(e.target).index();
	
		if(clickedTag.match('LI')){
			$('li', imageSwitchPaging).removeClass('on');
			clicked.addClass('on');
			tagMatch = true;
		}
		if(tagMatch){
			return clickedIndex;
		}
	};
	
	var embedVideo = function(video){
		var params = {};
		params.menu = "false";
		swfobject.embedSWF(embedDetails.player, embedDetails.id, embedDetails.width, embedDetails.height, embedDetails.version, embedDetails.flash, video, params);
	}
	
	/* Image Switcher on Product Detail */
	var productDetail = $('#productDetail');
	if(productDetail.size() > 0){
		var selectedIndex = 0;
		var productDetailImage = $('#productDetailImage').find('img');
		var paging = productDetail.find('.productPaging');
		
		paging.click(function(e){
			var clickedIndex = imageSwitch(this, e);
			if(clickedIndex != null){
				var newImagePath = productDetailArray[clickedIndex][0];
				var newImage = new Image();
				newImage.src = newImagePath;				
				productDetail.find('#productDetailImage').after('<div id="overlay"></div>');
				$('#overlay').css('opacity', .7).fadeIn(100);
				if($(newImage).load()){
					$('#overlay').delay(250).fadeOut(100, function(){
						productDetailImage.attr('src', newImagePath);
						$(this).remove();
					});
				}
				selectedIndex = clickedIndex;
			}
		});

		
		// Video paging.
		var videoPaging = productDetail.find('.videoPaging');
		videoPaging.find('li').click(function(){
			var clickedIndex = $(this).index();
			var flashVars = {};
			flashVars.coverImage = videoArray[clickedIndex][0];
			flashVars.videoHigh = videoArray[clickedIndex][1];
			flashVars.videoPath = videoArray[clickedIndex][2];
			embedVideo(flashVars);
			videoPaging.find('li').removeClass('on');
			$(this).addClass('on');
		});
		
		// bind video/image switch
		var vidImgSwitch = $('#vidImgSwitch');
		vidImgSwitch.data('showing', 'image'); //image shows by default
		vidImgSwitch.toggle(function(){
			productDetail.find('.video .videoPaging ul li:first').click();
			productDetail.find('.image').fadeOut(100);
			productDetail.find('.video').fadeIn(100);
			$(this).text($(".toggleVideoImgViewImages").text());
		}, function(){
			productDetail.find('.video').fadeOut(100);
			productDetail.find('.image').fadeIn(100);
			$(this).text($(".toggleVideoImgWatchVideos").text());
		});
		
		// bind magnifier
		productDetail.find('#magnify').click(function(){
			productDetail.find('.image').addClass('zoomed');
			vidImgSwitch.hide();
			productDetailImage.parent('span').addClass('jqzoom');
			productDetail.find('.jqzoom').jqzoom({ largeImage2:productDetailArray[selectedIndex][1] });
		});
		productDetail.find('#closeZoom').click(function(){
			productDetail.find('.jqzoom').jqzoom({destroy:true});
			productDetailImage.parent('span').removeClass('jqZoom');
			vidImgSwitch.show();
			productDetail.find('.image').removeClass('zoomed');
		});
		
		// Review Form trigger
		productDetail.find('#reviewFormTrigger').toggle(function(){
			$(this).next('div.reviewForm').slideDown({duration:400, easing:'easeOutQuint'});
		}, function(){
			$(this).next('div.reviewForm').slideUp({duration:400, easing:'easeOutQuint'});
		});
	}
	
	/* Image Switcher on Product Listing */
	var subCategory = $('#subCategoryListing');
	if(subCategory.size() > 0){
		var paging = subCategory.find('.imageSwitch');
		paging.click(function(e){
			var clickedIndex = imageSwitch(this, e);
			var itemIndex = $(this).parent('li').index();
			var newImagePath = productListArray[itemIndex][clickedIndex];
			$(this).prev('.image').find('img').attr('src', newImagePath);
		});
	}

	// Default value declarations
	$('.searchBox .searchInput').defaultvalue('Search');
	$('#extras div.subscribe input.name').defaultvalue('Name*');
	$('#extras div.subscribe input.email').defaultvalue('Email*');
	$('#extras div.subscribe input.postcode').defaultvalue('Postcode*');
	$('#tabsReviews input.nameInput').defaultvalue('Name*');
	$('#tabsReviews input.urlInput').defaultvalue('Link');
	$('#tabsReviews input.titleInput').defaultvalue('Review Title*');
	$('#tabsReviews textarea.reviewInput').defaultvalue('Review');
	
	// Checkout Tooltip
	$('#checkout div.whatIsCVV').hover(function(){
		$(this).find('div.info').show();
	}, function(){
		$(this).find('div.info').hide();
	});
	
	// Find a store listing scroll
	var findStore = $('#findStore');
	if(findStore.size() > 0){
		var topDropdown = $('div.findStoreSelector');
		topDropdown.find('ul').each(function(){
			$(this).css('position','static').show();
		});
		topDropdown.find('div.filterList').jScrollPane({scrollbarWidth:13, showArrows:true});
		topDropdown.find('div.jScrollPaneContainer').hide();
		topDropdown.find('div.filterSelect').hover(function(){
			$(this).find('div.jScrollPaneContainer').show();
		}, function(){
			$(this).find('div.jScrollPaneContainer').hide();
		});
		findStore.find('div.stockists div.col ul').each(function(){
			$(this).jScrollPane({scrollbarWidth:13, showArrows:true});																			
		});
	}
	
	// Mini Cart
	var miniCart = $('#miniCart');
	if(miniCart.size() > 0){
		// 1. overlay
		var overlay = miniCart.find('#miniCartOverlay');
		var docWidth = $(document).width();
		var docHeight = $(document).height();
		var offset = overlay.offset().left;
		overlay.width(docWidth).height(docHeight).css({'margin-left':'-'+offset+'px', 'opacity':0.26});
		
		// 2. fade out
		miniCart.delay(3000).fadeOut();
	}
	
	// checkouts
	$('#checkout').find('a.nextStep').click(function(){
		//
	});
	
	// policyPop
	var checkout = $('#checkout');
	if(checkout.size() > 0){
		$('#checkout a.policyPop').fancybox({
			'width'			: 300,
			'height'			: 400,
			'autoScale'		: false,
			'transitionIn'	: 'none',
			'transitionOut': 'none',
			'type'			: 'iframe',
			'padding'		: 20
		});
	}

});

function createLinks(items) {
	items.css('cursor', 'pointer');
	items.bind("click", function () {
		var link = $(this).find('a');
		if (link.length > 0) { location.href = link.attr('href'); }
		return false;
	});
} 

/* Cufon calls
-------------------------------------------------- */
Cufon.replace('#productDetail h1.fn');
Cufon.replace('#categoryIntro h1');
Cufon.replace('#subCategoryIntro h1');
Cufon.replace('#findStore div.storeName h2');
//Cufon.replace('#categoryListing li a');