function ValidateMyForm(myForm){
	var erreur = false;
	//var broderieVide = '{BroderieVide}';
	var broderieVide = '{BroderieVide}';
	var inputs = document.getElementsByTagName('input');
	var errorElem;
	for(i=0;i<inputs.length && !erreur;i++){
		var id = inputs[i].id;
		if(id!=''){
			var elem = id.split('_');
			var selectedBroderie = 	document.getElementById(elem[2]).value;
			var textBroderie = document.getElementById(id).value;
			if(selectedBroderie != broderieVide && textBroderie==''){
				erreur = true;
				errorElem = id;
			}
		}
	}

	if(erreur){
		//alert('{TexteBroderieObligatoire}');
		alert('{TexteBroderieObligatoire}');
		document.getElementById(errorElem).focus();
		return false;
	}else{
		return true;
	}
}

function SlideKeeperLeft(){
	$tk = $('div.thumbsKeeper ul');
	if($tk.css('left').replace('px','') < 0)
		$tk.animate({"left": "+="+(98*4)+"px"}, "slow");
	else
		SlideKeeperRight()
}

function SlideKeeperRight(){
	$tk = $('div.thumbsKeeper ul');
	$maxLeft = -(($tk.children('li').length - 4) * 98);
	if($tk.css('left').replace('px','') > $maxLeft)
		$tk.animate({"left": "-="+(98*4)+"px"}, "slow");
	else
		SlideKeeperLeft()
}

function loopCall(){
	setTimeout("loop()", 5000)
}

function loop(){
	$.galleria.next();
	loopCall()
}

$(document).ready(function(){
		
	$('div.thumbsKeeper ul').galleria({
		history   : false, // activates the history object for bookmarking, back-button etc.
		clickNext : false, // helper for making the image clickable
		insert    : '#imgKeeper', // the containing selector for our main image
		onImage   : function(image,thumb) { // let's add some image effects for demonstration purposes
			
			// fade in the image & caption
			image.css('display','none').fadeIn(1000);
			// fetch the thumbnail container
			var _li = thumb.parents('li');
			
			// fade out inactive thumbnail
			_li.siblings().children('img.selected').fadeTo(500,0.3);
			
			// fade in active thumbnail
			thumb.fadeTo('fast',1).addClass('selected');
			
			// add a title for the clickable image
		},
		onThumb : function(thumb) { // thumbnail effects goes here
			// fetch the thumbnail container
			var _li = thumb.parents('li');
			
			// if thumbnail is active, fade all the way.
			var _fadeTo = _li.is('.active') ? '1' : '0.3';
			
			// fade in the thumbnail when finnished loading
			thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
			
			// hover effects
			thumb.hover(
				function() { thumb.fadeTo('fast',1); },
				function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
			)
		}
	});
	$('div.thumbsKeeper ul li:first-child').addClass('active');
	loopCall();
	
});