$( function()
{


	/*
	 * Mise en page CSS version javascript activé
	 */
	if ( $.browser.msie )
	{
		$('html').css({overflow:'hidden'});
	}

	$('body').css({ overflow:'hidden' });
	$('section.screen').css({ position:'absolute' });
	$('div.diapo').css({ marginTop:0 , marginLeft:0 , position:'static' });
	$('#portfolio, #equipe, #webdesign, #developpement, #referencement, #hebergement, #mentionslegales').css({ display:'block' });
	$('#bg_bleu, #bg_orange, #bg_vert').css({ left:0 , display:'block' });




	/*
	 * Glissement lors du click sur une flèche
	 */
	$.easing.easeOutQuart = function( x, t, b, c, d ) { return -c * ((t=t/d-1)*t*t*t - 1) + b; }
	$.fn.notAnimated = function() { return !this.is(':animated'); }

	function slide_to(id){
		$('#content').stop().animate({
			marginTop : -parseInt($(id).css("margin-top")),
			marginLeft : -parseInt($(id).css("margin-left"))
		},1500, 'easeOutQuart');
	}

	function resize_slide_to(id){
		$('#content').stop().animate({
			marginTop : -parseInt($(id).css("margin-top")),
			marginLeft : -parseInt($(id).css("margin-left"))
		},0);
	}


	function update_bg(id){
		switch( $(id).attr('data-col') )
		{
			case '0':
				$('#bg_bleu').stop().animate({opacity:1}, 1500);
				$('#bg_orange, #bg_vert').stop().animate({opacity:0}, 1500);
			break;

			case '1':
				$('#bg_bleu, #bg_vert').stop().animate({opacity:0}, 1500);
				$('#bg_orange').stop().animate({opacity:1}, 1500);
			break;

			case '2':
				$('#bg_bleu, #bg_orange').stop().animate({opacity:0}, 1500);
				$('#bg_vert').stop().animate({opacity:1}, 1500);
			break;

			default: throw 'Unknow position "'+p+'"';
		}

	}


	$('a.control').click( function( evt )
	{
		evt.preventDefault();
		try { pageTracker._trackPageview( $(this).attr('href') ); } catch(e) {}

		var p = $(this).attr('rel');
		$.loc = p;
		slide_to(p);
		update_bg(p);
	});




	/*
	 * Positionnementet dimensionnement des éléments en javascript
	 */

	var window_w = $(window).width();
	var window_h = $(window).height();

	/*
	 * RESIZE
	 */

	$( window ).bind( 'resize', function()
	{
		window_w = $(window).width();
		window_h = $(window).height();
		positionne_screen();
		centrage_diapo();
		resize_slide_to($.loc);
	});

	/*
	 * POSITIONNEMENT screen
	 */

	function positionne_screen() {
		$('section.screen').each(function(){
			var col = parseInt($(this).attr('data-col'));
			var row = parseInt($(this).attr('data-row'));
			$(this).css( { width : window_w , height : window_h , marginTop : row*window_h , marginLeft : col*window_w } );
			$('#bg_bleu, #bg_orange, #bg_vert').css( { width : window_w , height : window_h } );
		});
	}
	positionne_screen();

	/*
	 * POSITIONNEMENT centré
	 */

	function centrage_diapo() {
		var marg_l = Math.max( ( window_w - 964 ) / 2, 0 );
		var marg_t = Math.max( ( window_h - ($.browser.msie ? 655 : 661) ) / 2 + 20, 0 );
		$('.diapo').css({ marginLeft : marg_l , marginTop : marg_t });
	}
	centrage_diapo();


	/*
	 * Clignotements
	 */
	var $a = $('.diapo nav a');
	setInterval( function()
	{
		$a.filter('.blink').removeClass('blink').end().eq( Math.floor( Math.random() * $a.length ) ).addClass('blink');
	}, 200 );



	/*
	 * TOOLTIP
	 */
	$(".trigger_top").tooltip({
		tip: '.tooltip_top',
		onBeforeShow: function () { return $("#content").notAnimated(); },
		position: ['bottom', 'center'],
		offset: [0, 0]
	});


	$(".trigger").tooltip({
		onBeforeShow: function () { return $("#content").notAnimated(); },
		position: ['top', 'center'],
		offset: [17, 0]
	});

});