// JavaScript Document

$(document).ready(function(){
	
	$("header").animate ({opacity:"0" }, 0 ).animate ({opacity:"1" }, 1000 );
	$("#controls-wrapper").animate ({opacity:"0" }, 0 ).animate ({opacity:"1" }, 1000 );
	$(".view").animate ({opacity:"0" }, 0 ).animate ({opacity:"1" }, 1000 );
	$(".content").animate ({opacity:"0" }, 0 ).animate ({opacity:"1" }, 1000 );
	$(".player_audio").animate ({opacity:"0" }, 0 ).animate ({opacity:"1" }, 1000 );
	
	// --- Slider --- //
	
	jQuery(function($){
				$.supersized({
					// functionnality : 0 is for 'false' 1 for 'true'
					//Functionality
					slideshow               :   1,		//Slideshow on/off
					autoplay				:	1,		//Slideshow starts playing automatically
					start_slide             :   1,		//Start slide (0 is random)
					random					: 	0,		//Randomize slide order (Ignores start slide)
					slide_interval          :   8000,	//Length between transitions
					transition              :   1, 		//0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
					transition_speed		:	1000,	//Speed of transition
					new_window				:	0,		//Image links open in new window/tab
					pause_hover             :   0,		//Pause slideshow on hover
					keyboard_nav            :   1,		//Keyboard navigation on/off
					performance				:	2,		//0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
					image_protect			:	1,		//Disables image dragging and right click with Javascript
					image_path				:	'img/', //Default image path

					//Size & Position
					min_width		        :   0,		//Min width allowed (in pixels)
					min_height		        :   0,		//Min height allowed (in pixels)
					vertical_center         :   0,		//Vertically center background
					horizontal_center       :   1,		//Horizontally center background
					fit_portrait         	:   1,		//Portrait images will not exceed browser height
					fit_landscape			:   0,		//Landscape images will not exceed browser width
					
					//Components
					navigation              :   1,		//Slideshow controls on/off
					thumbnail_navigation    :   0,		//Thumbnail navigation
					slide_counter           :   1,		//Display slide numbers
					slide_captions          :   0,		//Slide caption (Pull from "title" in slides array)
					slides 					:  	[		//Slideshow Images
														{image : 'http://sebastiengueze.com/test/sg_shoot2_3.jpg' /*title : 'Titre de la photo', url : 'Adresse du photographe'*/},
														{image : 'http://sebastiengueze.com/test/sg_shoot2_2.jpg' /*title : 'Titre de la photo', url : 'Adresse du photographe'*/},
														{image : 'http://sebastiengueze.com/test/sg_shoot2_1.jpg' /*title : 'Titre de la photo', url : 'Adresse du photographe'*/},
														{image : 'http://sebastiengueze.com/test/sg_shoot2_4.jpg' /*title : 'Titre de la photo', url : 'Adresse du photographe'*/},
														{image : 'http://sebastiengueze.com/test/p_3.jpg' /*title : 'Titre de la photo', url : 'Adresse du photographe'*/}, 
														{image : 'http://sebastiengueze.com/test/p_4.jpg' /*title : 'Titre de la photo', url : 'Adresse du photographe'*/},
														{image : 'http://sebastiengueze.com/test/p_6.jpg' /*title : 'Titre de la photo', url : 'Adresse du photographe'*/},
														{image : 'http://sebastiengueze.com/test/p_2.jpg' /*title : 'Titre de la photo', url : 'Adresse du photographe'*/},
														{image : 'http://sebastiengueze.com/test/p_0.jpg' /*title : 'Titre de la photo', url : 'Adresse du photographe'*/},
														{image : 'http://sebastiengueze.com/test/p_1.jpg' /*title : 'Titre de la photo', url : 'Adresse du photographe'*/},
														{image : 'http://sebastiengueze.com/test/p_5.jpg' /*title : 'Titre de la photo', url : 'Adresse du photographe'*/}, 
														{image : 'http://sebastiengueze.com/test/p_7.jpg' /*title : 'Titre de la photo', url : 'Adresse du photographe'*/},   
												]
												
				}); 
		    });
		
		// --- Jplayer --- //
		
		new jPlayerPlaylist({
		jPlayer: "#jquery_jplayer_1",
		cssSelectorAncestor: "#jp_container_1"
	}, [
		{
			title:"Bohème",
			mp3:"http://sebastiengueze.com/music/1_boheme-gueze.mp3",
			oga:"http://sebastiengueze.com/music/1_boheme-gueze.ogg"
		},
		{
			title:"Salammbo",
			mp3:"http://sebastiengueze.com/music/2_salammbo_gueze.mp3",
			oga:"http://sebastiengueze.com/music/2_salammbo_gueze.ogg"
		},
		{
			title:"Roméo, Duo",
			mp3:"http://sebastiengueze.com/music/3_duoromeo_gueze.mp3",
			oga:"http://sebastiengueze.com/music/3_duoromeo_gueze.ogg"
		},
		{
			title:"Rigoletto",
			mp3:"http://sebastiengueze.com/music/4_rigoletto_gueze.mp3",
			oga:"http://sebastiengueze.com/music/4_rigoletto_gueze.ogg"
		},
		{
			title:"Rachel",
			mp3:"http://sebastiengueze.com/music/5_rachel_gueze.mp3",
			oga:"http://sebastiengueze.com/music/5_rachel_gueze.ogg"
		}
	], {
		swfPath: "js",
		supplied: "oga, mp3",
		wmode: "window"
		
	});
	
	$("#jquery_jplayer_1").bind($.jPlayer.event.ended, function() {
      $(this).jPlayer("play");
    });
	
	// ---- music image switch ---- //
$("#playONOFF").attr({ 
	src: "img/player_off.png",
	});
$("#playONOFF").css("opacity", "0.8");

	
$(".jp-play").click(
  function () {  
  	$("#playONOFF").attr({ 
	src: "img/player_on.gif",
	});
	$("#playONOFF").css("opacity", "0.8");
  }
);

$(".jp-pause").click(
  function () {  
  	$("#playONOFF").attr({ 
	src: "img/player_off.png",
	});
	$("#playONOFF").css("opacity", "0.8");
  }
);

$(".jp-next").click(
  function () {  
  	$("#playONOFF").attr({ 
	src: "img/player_on.gif",
	});
	$("#playONOFF").css("opacity", "0.8");
  }
);

$(".jp-previous").click(
  function () {  
  	$("#playONOFF").attr({ 
	src: "img/player_on.gif",
	});
	$("#playONOFF").css("opacity", "0.8");
  }
);




// ---- click on view button ---- //					
$("#view_out").mousedown(
  function () {  
  	$("#view_out").attr({ 
	src: "img/view_bt_hover.png",
	});
  }
);

$("#view_out").mouseup(
  function () {  
  	$("#view_out").attr({ 
	src: "img/view_bt_out.png",
	});
  }
)

$("#view_out").mouseleave(
  function () {  
  	$("#view_out").attr({ 
	src: "img/view_bt_out.png",
	});
  }
)

$("#view_out").click(function () {
	$('.content').fadeToggle();
})


// ---- click on video ---- //
$("#ico_video1").click(
  function () {  
  	$("#youtube").attr({ 
	src: "http://www.youtube.com/embed/rW8jswZ8_fs"
	});
  }
);

$("#ico_video2").click(
  function () {  
  	$("#youtube").attr({ 
	src: "http://www.youtube.com/embed/NdSDcdUkOCA"
	});
  }
);

$("#ico_video3").click(
  function () {  
  	$("#youtube").attr({ 
	src: "http://www.youtube.com/embed/utT3jS_KgsA"
	});
  }
);

$("#ico_video4").click(
  function () {  
  	$("#youtube").attr({ 
	src: "http://www.youtube.com/embed/K4gsr2eaR78"
	});
  }
);

$("#ico_video5").click(
  function () {  
  	$("#youtube").attr({ 
	src: "http://www.youtube.com/embed/GskTIyyTgdw"
	});
  }
);

$("#ico_video6").click(
  function () {  
  	$("#youtube").attr({ 
	src: "http://www.youtube.com/embed/P-AOuSJoE74"
	});
  }
);

// ---- Slider photo ---- //

$("#ico_photo1").click(
  function () {  
  	$("#photoSeb").attr({ 
	src: "./img/galerie/g_1.jpg"
	});
	$(".copyright").html("© ACM Studio");
  }
);

$("#ico_photo2").click(
  function () {  
  	$("#photoSeb").attr({ 
	src: "./img/galerie/g_4.jpg"
	});
	$(".copyright").html("© Wielki Theater");
  }
);

$("#ico_photo3").click(
  function () {  
  	$("#photoSeb").attr({ 
	src: "./img/galerie/g_3.jpg"
	});
	$(".copyright").html("© Cristiano Giglioli Aula");
  }
);

$("#ico_photo4").click(
  function () {  
  	$("#photoSeb").attr({ 
	src: "./img/galerie/g_2.jpg"
	});
	$(".copyright").html("© ACM Studio");
  }
);

$("#ico_photo5").click(
  function () {  
  	$("#photoSeb").attr({ 
	src: "./img/galerie/g_5.jpg"
	});
	$(".copyright").html("© Cristiano Giglioli Aula");
  }
);

$("#ico_photo6").click(
  function () {  
  	$("#photoSeb").attr({ 
	src: "./img/galerie/g_6.jpg"
	});
	$(".copyright").html("© Cristiano Giglioli Aula");
  }
);

$("#ico_photo7").click(
  function () {  
  	$("#photoSeb").attr({ 
	src: "./img/galerie/g_7.jpg"
	});
	$(".copyright").html("© Cristiano Giglioli Aula");
  }
);

$("#ico_photo8").click(
  function () {  
  	$("#photoSeb").attr({ 
	src: "./img/galerie/g_8.jpg"
	});
	$(".copyright").html("© Cristiano Giglioli Aula");
  }
);

$("#ico_photo9").click(
  function () {  
  	$("#photoSeb").attr({ 
	src: "./img/galerie/g_9.jpg"
	});
	$(".copyright").html("© Cristiano Giglioli Aula");
  }
);

$("#ico_photo10").click(
  function () {  
  	$("#photoSeb").attr({ 
	src: "./img/galerie/g_10.jpg"
	});
	$(".copyright").html("© Cristiano Giglioli Aula");
  }
);

$("#ico_photo11").click(
  function () {  
  	$("#photoSeb").attr({ 
	src: "./img/galerie/g_11.jpg"
	});
	$(".copyright").html("© Cristiano Giglioli Aula");
  }
);

$("#ico_photo12").click(
  function () {  
  	$("#photoSeb").attr({ 
	src: "./img/galerie/g_12.jpg"
	});
	$(".copyright").html("© Cristiano Giglioli Aula");
  }
);

$("#ico_photo13").click(
  function () {  
  	$("#photoSeb").attr({ 
	src: "./img/galerie/g_13.jpg"
	});
	$(".copyright").html("© Cristiano Giglioli Aula");
  }
);

$(".ico_photo").click(
  function () {
  	$("#content_photo").fadeIn(200); 
  }
);

$(".close").click(
  function () {
  	$("#content_photo").fadeOut(200);
	$("#photoSeb").attr({ 
	src: "./img/progress.gif"
	});
  }
);

	
}
)