J(document).ready(function(){
	
	J.ajax({
		type: 'POST',
		url: 'scripts/twitter/index.php',
		beforeSend: function(){
			J('div.ajaxTwitter').html('<img src="../../templates/creageneve/js/images/ajax-loader.gif" title="Chargement" />');
		},
		success: function(result){
			
			J('div.ajaxTwitter').html(result);
			
			if(navigator.appName != "Opera") {
			
				//////////////////// CAROUSEL DELUXE ////////////////////
				var blocks = 5;
				
				Reference = J(".carousel div.block:first-child");
			
				NbElement = J(".carousel div.block").length;
				
				// Ciblage de la bande de diapositives 
				J(".carousel")
					// Englobage de la liste par la zone de visualisation 
					.wrap('<div class="carousel-conteneur"></div>') 
					// Application d'une largeur ˆ la bande de diapositive afin de conserver une structrure horizontale 
					.css("width", (Reference.width() * NbElement) );
				// Creation des liens de la pagination
				Pagination = Math.ceil(NbElement/blocks);
				var PagElement='';
			
			/*
				for (var i=1;i<=Pagination;i++)
				{
					PagElement += '<li><a href="#page'+i+'" rel="'+i+'"';
					if (i==1) pagelement += 'class="active"';
					PagElement += '></a></li>';
				}
			*/
			
				// Englobe les block 5 par 5
				var i = 1;
				var heightCurr = 0;
				var heightCol = new Array();
				c_Elements = J(".carousel div.block:first");
				J(".carousel div.block").each(function(){
					i++;
					c_Elements = c_Elements.add(J(this));
					heightCurr += J(this).height();
					if (i % blocks == 1 || J(".carousel div.block").length < i) {
						c_Elements.wrapAll('<div class="blockWrap"></div>');
						c_Elements = J(".carousel div.block:eq("+i+")");
						heightCol.push(heightCurr);
						heightCurr = 0;
					}
				});
			
				
				// Ciblage de la zone de visualisation 
				J(".carousel-conteneur") 
					// Application de la largeur d'une seule diapositive 
					.width(  Reference.width() ) ;
					
				J(".carousel-conteneur") 
					// Application de la hauteur d'une seule diapositive 
					.height( heightCol[0] );
				
				J(".carousel-conteneur") 
					// Blocage des débordements 
					.css("overflow", "hidden");
					
				J(".carousel-conteneur") 
					// Insertion des boutons de navigation 
					.after('' 
						+  '<ul class="carousel-navigation">' 
						+  '    <li class="carousel-prev"><a href="#">← Précédent</a></li>' 
						+  '    <li class="carousel-next"><a href="#">Suivant →</a></li>' 
						+  '</ul>'
						+	'<ul class="carousel-pagination">'
						+		PagElement
						+	'</ul>'
						+  '');
				
				// Actions de navigation 
			 
				// Initialisation du compteur 
				Cpt = 0;
				
				// Initialisation du bouton prŽcŽdent
				J('.carousel-prev').hide();
				
				// Cache le bouton suivant si necessaire
				if(!(Cpt < (NbElement-blocks)) ) {
					J('.carousel-next').fadeOut();
				}
						
				// Clic sur le lien "Suivant" 
				J(".carousel-next a").click(function() { 
			 
					// Si le compteur est infŽrieur au nombre de diaposives moins x  
					if(Cpt < (NbElement-blocks) ) {
			
						// DŽfini la page active
						ActiveElement = J('.carousel-pagination li a.active');
						J('.carousel-pagination li a').removeClass('active');
						ActiveElement.parent().next().children().addClass('active');
						
						// Ajout +x au compteur (nous allons sur la diapositive suivante) 
						Cpt+=blocks; 
						 
						// Mouvement du carousel en arrire-plan 
						J(".carousel").animate({ 
							marginLeft : - (Reference.width() / blocks * Cpt) 
						});
						
						J(".carousel-conteneur").animate({
							height : heightCol[Cpt/blocks]								 
						}); 
						
						// Cache le bouton suivant
						if(!(Cpt < (NbElement-blocks)) ) {
							J('.carousel-next').fadeOut();
						}
						// Montre le bouton prŽcŽdent
						if(Cpt > 0) {
							J('.carousel-prev').fadeIn();
						}
						
					} // fin du if 
								 
					// Blocage du lien 
					return false;
			 
				}); 
			 
				// Clic sur le lien "Precedent" 
				J(".carousel-prev a").click(function() { 
			 
					// Si le compteur est superieur a zero 
					if(Cpt > 0) { 
						
						// Defini la page active
						ActiveElement = J('.carousel-pagination li a.active');
						J('.carousel-pagination li a').removeClass('active');
						ActiveElement.parent().prev().children().addClass('active');
					
						// Soustraction -1 au compteur (nous allons sur la diapositive precedente) 
						Cpt-=blocks; 
						 
						// Mouvement du carousel en arriere-plan 
						J(".carousel").animate({ 
							marginLeft : - (Reference.width() / blocks * Cpt) 
						});
						
						J(".carousel-conteneur").animate({
							height : heightCol[Cpt/blocks]								 
						});
					 
						// Montre le bouton suivant
						if(Cpt < (NbElement-blocks) ) {
							J('.carousel-next').fadeIn();
						}
						// Cache le bouton precedent
						if(!(Cpt > 0)) {
							J('.carousel-prev').fadeOut();
						}
						
					} // fin du if 
						  
					// Blocage du lien 
					return false;
				 
				});
			}
		}
	});
	
	
	// Display article image before title and desaturate it (Home News)
	J('.blogHome .article_column').each(function(){
		img1 = J(this).find('img');									 
		if (img1.hasClass('img')) {
			var img2 = new Image();
			img2.onload = function() {
				Pixastic.process(img2, "desaturate", {average : false});
			}
			img2.src = img1.attr('src');
			//img2.attr('class','img2');
			img2.className='img2';
			//img2.addClass('img2');
			J(this).prepend(img2).prepend(img1);
			img1.css('display', 'none');
		}
	});
	
	
	// Set mail in JS against bot
	J('.creaMail').attr('href', 'mailto:info@creageneve.com').text('info@creageneve.com');
	
	
	// Next Course Hover
	J('.contentRightItem.nextCourses, .nextCoursesIe').hover(
		function(){
			J('.contentRightItem.nextCourses').addClass('hover');
		},
		function(){
			J('.contentRightItem.nextCourses').removeClass('hover');
		}
	);
	
	
	// Home News Hover
	J('.blogHome .article_column').hover(
		function(){
			J(this).addClass('hover');
			J(this).find('.img2').css('display', 'none');
			J(this).find('.img').css('display', 'block');
		},
		function(){
			J(this).removeClass('hover');
			J(this).find('.img').css('display', 'none');
			J(this).find('.img2').css('display', 'block');
		}
	);
	
	
	// Gestion du menu des partenaires
	J('.partenaire').hover(
		function(){
			var partenaire_src = J(this).attr('src');
			var new_partenaire_src = partenaire_src.replace('simple', 'color');
			J(this).attr('src', new_partenaire_src);
		},
		function(){
			var partenaire_src = J(this).attr('src');
			var new_partenaire_src = partenaire_src.replace('color', 'simple');
			J(this).attr('src', new_partenaire_src);
		}
	);
	
});