$(document).ready(function() {

	// Login Form Elements
	// --------------------------------------------------------------------------------------------
	$('.input, textarea').bind('focusin', function() { if( $(this).val() == $(this).attr('data-default') ) { $(this).val(''); } });
	$('.input, textarea').bind('focusout', function() { if( $(this).val() == '' ) { $(this).val( $(this).attr('data-default') ); } });
	$('.no-paste').bind('paste', function(){ return false; });

	Cufon.replace('.TandelleBold,.Tandelle,#VideoTitle',{hover:true,fontFamily:'Tandelle'});

	$("img.rounded").load( function () {
		var img = $(this);

		// build wrapper
		var wrapper = $('<div class="rounded_wrapper"></div>');
		wrapper.width(img.width());
		wrapper.height(img.height());

		// move CSS properties from img to wrapper
		wrapper.css('float', img.css('float'));
		img.css('float', 'none')

		wrapper.css('margin-right', img.css('margin-right'));
		img.css('margin-right', '0')

		wrapper.css('margin-left', img.css('margin-left'));
		img.css('margin-left', '0')

		wrapper.css('margin-bottom', img.css('margin-bottom'));
		img.css('margin-bottom', '0')

		wrapper.css('margin-top', img.css('margin-top'));
		img.css('margin-top', '0')

		wrapper.css('display', 'block');
		img.css('display', 'block')

		// wrap image
		img.wrap(wrapper);

		// add rounded corners
		img.after('<div class="tl"></div>');
		img.after('<div class="tr"></div>');
		img.after('<div class="bl"></div>');
		img.after('<div class="br"></div>');
	});


	var SliderTotalWidth = '';
	var SliderLeftPos = '';
	var NewSliderPos = '';

	var SliderTotalWidth = $('.TheSlider li').size()*222;

	// --------------------------------------------------------------------------------------------

	$('#SliderRight').click(function() {
		SliderLeftPos = $('.TheSlider').position();
		SliderLeftPos = SliderLeftPos.left;
		if (SliderLeftPos % 888) { return false; };
		NewSliderPos = -(SliderLeftPos-888);
		if (NewSliderPos<SliderTotalWidth) { $('.TheSlider').animate({left:-(NewSliderPos)}); };
	});

	// --------------------------------------------------------------------------------------------

	$('#SliderLeft').click(function() {
		SliderLeftPos = $('.TheSlider').position();
		SliderLeftPos = SliderLeftPos.left;
		if (SliderLeftPos % 888) { return false; };
		NewSliderPos = SliderLeftPos+888;
		if (SliderLeftPos<0) { $('.TheSlider').animate({left:NewSliderPos}); };
	});

	// --------------------------------------------------------------------------------------------

	var ProStaffTotalHeight = '';
	var ProStaffTopPos = '';
	var NewProStaffPos = '';

	$('.ProStaffSliding').children('li').each(function(index) { ProStaffTotalHeight = index+1; });

	ProStaffTotalHeight = ProStaffTotalHeight*61;

	// --------------------------------------------------------------------------------------------

	$('#ProStaffDown').click(function() {
		ProStaffTopPos = $('.ProStaffSliding').position();
		ProStaffTopPos = ProStaffTopPos.top;
		if (ProStaffTopPos % 269) { return false; };
		NewProStaffPos = -(ProStaffTopPos-269);
		if (NewProStaffPos<ProStaffTotalHeight) { $('.ProStaffSliding').animate({top:-(NewProStaffPos)}); };
	});

	// --------------------------------------------------------------------------------------------

	$('#ProStaffUp').click(function() {
		ProStaffTopPos = $('.ProStaffSliding').position();
		ProStaffTopPos = ProStaffTopPos.top;
		if (ProStaffTopPos % 269) { return false; };
		NewProStaffPos = ProStaffTopPos+269;
		if (ProStaffTopPos<0) { $('.ProStaffSliding').animate({top:NewProStaffPos}); };
	});

	// --------------------------------------------------------------------------------------------

	$("#productslider").easySlider({});
	$slideWd = $('.ProductSliderWrap a').size();
	$('.ProductSliderWrap').css({width:($slideWd * 205)});
		
	// --------------------------------------------------------------------------------------------

   $(".fade, .SlideHolder").fadeTo("slow", 0.8);
   $(".fade, .SlideHolder").hover(function(){ $(this).fadeTo("fast", 1.0); },function(){ $(this).fadeTo("fast", 0.8); });
   
	$("#features").click(function() {
		$("#featuresContainer").addClass('current');
		$("#specsContainer,#accessoriesContainer").removeClass('current');
		$("#features").addClass('current');
		$("#specifications,#accessories").removeClass('current');
	});
	$("#specifications").click(function() {
	  	$("#specsContainer").removeClass('current').addClass('current');
	  	$("#featuresContainer,#accessoriesContainer").removeClass('current');
		$("#specifications").addClass('current');
		$("#features,#accessories").removeClass('current');
	});
	$("#accessories").click(function() {
	  	$("#accessoriesContainer").removeClass('current').addClass('current');
	  	$("#featuresContainer,#specsContainer").removeClass('current');
		$("#accessories").addClass('current');
		$("#features,#specifications").removeClass('current');
	});	
	
	$("#popup").fancybox({ width:'504px', height:'284px', titleShow:false, transitionIn:'none', transitionOut:'none' });
	$(".popup").fancybox({ width:'504px', height:'284px', titleShow:false, transitionIn:'none', transitionOut:'none' });

	$("a[rel=fancy_group]").fancybox({ titlePosition:'inside', showCloseButton:true });
	
	$("span.box").click(function() {
		if($(".checkbox").val() === 'true') {
			$("#checkmark").css('visibility','hidden');
			$(".checkbox").val('false');
		} else {
			$("#checkmark").css('visibility','visible');
			$(".checkbox").val('true');
		}
	});
	
	// --------------------------------------------------------------------------------------------

	$('.Scrollable').jScrollPane({ scrollbarWidth:20 });
	$('.ScrollableLeft').jScrollPane({ scrollbarOnLeft: true });
	$('.scroll-container').jScrollPane({ showArrows:true, scrollbarWidth:11 });
	$('.scroll-container2').jScrollPane({ showArrows:true, scrollbarWidth:11 });		
	$('.scroll').jScrollPane({ showArrows:false });

	if($('#ProductDetailContent h1').height() > 60){ $('#ProductDetailContent .Scrollable').height(165).data('jsp').reinitialise(); }

	// --------------------------------------------------------------------------------------------

	$('#HeroInner').cycle({ fx:'cover', timeout:14000, next:'#HeroRight', prev:'#HeroLeft' });
	$('#HeroInner a').click(function() { $('#HeroInner').cycle('pause'); });
	$('#fancybox-close').click(function() { $('#HeroInner').cycle('resume'); });
	
	$(document).bind('keypress', function(e) {
		var code = (e.keyCode ? e.keyCode : e.which);
		if(code == 27) { $('#HeroInner').cycle('resume'); } // Enter keycode
	});
	
	$('a.slide').hover(function(){
		$(this).find('.over').stop().animate({'opacity':0}, 300);
	},function(){
		$(this).find('.over').stop().animate({'opacity':1}, 300);
	});
	
	// --------------------------------------------------------------------------------------------

	$('.select_search_cat').change(function(){
		var $self = $(this), $parent = $self.parents('.select_wrap'),
			_base_url = $parent.find('input[name=base_url]').val(), _term = $parent.find('input[name=term]').val(), _cat = $self.val();
		window.location = _base_url+'search/'+_term+'/1/'+_cat;
	});

});