$(function() {
	$('div.home_product_scroller').each(function() {
		var div = $(this);
		ul = div.find('ul.home_product_scroller');
		ulPadding = 0;

		var divWidth = div.width();

		div.css({overflow: 'hidden'});

		var lastLi = ul.find('li:last-child');

		div.mousemove(function(e){
			var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
			var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
			div.scrollLeft(left);
		});
	});


	$('.home_tabs').tabs();

	$('.home_shop_by_team').livequery('click', function(e) {
		$(this).removeClass('rollover');
		$('.home_shop_by_brand').addClass('rollover');
		$('.home_shop_by_brand').attr('src', $('.home_shop_by_brand').attr('src').replace(/_on\.([^\.]*)$/, '.$1'));

	});

	$('.home_shop_by_brand').livequery('click', function(e) {
		$(this).removeClass('rollover');
		$('.home_shop_by_team').addClass('rollover');
		$('.home_shop_by_team').attr('src', $('.home_shop_by_team').attr('src').replace(/_on\.([^\.]*)$/, '.$1'));
	});
});

$(function() {
	$('div.home_logo_scroller').each(function() {
		var div = $(this);
		ul = div.find('ul.home_logo_scroller');
		ulPadding = 0;

		var divWidth = div.width();

		div.css({overflow: 'hidden'});

		var lastLi = ul.find('li:last-child');

		div.mousemove(function(e){
			var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
			var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
			div.scrollLeft(left);
		});
	});
});

$(document).ready(function(){
	slider = $('.home_images_ul').bxSlider({
		//	wrapper_class: 'slides1_wrap',
			margin: 10,
			auto: true,
			auto_controls: false,
			pause: 4500,
			pager: false,
			hideControlOnEnd: true,
			controls: false
//			onAfterSlide: function(currentSlide, totalSlides){
//				$('.landing_banner_controls').find('a img').attr('src', '/templates/watchwarehouse.co.uk/_images/template/landing_off.gif');
//				$('.landing_banner_controls').find('a[rel=' + currentSlide + '] img').attr('src', '/templates/watchwarehouse.co.uk/_images/template/landing_on.gif');
//
//			}

	});
});

//$('.goto_slider').livequery('click', function(e) {
//	e.preventDefault();
//j	slider.goToSlide($(this).attr('rel'));
//});



$(function() {
	
	//build slider
	var scrollbar = $( ".home_new_arrivals_scroll_bar" ).slider({
		slide: function( event, ui ) {
			//scrollpane parts
			scrollPane = $( ".home_new_arrivals" );
			scrollContent = $( ".home_new_arrivals_scroll_content" );

			if ( scrollContent.width() > scrollPane.width() ) {
				scrollContent.css( "margin-left", Math.round(
					ui.value / 100 * ( scrollPane.width() - scrollContent.width() )
				) + "px" );
			} else {
				scrollContent.css( "margin-left", 0 );
			}
		}
	});

	//append icon to handle
	var handleHelper = scrollbar.find( ".ui-slider-handle" )
	.mousedown(function() {
		scrollbar.width( handleHelper.width() );
	})
	.mouseup(function() {
		scrollbar.width( "100%" );
	})
	.append( "<span class='ui-icon ui-icon-grip-dotted-vertical'></span>" )
	.wrap( "<div class='ui-handle-helper-parent'></div>" ).parent();
	
	//change overflow to hidden now that slider handles the scrolling
//	scrollPane.css( "overflow", "hidden" );



	
	//build slider
	var scrollbar = $( ".home_best_sellers_scroll_bar" ).slider({
		slide: function( event, ui ) {
			scrollPane = $( ".home_best_sellers" );
		        scrollContent = $( ".home_best_sellers_scroll_content" );

			if ( scrollContent.width() > scrollPane.width() ) {
				scrollContent.css( "margin-left", Math.round(
					ui.value / 100 * ( scrollPane.width() - scrollContent.width() )
				) + "px" );
			} else {
				scrollContent.css( "margin-left", 0 );
			}
		}
	});
	
	//append icon to handle
	var handleHelper = scrollbar.find( ".ui-slider-handle" )
	.mousedown(function() {
		scrollbar.width( handleHelper.width() );
	})
	.mouseup(function() {
		scrollbar.width( "100%" );
	})
	.append( "<span class='ui-icon ui-icon-grip-dotted-vertical'></span>" )
	.wrap( "<div class='ui-handle-helper-parent'></div>" ).parent();
	
	//change overflow to hidden now that slider handles the scrolling
//	scrollPane.css( "overflow", "hidden" );

});