//Function pour cacher les iFrame

function setIframeVisible(e){
	Ext.get(e).fadeIn();
} 

$(document).ready(function(){

	/* FOOTER SOCIAL NETWORK */
	getIframeReady();
	
	contactFields();
	contactForm();
	
	/* PORTFOLIO */
	
	$('.CMS_PHOTO_btn').click(portfolio_img);
	
	/* COMMENTAIRES */
	
	$('#CMS_BLOG_add_comments_btn').toggle(function(){
		$('#CMS_BLOG_add_comments').fadeIn();
		return false;
	},function(){
		$('#CMS_BLOG_add_comments').fadeOut();
		return false;
	});
	
	/* L'AGENCE */
	$('.agence_ul_col ul li').click(function(e){
		alert(e.target.innerHTML);
	});
	
	/* HOVER BOUTON */
	if($('#contact_form_btn')){
		$('#contact_form_btn').hover(function(){
			$('#contact_form_btn').addClass('contact_form_btn_hover');
		},function(){
			$('#contact_form_btn').removeClass('contact_form_btn_hover');
		});
	}
	
	if($('contact_map_print')){
		$('#contact_map_print').hover(function(){
			$('#contact_map_print').addClass('contact_map_print_hover');
		},function(){
			$('#contact_map_print').removeClass('contact_map_print_hover');
		});
	}
	
	if($('#first_img_banner')){
		$('#first_img_banner').fadeOut(1500, show_img);
	}
	
	if($('#besoin_openMenu')){
		$('#besoin_openMenu').click(function(){
			// Check if menu is already down
			if($('#menu_banner').css('display') == 'none'){
				openMenu();
			}
		});
	}
});

function hide_img(){
    $("#first_img_banner").fadeOut(1500, show_img);
}

function show_img(){
	 $("#first_img_banner").fadeIn(1500, hide_img);
}

function contactFields(){
	if($('#contact_name')){
		$('#contact_name').focus(function(){
			if($('#contact_name').val() == '*Nom'){
				$('#contact_name').val(''); $('#contact_name').css('color', '#3F3F3F');
			}
		});
		$('#contact_name').blur(function(){
			if($('#contact_name').val() == ''){
				$('#contact_name').css('color', '#B5B5B5'); $('#contact_name').val('*Nom');
			}
		});
	}
	if($('#contact_company')){
		$('#contact_company').focus(function(){
			if($('#contact_company').val() == 'Compagnie'){
				$('#contact_company').val(''); $('#contact_company').css('color', '#3F3F3F');
			}
		});
		$('#contact_company').blur(function(){
			if($('#contact_company').val() == ''){
				$('#contact_company').css('color', '#B5B5B5'); $('#contact_company').val('Compagnie');
			}
		});
	}
	if($('#contact_phone')){
		$('#contact_phone').focus(function(){
			if($('#contact_phone').val() == 'Téléphone'){
				$('#contact_phone').val(''); $('#contact_phone').css('color', '#3F3F3F');
			}
		});
		$('#contact_phone').blur(function(){
			if($('#contact_phone').val() == ''){
				$('#contact_phone').css('color', '#B5B5B5'); $('#contact_phone').val('Téléphone');
			}
		});
	}
	if($('#contact_email')){
		$('#contact_email').focus(function(){
			if($('#contact_email').val() == '*Courriel'){
				$('#contact_email').val(''); $('#contact_email').css('color', '#3F3F3F');
			}
		});
		$('#contact_email').blur(function(){
			if($('#contact_email').val() == ''){
				$('#contact_email').css('color', '#B5B5B5'); $('#contact_email').val('*Courriel');
			}
		});
	}
	if($('#contact_message')){
		$('#contact_message').focus(function(){
			if($('#contact_message').val() == '*Votre message'){
				$('#contact_message').val(''); $('#contact_message').css('color', '#3F3F3F');
			}
		});
		$('#contact_message').blur(function(){
			if($('#contact_message').val() == ''){
				$('#contact_message').css('color', '#B5B5B5'); $('#contact_message').val('*Votre message');
			}
		});
	}

}

function getIframeReady(){
	
	$('#footer_social_facebook').ready(function(){setIframeVisible('footer_social_facebook');});

	
	$('#twitter_footer').hover(function(){
		$('#twitter_footer').css('color', '#008de7');					
		$('#facebook_footer').css('color', '#b5b5b5');
		$('#footer_social_facebook').css('display', 'none');
		$('#footer_social_twitter').css('display', 'block');
	},function(){
	});
	
	$('#facebook_footer').hover(function(){
		$('#facebook_footer').css('color', '#008de7');					
		$('#twitter_footer').css('color', '#b5b5b5');
		$('#footer_social_twitter').css('display', 'none');
		$('#footer_social_facebook').css('display', 'block');
	},function(){
	});

	$.receiveFbMessage(function(e){
		var msg = e.data.split("_");
		console.log(msg);
		if(msg.length > 1){
			var id = msg[1];
			msg = msg[0];
		
			if(msg == 'Reload'){
				
				// On va mettre le id dans une session
				Ext.Ajax.request({
					url : 'interface/CMS_BLOG/ajax/Flx.CMS_BLOG_task.php',
					method : 'POST',
					params : {
						task : 'saveSessionFb',
						sessionid : id
					},
					success : function(response, options){
						var href = location.href;
						var lastParam = href.lastIndexOf("#"); //Enleve le diese et ce qu'il y a après, pour ne pas repasser le message
						href = href.substring(0, lastParam);
						
						if(href.lastIndexOf('fb=true') == -1){ // On rajoute fb=true pour dire a la page d'afficher le formulaire
							href = href+"?fb=true";
						}
						window.location = href;
					}
				});
			}
		}
	}, 'http://70.38.54.242');
}


