/*
 * Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */ /* page accueil */
 
this.imagerollOver1 = function(){	
		xOffset = 80;
		yOffset = -50;
	$(".rollOver1").hover(function(e){
		this.t = this.title;
		this.title = "";	
		$("body").append("<p id='rollOver1'><img src='"+ this.t +"' alt='Image rollOver1' /></p>");								 
		$("#rollOver1")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn(500);						
    },
	function(){
		this.title = this.t;	
		$("#rollOver1").remove();
    });	
	$(".rollOver1").mousemove(function(e){
		$("#rollOver1")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});	
};

this.imagerollOver2 = function(){	
		xOffset = 80;
		yOffset = -50;
	$("a.rollOver2").hover(function(e){
		this.t = this.title;
		this.title = "";	
		$("body").append("<p id='rollOver2'><img src='"+ this.t +"' alt='Image rollOver2' /></p>");								 
		$("#rollOver2")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn(400);						
    },
	function(){
		this.title = this.t;	
		$("#rollOver2").remove();
    });	
	$("a.rollOver2").mousemove(function(e){
		$("#rollOver2")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});	
};

this.imagerollOver3 = function(){	
		xOffset = 80;
		yOffset = -50;
	$("a.rollOver3").hover(function(e){
		this.t = this.title;
		this.title = "";	
		$("body").append("<p id='rollOver3'><img src='"+ this.t +"' alt='Image rollOver3' /></p>");								 
		$("#rollOver3")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn(400);						
    },
	function(){
		this.title = this.t;	
		$("#rollOver3").remove();
    });	
	$("a.rollOver3").mousemove(function(e){
		$("#rollOver3")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});	
};


