$(document).ready(function(){

    	$(".tab").click(
    		function(){
			var glideDist = 510;
			var actdiv = "#"+$(this).parent().attr("id");
			var actdivno = actdiv.substring(4,5)
			var pos = $(actdiv).css("marginLeft").slice(0,-2);
			
			$(".slider").each(function() {
				
				var actclass = "#"+$(this).attr("id");
				var pos = $(actclass).css("marginLeft").slice(0,-2);

				if (pos == glideDist && actclass.substring(4,5) <= actdivno) $(actclass).animate({"marginLeft": "-="+glideDist+"px"}, "slow",
					function() {
						$(actclass).find(".tab > img").attr("src",$(actclass).find(".tab > img").attr("src").replace("_r","_l"));
					}
				);

				if (pos == 0 && actclass.substring(4,5) >= actdivno ) $(actclass).animate({"marginLeft": "+="+glideDist+"px"}, "slow",
					function() {
						$(actclass).find(".tab > img").attr("src",$(actclass).find(".tab > img").attr("src").replace("_l","_r"));
					}			
				);
			});
    		}
    	);
 
	$(".itm a img").hover(
		function(){
			if($(this).attr("src").indexOf("_down") == -1) {
				var newSrc = $(this).attr("src").replace("_up","_down");
				$(this).attr("src",newSrc);
			}
		},
		function(){
			if($(this).attr("src").indexOf("_down") != -1) {
				var oldSrc = $(this).attr("src").replace("_down","_up");
				$(this).attr("src",oldSrc);
			}
		}
	);
	
	$(".tip").helptooltip();
	
	$("#registerform1").validate({
		errorElement: "em",
		rules: {
			phone: { required: true, digits: true },
			mobile: { required: false, digits: true	}
		}
	});

	$("#registerform2").validate({
		errorElement: "em",
		rules: {
			card_number: { required: true, digits: true },
			cvv: { required: true, digits: true },
			issue: { required: false, digits: true }
		}
	});
	
	$("#maestro").hide();
	$("#card_type").change(
		function(){
			if( $(this).val() == '10') $("#maestro").show();
			else $("#maestro").hide();
		}
	);

	$("#registerform3").validate({
		errorElement: "em",
		rules: {
			password: {
				required: true,
				minlength: 7
			},
			confirm_password: {
				required: true,
				minlength: 7,
				equalTo: "#password"
			},
			agreeterms: "required"
		},
		messages: {
			password: {
				required: "Please provide a password",
				minlength: "Your password must be at least 7 characters long"
			},
			confirm_password: {
				required: "Please provide a password",
				minlength: "Your password must be at least 7 characters long",
				equalTo: "Passwords do not match"
			},
			agreeterms: "Please agree"
		}
	});
	
	$("#loginform, #fp1").validate({
		errorElement: "em"
	});
	
	var onMouseOutOpacity = 0.67;
	$('#thumbs ul.thumbs li').css('opacity', onMouseOutOpacity)
		.hover(
			function () {
				$(this).not('.selected').fadeTo('fast', 1.0);
			}, 
			function () {
				$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
			}
		);

	$('div.navigation').css({'width' : '205px', 'float' : 'left'});
	$('div.content').css({'display' : 'block', 'width' : '386px', 'float' : 'left'});
	
	var galleryAdv = $('#gallery').galleriffic('#thumbs', {
		delay:                  5000,
		numThumbs:              6,
		preloadAhead:           10,
		enableTopPager:         true,
		enableBottomPager:      false,
		imageContainerSel:      '#slideshow',
		controlsContainerSel:   '#controls',
		captionContainerSel:    '#caption',
		loadingContainerSel:    '#loading',
		renderSSControls:       true,
		renderNavControls:      true,
		playLinkText:           'Play Slideshow',
		pauseLinkText:          'Stop Slideshow',
		prevLinkText:           '&lsaquo; Prev',
		nextLinkText:           'Next &rsaquo;',
		nextPageLinkText:       'Next &rsaquo;',
		prevPageLinkText:       '&lsaquo; Prev',
		enableHistory:          true,
		autoStart:              false,
		onChange:               function(prevIndex, nextIndex) {
			$('#thumbs ul.thumbs').children()
				.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
				.eq(nextIndex).fadeTo('fast', 1.0);
		},
		onTransitionOut:        function(callback) {
			$('#caption').fadeTo('slow', 0.0);
			$('#slideshow').fadeTo('slow', 0.0, callback);
		},
		onTransitionIn:         function() {
			$('#slideshow').fadeTo('slow', 1.0);
			$('#caption').fadeTo('slow', 1.0);
		},
		onPageTransitionOut:    function(callback) {
			$('#thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
		},
		onPageTransitionIn:     function() {
			$('#thumbs ul.thumbs').fadeTo('fast', 1.0);
		}

	});
});