function contactForm(){
	
	if(Ext.get('contact_form_btn')){
		Ext.get('contact_form_btn').addListener('click', function(){
			
			var vname = Ext.get('contact_name').getValue();
			var vcompany = Ext.get('contact_company').getValue();
			var vphone = Ext.get('contact_phone').getValue();
			var vemail = Ext.get('contact_email').getValue();
			var vmessage = Ext.get('contact_message').getValue();
			var vlang	 = Ext.get('contact_lang').getValue();
			var dh = Ext.DomHelper;
			
			var faulty = [];
			
			Ext.select('.input_field').each(function(e){
				e.removeClass('input_field_error');
				e.removeClass('textarea_field_error');
			});
			Ext.get('contact_form_error').setStyle('color', '#FF0000');
			
			if(vname == "" || vname == "*Nom" || vemail == "" || vemail == "*Courriel" || vmessage == "" || vmessage == "*Votre message"){
				if(vname == "" || vname == "*Nom"){
					faulty.push(Ext.get('contact_name'));	
				}
				if(vemail == "" || vemail == "*Courriel"){
					faulty.push(Ext.get('contact_email'));
				}
				if(vmessage == "" || vmessage == "*Votre message"){
					faulty.push(Ext.get('contact_message'));
				}
				
				var i = 0;
				for(i; i < faulty.length; i++){
					//faulty[i].setStyle('background-url', '../images/input-background-error.png');
					var parentId = faulty[i].dom.parentNode;
					if(Ext.get(parentId).hasClass('input_field')){
						Ext.get(parentId).addClass('input_field_error');
					}else{
						Ext.get(parentId).addClass('textarea_field_error');
					}
				}
				dh.overwrite('contact_form_error', 'Vous devez remplir les champs marqués d\'une étoile!');
			}else{
				var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
				
				if (!filter.test(vemail)){
					dh.overwrite('contact_form_error', 'L\'adresse courriel n\'est pas valide!');
					Ext.get(Ext.get('contact_email').dom.parentNode).addClass('input_field_error');
				}else{
					Ext.Ajax.request({
						url : '../ajax/contact_task.php',
						method : 'POST',
						params : {
							task : 'sendMail',
							name : vname,
							company : vcompany,
							phone : vphone,
							email : vemail,
							message : vmessage,
							lang  : vlang
						},
						success : function(response, options){
							var responseData = Ext.decode(response.responseText);
							
							if(responseData.success){
								Ext.get('contact_form_error').setStyle('color', '#008DE7');
								i = 0;
								for(i; i < faulty.length; i++){
									var parentId = faulty[i].dom.parentNode;
									if(Ext.get(parentId).hasClass('input_field')){
										Ext.get(parentId).removeClass('input_field_error');
									}else{
										Ext.get(parentId).removeClass('textarea_field_error');
									}
								}
								
								dh.overwrite('contact_form_error', 'Votre message a bien été envoyé!');
													
								Ext.get('contact_name').dom.value = '*Nom';
								Ext.get('contact_name').setStyle('color', '#B5B5B5');
								Ext.get('contact_company').dom.value = 'Compagnie';
								Ext.get('contact_company').setStyle('color', '#B5B5B5');
								Ext.get('contact_phone').dom.value = 'Téléphone';
								Ext.get('contact_phone').setStyle('color', '#B5B5B5');
								Ext.get('contact_email').dom.value = '*Courriel';
								Ext.get('contact_email').setStyle('color', '#B5B5B5');
								Ext.get('contact_message').dom.value = '*Votre message';
								Ext.get('contact_message').setStyle('color', '#B5B5B5');

							}else{
								dh.overwrite('contact_form_error', responseData.errorMsg);
							}
						}
					});
				}
			}
		});
	}
}

function portfolio_img(e){

	var idbtn =  e.target.id;
	var idsplit = idbtn.split("_");
	var idimg = "img_"+idsplit[1];
	var idAlb = idsplit[2];
	
	if(e.target.textContent != undefined){
		var imgPos = parseInt(e.target.textContent, 10);
	}else{
		var imgPos = parseInt(e.target.outerText, 10);
	}
	var rtl = $('.CMS_PHOTO_album_viewer_'+idAlb);
	
	var posLeft = 687*(imgPos-1)+(2); // - 2px de left
	
	rtl.animate({
		left : -posLeft
	}, 1000, 'easeInOutExpo', function(){
		$('.CMS_PHOTO_btn_group_'+idAlb+' .CMS_PHOTO_btn').removeClass('CMS_PHOTO_btn_hover');
		$('#'+idbtn).addClass('CMS_PHOTO_btn_hover');
	});
}