// p1 identity
this.imagerollOverp1_1 = function(){	
		xOffset1_1 = 60; yOffset1_1 = 0;
	$("a.rollOverp1_1").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp1_1'><img src='"+ this.t +"' alt='Image rollOverp1_1' /></p>");								 
		$("#rollOverp1_1").css("top",(e.pageY - xOffset1_1) + "px").css("left",(e.pageX + yOffset1_1) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp1_1").remove(); });	
	$("a.rollOverp1_1").mousemove(function(e){ $("#rollOverp1_1").css("top",(e.pageY - xOffset1_1) + "px").css("left",(e.pageX + yOffset1_1) + "px"); });	
};


this.imagerollOverp1_2 = function(){	
		xOffset1_2 = 60; yOffset1_2 = -100;
	$("a.rollOverp1_2").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp1_2'><img src='"+ this.t +"' alt='Image rollOverp1_2' /></p>");								 
		$("#rollOverp1_2").css("top",(e.pageY - xOffset1_2) + "px").css("left",(e.pageX + yOffset1_2) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp1_2").remove(); });	
	$("a.rollOverp1_2").mousemove(function(e){ $("#rollOverp1_2").css("top",(e.pageY - xOffset1_2) + "px").css("left",(e.pageX + yOffset1_2) + "px"); });	
};

this.imagerollOverp1_3 = function(){	
	$("a.rollOverp1_3").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp1_3'><img src='"+ this.t +"' alt='Image rollOverp1_3' /></p>");								 
		$("#rollOverp1_3").css("top",(e.pageY - xOffset1_1) + "px").css("left",(e.pageX + yOffset1_1) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp1_3").remove(); });	
	$("a.rollOverp1_3").mousemove(function(e){ $("#rollOverp1_3").css("top",(e.pageY - xOffset1_1) + "px").css("left",(e.pageX + yOffset1_1) + "px"); });	
};

this.imagerollOverp1_4 = function(){	
	$("a.rollOverp1_4").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp1_4'><img src='"+ this.t +"' alt='Image rollOverp1_4' /></p>");								 
		$("#rollOverp1_4").css("top",(e.pageY - xOffset1_2) + "px").css("left",(e.pageX + yOffset1_2) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp1_4").remove(); });	
	$("a.rollOverp1_4").mousemove(function(e){ $("#rollOverp1_4").css("top",(e.pageY - xOffset1_2) + "px").css("left",(e.pageX + yOffset1_2) + "px"); });	
};

this.imagerollOverp1_5 = function(){	
	$("a.rollOverp1_5").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp1_5'><img src='"+ this.t +"' alt='Image rollOverp1_5' /></p>");								 
		$("#rollOverp1_5").css("top",(e.pageY - xOffset1_2) + "px").css("left",(e.pageX + yOffset1_2) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp1_5").remove(); });	
	$("a.rollOverp1_5").mousemove(function(e){ $("#rollOverp1_5").css("top",(e.pageY - xOffset1_2) + "px").css("left",(e.pageX + yOffset1_2) + "px"); });	
};

this.imagerollOverp1_6 = function(){	
	$("a.rollOverp1_6").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp1_6'><img src='"+ this.t +"' alt='Image rollOverp1_6' /></p>");								 
		$("#rollOverp1_6").css("top",(e.pageY - xOffset1_2) + "px").css("left",(e.pageX + yOffset1_2) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp1_6").remove(); });	
	$("a.rollOverp1_6").mousemove(function(e){ $("#rollOverp1_6").css("top",(e.pageY - xOffset1_2) + "px").css("left",(e.pageX + yOffset1_2) + "px"); });	
};

this.imagerollOverp1_7 = function(){	
	$("a.rollOverp1_7").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp1_7'><img src='"+ this.t +"' alt='Image rollOverp1_7' /></p>");								 
		$("#rollOverp1_7").css("top",(e.pageY - xOffset1_1) + "px").css("left",(e.pageX + yOffset1_1) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp1_7").remove(); });	
	$("a.rollOverp1_7").mousemove(function(e){ $("#rollOverp1_7").css("top",(e.pageY - xOffset1_1) + "px").css("left",(e.pageX + yOffset1_1) + "px"); });	
};

this.imagerollOverp1_8 = function(){	
		xOffset1_8 = 60; yOffset1_8 = -70;
	$("a.rollOverp1_8").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp1_8'><img src='"+ this.t +"' alt='Image rollOverp1_8' /></p>");								 
		$("#rollOverp1_8").css("top",(e.pageY - xOffset1_8) + "px").css("left",(e.pageX + yOffset1_8) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp1_8").remove(); });	
	$("a.rollOverp1_8").mousemove(function(e){ $("#rollOverp1_8").css("top",(e.pageY - xOffset1_8) + "px").css("left",(e.pageX + yOffset1_8) + "px"); });	
};

this.imagerollOverp1_9 = function(){	
	$("a.rollOverp1_9").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp1_9'><img src='"+ this.t +"' alt='Image rollOverp1_9' /></p>");								 
		$("#rollOverp1_9").css("top",(e.pageY - xOffset1_1) + "px").css("left",(e.pageX + yOffset1_1) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp1_9").remove(); });	
	$("a.rollOverp1_9").mousemove(function(e){ $("#rollOverp1_9").css("top",(e.pageY - xOffset1_1) + "px").css("left",(e.pageX + yOffset1_1) + "px"); });	
};

// P2 print
this.imagerollOverp2_1 = function(){	
	xOffset2_1 = 60; yOffset2_1 = -100;
	$("a.rollOverp2_1").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp2_1'><img src='"+ this.t +"' alt='Image rollOverp2_1' /></p>");								 
		$("#rollOverp2_1").css("top",(e.pageY - xOffset2_1) + "px").css("left",(e.pageX + yOffset2_1) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp2_1").remove(); });	
	$("a.rollOverp2_1").mousemove(function(e){ $("#rollOverp2_1").css("top",(e.pageY - xOffset2_1) + "px").css("left",(e.pageX + yOffset2_1) + "px"); });	
};
this.imagerollOverp2_2 = function(){	
	xOffset2_2 = 60; yOffset2_2 = -70;
	$("a.rollOverp2_2").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp2_2'><img src='"+ this.t +"' alt='Image rollOverp2_2' /></p>");								 
		$("#rollOverp2_2").css("top",(e.pageY - xOffset2_2) + "px").css("left",(e.pageX + yOffset2_2) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp2_2").remove(); });	
	$("a.rollOverp2_2").mousemove(function(e){ $("#rollOverp2_2").css("top",(e.pageY - xOffset2_2) + "px").css("left",(e.pageX + yOffset2_2) + "px"); });	
};
this.imagerollOverp2_3 = function(){	
	xOffset2_3 = 60; yOffset2_3 = -70;
	$("a.rollOverp2_3").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp2_3'><img src='"+ this.t +"' alt='Image rollOverp2_3' /></p>");								 
		$("#rollOverp2_3").css("top",(e.pageY - xOffset2_3) + "px").css("left",(e.pageX + yOffset2_3) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp2_3").remove(); });	
	$("a.rollOverp2_3").mousemove(function(e){ $("#rollOverp2_3").css("top",(e.pageY - xOffset2_3) + "px").css("left",(e.pageX + yOffset2_3) + "px"); });	
};


// p3 advertising
this.imagerollOverp3_1 = function(){	
	xOffset3_1 = 60; yOffset3_1 = -20;
	$("a.rollOverp3_1").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp3_1'><img src='"+ this.t +"' alt='Image rollOverp3_1' /></p>");								 
		$("#rollOverp3_1").css("top",(e.pageY - xOffset3_1) + "px").css("left",(e.pageX + yOffset3_1) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp3_1").remove(); });	
	$("a.rollOverp3_1").mousemove(function(e){ $("#rollOverp3_1").css("top",(e.pageY - xOffset3_1) + "px").css("left",(e.pageX + yOffset3_1) + "px"); });	
};
this.imagerollOverp3_2 = function(){	
	yOffset3_2 = -210;
	$("a.rollOverp3_2").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp3_2'><img src='"+ this.t +"' alt='Image rollOverp3_2' /></p>");								 
		$("#rollOverp3_2").css("top",(e.pageY - xOffset3_1) + "px").css("left",(e.pageX + yOffset3_2) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp3_2").remove(); });	
	$("a.rollOverp3_2").mousemove(function(e){ $("#rollOverp3_2").css("top",(e.pageY - xOffset3_1) + "px").css("left",(e.pageX + yOffset3_2) + "px"); });	
};
this.imagerollOverp3_3 = function(){	
	yOffset3_3 = -25;
	$("a.rollOverp3_3").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp3_3'><img src='"+ this.t +"' alt='Image rollOverp3_3' /></p>");								 
		$("#rollOverp3_3").css("top",(e.pageY - xOffset3_1) + "px").css("left",(e.pageX + yOffset3_3) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp3_3").remove(); });	
	$("a.rollOverp3_3").mousemove(function(e){ $("#rollOverp3_3").css("top",(e.pageY - xOffset3_1) + "px").css("left",(e.pageX + yOffset3_3) + "px"); });	
};
this.imagerollOverp3_4 = function(){	
	yOffset3_4 = -155;
	$("a.rollOverp3_4").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp3_4'><img src='"+ this.t +"' alt='Image rollOverp3_4' /></p>");								 
		$("#rollOverp3_4").css("top",(e.pageY - xOffset3_1) + "px").css("left",(e.pageX + yOffset3_4) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp3_4").remove(); });	
	$("a.rollOverp3_4").mousemove(function(e){ $("#rollOverp3_4").css("top",(e.pageY - xOffset3_1) + "px").css("left",(e.pageX + yOffset3_4) + "px"); });	
};
this.imagerollOverp3_5 = function(){	
	yOffset3_5 = -140;
	$("a.rollOverp3_5").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp3_5'><img src='"+ this.t +"' alt='Image rollOverp3_5' /></p>");								 
		$("#rollOverp3_5").css("top",(e.pageY - xOffset3_1) + "px").css("left",(e.pageX + yOffset3_5) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp3_5").remove(); });	
	$("a.rollOverp3_5").mousemove(function(e){ $("#rollOverp3_5").css("top",(e.pageY - xOffset3_1) + "px").css("left",(e.pageX + yOffset3_5) + "px"); });	
};
this.imagerollOverp3_6 = function(){	
	yOffset3_6 = -105;
	$("a.rollOverp3_6").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp3_6'><img src='"+ this.t +"' alt='Image rollOverp3_6' /></p>");								 
		$("#rollOverp3_6").css("top",(e.pageY - xOffset3_1) + "px").css("left",(e.pageX + yOffset3_6) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp3_6").remove(); });	
	$("a.rollOverp3_6").mousemove(function(e){ $("#rollOverp3_6").css("top",(e.pageY - xOffset3_1) + "px").css("left",(e.pageX + yOffset3_6) + "px"); });	
};
// p4 packaging

// p5 type design
this.imagerollOverp5_1 = function(){	
	xOffset5_1 = 60; yOffset5_1 = -50;
	$("a.rollOverp5_1").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp5_1'><img src='"+ this.t +"' alt='Image rollOverp5_1' /></p>");								 
		$("#rollOverp5_1").css("top",(e.pageY - xOffset5_1) + "px").css("left",(e.pageX + yOffset5_1) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp5_1").remove(); });	
	$("a.rollOverp5_1").mousemove(function(e){ $("#rollOverp5_1").css("top",(e.pageY - xOffset5_1) + "px").css("left",(e.pageX + yOffset5_1) + "px"); });	
};

this.imagerollOverp5_2 = function(){	
	xOffset5_2 = 60; yOffset5_2 = -130;
	$("a.rollOverp5_2").hover(function(e){
		this.t = this.title; this.title = ""; $("body").append("<p id='rollOverp5_2'><img src='"+ this.t +"' alt='Image rollOverp5_2' /></p>");								 
		$("#rollOverp5_2").css("top",(e.pageY - xOffset5_2) + "px").css("left",(e.pageX + yOffset5_2) + "px").fadeIn(400);						
    },
	function(){ this.title = this.t; $("#rollOverp5_2").remove(); });	
	$("a.rollOverp5_2").mousemove(function(e){ $("#rollOverp5_2").css("top",(e.pageY - xOffset5_2) + "px").css("left",(e.pageX + yOffset5_2) + "px"); });	
};




// starting the script on page load
$(document).ready(function(){
	//p accueil
	
	//p projet
	imagerollOverp5_1();imagerollOverp5_2();
	imagerollOverp1_1();imagerollOverp1_2();imagerollOverp1_3();imagerollOverp1_4();imagerollOverp1_5();imagerollOverp1_6();imagerollOverp1_7();imagerollOverp1_8();imagerollOverp1_9();
	imagerollOverp2_1();imagerollOverp2_2();imagerollOverp2_3();
	imagerollOver1(); imagerollOver2(); imagerollOver3();
	imagerollOverp3_1();imagerollOverp3_2();imagerollOverp3_3();imagerollOverp3_4();imagerollOverp3_5();imagerollOverp3_6();
	
});