$(function() {
	//scrollpane parts
	
	var scrollPane = $('.scroll-pane');
	var scrollContent = $('.scroll-content');
	
	//build slider
	var scrollbar = $(".scroll-bar").slider({
		slide:function(e, ui){
			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); }
		}
	});
	
	if(is_jj) {
		$('.section-brand-content').css("margin-top", "170px");
		$('.section-brand').mouseover(function() {
			$('.section-brand-content', this).stop().animate({ 'margin-top': '0px' }, 500);
		});
		$('.section-brand').mouseout(function() {
			$('.section-brand-content', this).stop().animate({ 'margin-top': '170px' }, 500);
		});
		$(".menu li").mouseover(function() {
			$('#content .submenu li').removeClass("active");
			var pos = $('.menu li').index($(this));
			//alert($('#content .submenu').eq(pos).html());
			var lefthalo;
			switch (pos) {
				case 0:
					lefthalo = '-110px';
					break;
				case 1:
					lefthalo = '-30px';
					break;
				case 2:
					lefthalo = '70px';
					break;
				case 3:
					lefthalo = '150px';
					break;
			}
			$('#content .submenu').eq(pos-1).children('li').eq(0).addClass("active");
			$("div#halo").hide().css("left", lefthalo).fadeIn("slow");
			$(".menu li").removeClass("active");
			$(this).addClass("active").stop().fadeIn("slow");
			$('#content .submenu').hide();
			if(pos > 0) {
				$('#content .submenu').eq((pos-1)).show();
			}
		});
		$('#content .submenu li.subnav').mouseover(function() {
			$('#content .submenu').removeClass("active");
			$(this).parent().addClass("active");
			$("#content .submenu.active li").removeClass("active");
			$(this).addClass("active");
		});
		$('ul.submenu').mouseleave(function() {  
			 closeMenu();
		});
		$('#homepage-logo').mouseenter(function() { 
			 closeMenu();																
		});
		$('#gallery').mouseenter(function() { 
			 closeMenu();																
		});
		
		$('ul#menu_new li.top').css({'position':'relative'});
		$('.menu_new_title_corner').show();
		
		
		var per_column_width = 150;
		// resize the menu for best fit		
		$('ul.second').each(function() {
			var heightString = '';
			var parent_width = 0;
			$('.menu_new_column', this).each(function() {
				if ($(this).children().length != 0){
					$(this).width(per_column_width);
					parent_width += per_column_width;
				} else {
					$(this).width(0);
				}
				$(this).parent().width(parent_width);
			});
		});
		$('.menu_new_right li.top').each(function() {
			// this positions the dropdown menu, making sure it fits on the page.
			$(this).hover(function(){
				var container_position = $(this).position();
				$('ul.second',this).show();
				var width = $('ul.second',this).width();
				
				var overshoot = 580 - (container_position.left+width);
				
				if (overshoot < 0){
					$('ul.second',this).css({'left':overshoot});
				} 
				
			},
			function(){
				$('ul.second',this).hide();
			})
		})
		$('.menu_new_left li.top').each(function() {
			$(this).hover(function(){
				$('ul.second',this).show();
			},
			function(){
				$('ul.second',this).hide();
			})
		})
	}
	function closeMenu() {
			$('#content .submenu').hide(); 
			$(".menu li").removeClass("active");
			if($("div#halo").css("left") != '-110px') {
				$("div#halo").hide().css("left", '-110px').fadeIn("slow");
			}
	}
	
	$("input[name=name]").live("click", function() { 
		if($(this).val() == "Name") $(this).val(""); 
	});
	$("input[name=name]").blur(function() { 
		if($(this).val() == "") $(this).val("Name"); 
	});
	$("input[name=email]").live("click", function() { 
		if($(this).val() == "Email") $(this).val(""); 
	});
	$("input[name=email]").blur(function() { 
		if($(this).val() == "") $(this).val("Email"); 
	});
	$("input[name=t]").live("click", function() { 
		if($(this).val() == "Keyword Search") $(this).val(""); 
	});
	$("input[name=t]").blur(function() { 
		if($(this).val() == "") $(this).val("Keyword Search"); 
	});
	//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');
	
	$('#slider-start').click(function(){
		$('.ui-slider-handle').animate({left:'0%'}, 500);
		$('.scroll-content').animate({marginLeft:'0px'},500);					  
	});
	
	$('#slider-end').click(function(){
		$('.ui-slider-handle').animate({left:'100%'}, 500);
		$('.scroll-content').animate({marginLeft:'-1600px'},500);						  
	});
	
	$('#slider-prev').click(function(){
		var handlePos = $('.ui-slider-handle').css('left');
		var newHandlePos = (handlePos.replace("%","") * 1);
		if(newHandlePos % 10 != 0){
			newHandlePos /= 10;
			newHandlePos = Math.floor(newHandlePos);
			newHandlePos *= 10;
		} else {
			if(newHandlePos >= 10){
				newHandlePos -= 10;
			}
		}
		$('.ui-slider-handle').animate({left:newHandlePos+'%'}, 500);
		
		var scrollPos = (($('.scroll-content').css('margin-left').replace("px", "").replace("-", "")) * 1);
		if(scrollPos % 160 != 0){
			scrollPos /= 160;
			scrollPos = Math.floor(scrollPos);
			scrollPos *= 160;
		} else {
			if(scrollPos >= 160){
				scrollPos -= 160;
			}
		}
		$('.scroll-content').animate({marginLeft:'-'+scrollPos+'px'},500);	
	});
	
	$('#slider-next').click(function(){
		var handlePos = $('.ui-slider-handle').css('left');
		var newHandlePos = (handlePos.replace("%","") * 1);
		if(newHandlePos % 10 != 0){
			newHandlePos /= 10;
			newHandlePos = Math.ceil(newHandlePos);
			newHandlePos *= 10;
		} else {
			if(newHandlePos <= 90){
				newHandlePos += 10;
			}
		}
		$('.ui-slider-handle').animate({left:newHandlePos+'%'}, 500);
		
		var scrollPos = (($('.scroll-content').css('margin-left').replace("px", "").replace("-", "")) * 1);
		if(scrollPos % 160 != 0){
			scrollPos /= 160;
			scrollPos = Math.ceil(scrollPos);
			scrollPos *= 160;
		} else {
			if(scrollPos <= 1440){
				scrollPos += 160;
			}
		}
		$('.scroll-content').animate({marginLeft:'-'+scrollPos+'px'},500);	
	});
	
	/*$('#menu-search .trigger').mouseover(function(){
		$('#frm-search').animate({right:'0px'},500);	 
		$('#menu .last').hide();
		$('#menu-search .trigger').html('GO');	
		setTimeout ( "resetSearch()", 7000 );
	});*/
	
	arrLength = $("#image-array").children().length;
	
	transitions = new function(){
		
		this.construct = function(){
			
			$("#image-array").children().hide();
			$("#image-array div").eq(0).show().addClass("active");
			if(arrLength > 0){
				$("#image-array div").eq(1).addClass("next");
				transitions.startTransition();
			}
		}
		
		this.startTransition = function(){
			$("#image-array div.active").animate({
				opacity:'1'							 
			}, 6000, function(){
				var arrayIndex = $("#image-array div").index($(".next"));
				if((arrayIndex + 1) == arrLength){
					$("#image-array div.active").fadeOut(1000).removeClass("active");
					$("#image-array div.next").fadeIn(1000).removeClass("next").addClass("active");
					$("#image-array div").eq(0).addClass("next");
					$("#gallery-controls img").eq(arrayIndex).attr("src", "/images/gallery-on.png");
					$("#gallery-controls img").eq(arrayIndex-1).attr("src", "/images/gallery-off.png");
				} else {
					$("#image-array div.active").fadeOut(1000).removeClass("active");
					$("#image-array div.next").fadeIn(1000).removeClass("next").addClass("active").next().addClass("next");
					$("#gallery-controls img").eq((arrayIndex)).attr("src", "/images/gallery-on.png");
					if(arrayIndex == 0){
						$("#gallery-controls img").eq(arrLength-1).attr("src", "/images/gallery-off.png");
					} else {
						$("#gallery-controls img").eq(arrayIndex-1).attr("src", "/images/gallery-off.png");
					}
				}
				transitions.startTransition();
			});
		}
		
	}
	
	$("#gallery-controls a").mouseenter(function(){
		var goto = $("#gallery-controls a").index($(this));
		var curr = $("#image-array div").index($(".active"));
		$.each("#gallery-controls a", function(i, val){
			$("#gallery-controls a").eq(i).children().attr("src", "/images/gallery-off.png");
		});
		$("#gallery-controls a img").eq(goto).attr("src", "/images/gallery-on.png");
		$("#image-array div.active").stop(true,false);
		$.each("#image-array div", function(i, val){
			$("#image-array div").removeClass("active").removeClass("next").hide();
		});
		$("#image-array div").eq(goto).show().css("opacity","1").addClass("active");
		if((goto + 1) == arrLength){
			$("#image-array div").eq(0).addClass("next");
		} else {
			$("#image-array div").eq((goto + 1)).addClass("next");
		}
		return false;
	}).mouseleave(function(){
		if(arrLength > 1){
			transitions.startTransition();
		}
		return false;
	});

	if(arrLength > 1){
		transitions.construct();
	}
	
	$('.basket_quantity').change(function(){
		var frm = $(this).attr('rel');
		$('#basket_quantity_'+frm).submit();
	});
	
	$('.update_delivery').change(function(){
		$('#frm-delivery').submit();
	});
	
	/**
		checkout
	**/
	$(".select-country").change(function(data){
		var country_id = $(this).val();
		$(".counties").fadeOut();
		if(country_id.length > 0){
			$.get('/basket/get_counties_view/'+country_id+'/true/', function(data){
				$(".counties").empty().append(data);
				$(".counties").fadeIn();
			});
		}
 	});
	
	$(".go_top").click(function(){
		$.scrollTo(0);
		return false;
	});
	
	lightbox();
});

function resetSearch(){
	if($('#search-term').val() == 'Enter Search'){
		$('#frm-search').animate({right:'-200px'},500);	 
		$('#menu .last').show();
		$('#menu-search .trigger').html('SEARCH');	
	}
}

function lightbox(){
	$('a.zoom').each(function(index) {
		$(this).lightBox({overlayOpacity: 0.4,
						  imageLoading: '/images/lightbox-ico-loading.gif',
						  imageBtnClose: '/images/lightbox-btn-close.gif'});
	});	
}

var copytoclip=1
		
function HighlightAll(theField) {
	var tempval=eval("document."+theField)
	tempval.focus()
	tempval.select()
	if (document.all&&copytoclip==1){
		therange=tempval.createTextRange()
		therange.execCommand("Copy")
		window.status="Contents highlighted and copied to clipboard!"
		setTimeout("window.status=''",1800)
	}
}