function validateFields(color){

	var isValid = true;
	var msgTxt = '';
	var msgCourriel = '';
		
	$('.required').each(function(){
		
		if($(this).val()=='' || $(this).val()=='0'){
			isValid = false;
			$('label[for="'+$(this).attr('id')+'"]').css('color',color);
			msgTxt = "Les champs munis d'un astérisque sont obligatoires."; 
		}
		
		else if($(this).attr('id')=='courriel'){
			var regexEmail = new RegExp("^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+[.]{1}[A-Za-z]{2,4}$");
			if(!regexEmail.test($(this).val())){
				isValid = false;
				$('label[for="'+$(this).attr('id')+'"]').css('color',color);
				msgCourriel = "L'adresse de courriel soumise est invalide.";
			}
			else{
				$('label[for="'+$(this).attr('id')+'"]').css('color','#333333');
			}
		}
		
		else{
			$('label[for="'+$(this).attr('id')+'"]').css('color','#333333');
		}
		
	});
	if(!isValid){
		$('.form_error').html(msgTxt+msgCourriel);
	}
	return isValid;

}


function slideshow(){
	
	$(".pagination").show();
	$(".pagination a:first").addClass("active");

	var imageWidth = $(".frame").width();
	var imageSum = $(".reel img").size();
	var imageReelWidth = imageWidth * imageSum;

	$(".reel").css({'width' : imageReelWidth});	
	
	rotate = function(){
		var triggerID = $active.attr("rel") - 1;
		var reelPosition = triggerID * imageWidth;

		$(".pagination a").removeClass('active');
		$active.addClass('active');

		$(".reel").animate({
			left: -reelPosition
		}, 500 );
	}; 

	rotateSwitch = function(){
		play = setInterval(function(){
			$active = $('.pagination a.active').next();
			if ( $active.length === 0) {
				$active = $('.pagination a:first');
			}
			rotate();
		}, 7000);
	};

	rotateSwitch();
	
	$(".reel a").hover(
		function(){
			clearInterval(play);
		}, 
		function(){
			rotateSwitch();
		}
	);	

	$(".pagination a").click(function(){
		$active = $(this);		
		clearInterval(play);
		rotate();
		rotateSwitch();
		return false;		
	});

}


function storeInfo(id){
	
	$.ajax({
		
		type:'POST',
		url: 'http://www.galeriesrivenord.com/magasin/informations/',
		data:'action=getUrl&id='+id,
		success:function(data){
			$("#storeInfo").attr("href",data);
			$("#storeInfo").click();
		}
			
	});
	
		$("#storeInfo").colorbox({opacity:'0.82'});
	
}


function setCookie(name,value,days){
	
    if(days){
		var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else{
		var expires = "";
	}
    document.cookie = name+"="+value+expires+"; path=/";
    
}

function deleteCookie(name){
	
    setCookie(name,"",-1);
    
}

function getCookie(name){
   
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++){
      
        var c = ca[i];
        while(c.charAt(0)==' '){
			c = c.substring(1,c.length);
		}
        if(c.indexOf(nameEQ) == 0){
			return c.substring(nameEQ.length,c.length);
		}
		
    }
    return null;
    
}


$(document).ready(function(){
	
	$('.fiche').click(function(){
		
		$(this).colorbox();
		
	});

	function updateDisplay(){
	
		$('#commerce_list').mask("Téléchargement en cours...");
		$.ajax({
			type:'POST',
			url: 'http://www.galeriesrivenord.com/magasin/liste-magasins-lanaudiere/?action=updateDisplay',
			data:$('.categorie_inputs:checked').serialize(),
			success:function(data){
				$('#commerce_list').unmask();
				$('#commerce_list').html(data);
			}
		});
	
	}
	
	$('.box').click(function(){
		
		if($(this).hasClass('box-uncheck-all')){
			
			$(this).parent().children('.box-checked').show();
			$(this).parent().children('.categorie_inputs').attr('checked',true);
			
			$('.categorie_bloc > .categorie_inputs').each(function(){
			
				if($(this).attr('checked')==true){
					$(this).parent().children('.box-checked').hide();
					$(this).parent().children('.categorie_inputs').attr('checked',false);
				}
			
			});
						
		}
		else{
			
			$(this).parent().children('.box-checked').show();
			$(this).parent().children('.categorie_inputs').attr('checked',true);
			
			if($('.box-checked-all').is(':visible')){
				$('.box-checked-all').hide();
				$('.box-checked-all').parent().children('.categorie_inputs').attr('checked',false);
			}
		
		}
		
		updateDisplay();
		
	});
	
	$('.box-checked').click(function(){
		
		$(this).parent().children('.box-checked').hide();
		$(this).parent().children('.categorie_inputs').attr('checked',false);
		
		if($('.box-checked:visible').length == 0){
			$('.box-checked-all').show();
			$('.box-checked-all').parent().children('.categorie_inputs').attr('checked',true);	
		}
		
		updateDisplay();
	
	});
	
	$('.categorie_inputs').change(function(){
	
		if($(this).attr('checked')==true){
			$(this).parent().children('.box').click();
		}
		else{
			$(this).parent().children('.box-checked').click();
		}
		
	});
	
	$('#commerce_list .article').live('mouseover mouseout',function(event){
	
		if (event.type == 'mouseover') {
			$(this).addClass('current');
		} else {
			$(this).removeClass('current');
		}
		
	});
	
	
	$('.agenda').click(function(){
	
		var type = ($(this).hasClass('aujourdhui'))?'aujourdhui':'avenir';			
		
		$('#more-agenda').html('<h2>Chargement en cours...<br /><br /><div style="text-align:center;"><img src="http://www.galeriesrivenord.com/ui/img/loading_white.gif"></div></h2>');
		
		$.ajax({
			type:'POST',
			url: 'http://www.galeriesrivenord.com/evenements-repentigny/?action=updateWidget',
			data:'type='+type,
			success:function(data){
				$('.tabs').children().removeClass('active');
				$('.'+type).parent().addClass('active');
				$('#more-agenda').html(data);				
			}
		});	
		
		return false;
		
	});
	
	
	$('#btn-expand').click(function(){
	
		if($('.startClose').height() != 373){
			$('.startClose').animate({height:'373px'});	
			setCookie('widget','expand','1');			
			$('#btn-expand').removeClass('widgetClosed').addClass('widgetOpened');
		}
		else{
			$('.startClose').animate({height:'215px'});
			deleteCookie('widget');
			$('#btn-expand').removeClass('widgetOpened').addClass('widgetClosed');
		}
		return false;
		
	});
	
	$('#contact').submit(function(event){
		return validateFields('#B22B85');
	});
	
	$('#postuler').submit(function(event){
		return validateFields('#E8643A');
	});
		
		
});