/* Author: 

*/
//jQuery.fx.interval = 1; /* pour améliorer la fluidité des animations (default: 13ms/frame) */

var resizeMainImage = function(elmt){
	$(elmt).css({'width' : '100%', 'height' : 'auto'});
	if ($(elmt).height() > $('#main').height()) {
		$(elmt).css({'width' : 'auto', 'height' : '100%'});
	}
	
	//ZOOM ? TODO
}
var resizeSlides = function(){ //a executer juste avant de faire l'affichage de cette zone ! + masquer fleche si nb element < width TODO
	$('#slides').css('width', 'auto');
	var surMarge = $('#slides').width()%$('#slides a').width();
	$('#slides').css('width', '-='+surMarge);
	
	if ($('#slides').width() >= ($('#slides a').length*$('#slides a').width())) {
		$('#slideRight, #slideLeft').css('visibility',"hidden");
	} else {
		$('#slideRight, #slideLeft').css('visibility',"visible");
	}
}

$(document).ready(function(){
	
	if ($('html').is('.oldie') || $('html').is('.ie9')) {
		var so = new SWFObject("_swf/preloader.swf", "lieber", "100%", "100%", "8", "#FFFFFF");
		so.addParam("scale", "noscale");
		so.write("flashcontent");
	} 

	var slideTo = function(direction){
		$('#slides').animate({scrollLeft: direction+"="+$('#slides a').width()}, 'slow');
	}
	
	$('#header').stop(false, false).delay(4000).animate({
		top: "-"+($('#header').height()-18)+"px"
	}, 600, 'easeOutQuad');
	
	$('#header').hover(
		function(){
			$('#header').stop(false, false).animate({
				top: "0px"
			}, 600, 'easeOutQuad');
			
			resizeSlides();
		},
		function(){
			$('#header').stop(false, false).animate({
				top: "-"+($('#header').height()-18)+"px"
			}, 600, 'easeOutQuad');
		}
	);
	
	$('#mainPhoto').imagesLoaded(function(){
		resizeMainImage(this);
		$('#main').css('display','none').css('visibility','visible').data('ready',true).fadeIn();	
	});
	
	$('#slideRight').live('click',function(){
		slideTo('+');
		return false;
	});
	$('#slideLeft').live('click',function(){
		slideTo('-');
		return false;
	});
	
	/*if (!jQuery.browser.mobile) {
		$('#previous, #next').live('mouseenter',
			function(){
				$(this).children('img').fadeIn('slow');
			}
		);
		$('#previous, #next').live('mouseleave',
			function(){
				$(this).children('img').fadeOut('slow');
			}
		);
	}*/
	
	$('#recentsworksBtn').click(function(){
		$(this).parents('.nav').find('a').removeClass('active');
		$(this).addClass('active');
		
		$('#slideWrapper').fadeOut('normal', function(){
			$('#portfolio').slideUp();
			$('#portfolio a').removeClass('active');
			
			$.ajax({
		    	url: $('#recentsworksBtn').attr('href'),
		    	type: "POST",
		    	context: $('#slides'),
		        success: function(data, textStatus, XMLHttpRequest) {
	            	var result = document.createElement("div");
		    		result.innerHTML = data;
		    		
					$(this).replaceWith($('#slides', result));
					$('#slides img').css('visibility','hidden').imagesLoaded(function(){
						$(this).css('display','none').css('visibility','visible').fadeIn('slow');	
					});
					
					$('#slideWrapper').fadeIn('normal',function(){resizeSlides();});
		        }
		    });	
		});
		return false;
	});
	
	$('#portfolioBtn').click(function(){
		$(this).parents('.nav').find('a').removeClass('active');
		$(this).toggleClass('active');
		
		$('#slideWrapper').fadeOut('normal', function(){
			$('#portfolio').slideToggle();
			$('#portfolio a').removeClass('active');
		});
		return false;
	});
	
	$('#biographyBtn').click(function(){
		$('#biogrpahyPopin').fadeIn();		
		return false;
	});
	
	$('#portfolio a').click(function(){
		$(this).parents('.nav').find('a').removeClass('active');
		$(this).addClass('active');
		
		$.ajax({
	    	url: $(this).attr('href'),
	    	type: "POST",
	    	context: $('#slides'),
	        success: function(data, textStatus, XMLHttpRequest) {
            	var result = document.createElement("div");
	    		result.innerHTML = data;
	    		
				$(this).replaceWith($('#slides', result));
				$('#slides img').css('visibility','hidden').imagesLoaded(function(){
					$(this).css('display','none').css('visibility','visible').fadeIn('slow');	
				});
				
				$('#slideWrapper').fadeIn('normal',function(){resizeSlides();});
	        }
	    });	
		return false;
	});
	
	$('#slides a, #previous, #next').live('click',function(){
		var elmt = this;
		//if (Modernizr.touch) {
			$('#header').stop(false, false).animate({
				top: "-"+($('#header').height()-18)+"px"
			}, 600, 'easeOutQuad');
		//}
		$('#main').fadeOut('fast',function(){
			$.ajax({
		    	url: $(elmt).attr('href'),
		    	type: "POST",
		    	context: $('#main'),
		        success: function(data, textStatus, XMLHttpRequest) {
	            	var result = document.createElement("div");
		    		result.innerHTML = data;
		    		
					$(this).replaceWith($('#main', result));
					$('#mainPhoto').imagesLoaded(function(){
						$('#main').css('visibility','hidden').css('display','block');
						resizeMainImage(this);
						$('#main').css('display','none').css('visibility','visible').data('ready',true).fadeIn(800);
						if (Modernizr.touch) {
							$('.move').swipe({swipeLeft: swipeMain, swipeRight: swipeMain, swipeDown: swipeMain, swipeUp: swipeMain});
						}
					});
		        }
		    });	
		});
		return false;
	});
	
	$('.popin .close').click(function(){
		$(this).parent('.popin').fadeOut();
		return false;
	});
	
	function swipeMain(event, direction)
	{
		if (direction == "right") {
			$('#previous').trigger('click');
		} else if (direction == "left") {
			$('#next').trigger('click');
		} else if (direction == "down") {
			$('#header').stop(false, false).animate({
				top: "0px"
			}, 600, 'easeOutQuad');
			
			resizeSlides();
		} else if (direction == "up") {
			$('#header').stop(false, false).animate({
				top: "-"+($('#header').height()-18)+"px"
			}, 600, 'easeOutQuad');
		}
	}
	
	if (Modernizr.touch) {
		$('.move').swipe({swipeLeft: swipeMain, swipeRight: swipeMain, swipeDown: swipeMain, swipeUp: swipeMain});
	}
});

$(window).resize(function() {
	resizeMainImage('#mainPhoto');
});
