// JavaScript Document
$(window).bind("load", function() { 
	if($('#mygallery').is('div'))		
	{
    	$("div#mygallery").slideView()
		$('div#mygallery').css('display','block');
	}
	});

var competences = new Array('','motion design','développement','3D','référencement','web design','hébergement','intégration','print');


$(document).ready(function() {
	//Roll-over submit
	$("#submit").hover(function() {
		$(this).attr('src','/images/bt_submit_on.gif');
	},
	function() {
		$(this).attr('src','/images/bt_submit_off.gif');
	});
	//Initialisation de la navigation
	$('#navigation img').each(function() {
		var u = $(this).attr('src');
		var ur = u.split('_');
		var url = ur[1].split('.');
		if(url[0]!='on')
		{
			//$.cacheImage(ur[0]+'_hover.gif');
			$(this).hover(function() {
				$(this).attr('src',ur[0]+'_hover.gif');
			},
			function() {
				$(this).attr('src',ur[0]+'_off.gif');
			});
		}
	});
	//Initialisation des onglets de la page compétences
	$('#tabs img').each(function() {
		var u = $(this).attr('src');
		var ur = u.split('_');
		var url = ur[1].split('.');
		//$.cacheImage(ur[0]+'_on.gif');
		$(this).hover(function() {
			$(this).attr('src',ur[0]+'_on.gif');
		},
		function() {
			if(!$(this).hasClass('img_active')) {$(this).attr('src',ur[0]+'_off.gif');}
		});
	});
	
	$("#tabs img").click(function() {
		var u = $(this).attr('src');
		var ur = u.split('_');
		var url = ur[1].split('.');
	   if($('.img_active').is('img'))
	   {
			var u2 = $('.img_active').attr('src');
			var ur2 = u2.split('_');
			$('.img_active').attr('src',ur2[0]+'_off.gif');
			$('.img_active').hover(function() {
				$(this).attr('src',ur2[0]+'_on.gif');
			},
			function() {
				$(this).attr('src',ur2[0]+'_off.gif');
			});
			$('.img_active').removeClass('img_active');
		}
		$(this).attr('src',ur[0]+'_on.gif');
		$(this).hover(function() {$(this).attr('src',ur[0]+'_on.gif');}, function() {$(this).attr('src',ur[0]+'_on.gif');});
		$(this).addClass('img_active');
	});
	
	if($('.scroll').is('div')) {$('.scroll').jScrollPane()};
	
	//Pré-chargement des roll-over des vignettes
	$('#titre_ref a img').each(function() {
		var ut2 = $(this).attr('src');
		var utr2 = ut2.split('_');
		$.cacheImage(utr2[0]+'_on.gif');
		$(this).hover(function() {
			$(this).attr('src',utr2[0]+'_on.gif');
		},
		function() {
			if(!$(this).hasClass('img_active')) {$(this).attr('src',utr2[0]+'_off.gif');}
		});
	});
	$('.btn-ref a img').each(function() {
		var ut2 = $(this).attr('src');
		var utr2 = ut2.split('_');
		$.cacheImage(utr2[0]+'_on.gif');
		$(this).hover(function() {
			$(this).attr('src',utr2[0]+'_on.gif');
		},
		function() {
			if(!$(this).hasClass('img_active')) {$(this).attr('src',utr2[0]+'_off.gif');}
		});
	});
	// Caroussel vignettes
	if($('#caroussel').is('div')) 
	{
		$('.next').click(function() {return false;});
		$('.prev').click(function() {return false;});
		$('#caroussel').jCarouselLite({
	        btnNext: ".next",
	        btnPrev: ".prev",
	        visible: 5,
	        vertical: true,
	        circular: 0
	    });
		$('#caroussel').find('img').each(function(){
			$(this).hover(function() {
				$(this).animate({opacity:1},700);
			},
			function() {
				$(this).animate({opacity:0.7},300);
			});
		});
	}	
	
	//Prechargement du rool over des competences sur la page des references
	$('#comp img').each(function() {
		var u3 = $(this).attr('src');
		var ur3 = u3.split('_');
		var url3 = ur3[1].split('.');
		$.cacheImage(ur3[0]+'_on.gif');
		$(this).hover(function() {
			$(this).attr('src',ur3[0]+'_on.gif');
		},
		function() {
			if(!$(this).hasClass('img_active')) {$(this).attr('src',ur3[0]+'_off.gif');}
		});
	});
	
	//Initialisation des tooltip
	if($("#content_ref").is("div"))
	{
		$('.tip').tooltip({ 
			track: true, 
			showURL: false,
			delay: 0,  
			bodyHandler: function() { 
				return $(this).find('img').attr('alt');;
			},
			fade: 250 
		});
	}
});