/*------------------------------------------------------------------------------
	Projet: 	ssomia PortFolio
    Copy to: 	Aux ponpeur, aller sur http://www.stpo.fr  
				
	Document : 	(https://developer.mozilla.org/en/JavaScript)
	Summary: 	CONSTANTES
				WINDOW.ONLOAD
				MAIL ANTI SPAM HELP
				PORTFOLIO CARROUSEL
----------------------------------------------------------------------------- */

/* CONSTANTES
**********************************************************/
var d = document;
var w = window;
essomia = {};

/* WINDOW.ONLOAD
**********************************************************/
$(document).ready(function(){
    essomia.carrousel();		// active carrousel du portfolio
    essomia.mailspan();			// anti-span help mail
});

/* MAIL ANTI-SPAM HELP
**********************************************************/
essomia.mailspan = function(){
	$("li.mail").html("melissa.boutry@gmail.com");
	$(".email").html('<a href="mailto:melissa.boutry@gmail.com?subject=Cher Essomia" title="envoyer un mail à Essomia">melissa.boutry@gmail.com</a>');
	$(".contactmail").html('<a href="mailto:melissa.boutry@gmail.com?subject=Cher Essomia" title="envoyer un mail à Essomia"><img src="images/icon_contact.png" alt="images/icon_contact.png" title="icon contact essomia"/></a><br/>Contact')
	$("li.tel").html("06.74.65.87.45");
};

/* PORTFOLIO CARROUSEL
**********************************************************/
essomia.carrousel = function(){
$('.imgCarousel div').each(function(i){
	
	/*** CREATE SPE ID FOR CARROUSEL ***/
	var myId = 'carousel_'+i;
	$('.imgCarousel div').attr('id',myId);
		
	/*** VERIFIED IF CARROUSEL HAVE >1 IMAGE ***/
	var myUlLength = $('#'+myId+' ul li').length;
	if (myUlLength > 1){

		/*** GET POSITION/HEIGHT/WIDTH OF THE FIRST ELEMENT TO GIVE DIM TO THE CARROUSEL ***/
		var myLiWidth = $('#'+myId+' ul li')[0].offsetWidth + 
			parseInt($('#'+myId+' ul li').css('margin-left')) + 
			parseInt($('#'+myId+' ul li').css('margin-right'));
		
		$('#'+myId+' ul').css('width', (myLiWidth * myUlLength));
		
		var myLiHeight = $('#'+myId+' ul li')[0].offsetHeight + 
			parseInt($('#'+myId+' ul li').css('margin-top')) + 
			parseInt($('#'+myId+' ul li').css('margin-bottom'));

		
		/*** ADD NAVIGATION ***/			
		$(this).append('<a href="#" class="prevLink" title="image précédente"></a><a href="#" class="nextLink" title="image suivante"></a>');
		var clickPermitted = true;
		$('#'+myId+' .prevLink, #'+myId+' .nextLink').css('top', (70)+'px'); /*** myLiHeight / 2 - 30 ***/
		
		$('#'+myId+' .prevLink').addClass('linkToOff');

		/*** TRANSITION NAVIGATION ***/
		$(this).hover(
			function () {
				$('#'+myId+' .prevLink, #'+myId+' .nextLink').fadeIn('fast');
			}, 
			function () {
				$('#'+myId+' .prevLink, #'+myId+' .nextLink').fadeOut('fast');
			}
		);
		
		/*** DEPLACEMENT ***/
		$('#'+myId+' .prevLink, #'+myId+' .nextLink').click(function(){
			
			if(clickPermitted){	
				var myLeft = parseInt($('#'+myId+' ul').css('left'));
				
				/*** IF OK ... ***/
				if ($(this).attr('class') == 'prevLink') {
					
					if (myLeft != 0) {
						var myNewLeft = myLeft + myLiWidth;
						if (myNewLeft == 0) $(this).addClass('linkToOff');
						$('#'+myId+' .nextLink').removeClass('linkToOff');
					}
				
				}else if ($(this).attr('class') == 'nextLink') {
					
					if (myLeft != -(myLiWidth * (myUlLength - 1))) {
						var myNewLeft = myLeft - myLiWidth;
						if (myNewLeft == -(myLiWidth * (myUlLength - 1))) $(this).addClass('linkToOff');
						$('#'+myId+' .prevLink').removeClass('linkToOff');
					}
					
				}
				
				/*** IF NOT OK ... ***/
				if (myNewLeft != undefined){
					clickPermitted = false;
					
					$('#'+myId+' ul').animate({ 
						left: myNewLeft+'px'
					}, 600, function(){ clickPermitted = true; });
				}
		
			} /** END if clikPermitted **/
			
			$(this).blur();
			return false;
			
		}); /** END click function **/
		
	} /** END myUlLengt **/
}); /** END each funtion **/

}; /** END caroussel function **/