$(document).ready(function(){
							
	$(".fadehover img").hover(
		function() {
		$(this).stop().animate({"opacity": "0"}, 450);
	},
		function() {
		$(this).stop().animate({"opacity": "1"}, "slow");
	});
							
	/*---web---*/						
	 $("a#web-panel-1").click(function(){
		 $(".lightbox, #web-1").fadeIn(300);
	 });	 							
	 $("a#web-panel-2").click(function(){
		 $(".lightbox, #web-2").fadeIn(300);
	 });	 
	 $("a#web-panel-3").click(function(){
		 $(".lightbox, #web-3").fadeIn(300);
	 }); 
	 $("a#web-panel-4").click(function(){
		 $(".lightbox, #web-4").fadeIn(300);
	 }); 
	 $("a#web-panel-5").click(function(){
		 $(".lightbox, #web-5").fadeIn(300);
	 });	 
	 $("a#web-panel-6").click(function(){
		 $(".lightbox, #web-6").fadeIn(300);
	 });
	 $("a#web-panel-7").click(function(){
		 $(".lightbox, #web-7").fadeIn(300);
	 });
	 $("a#web-panel-8").click(function(){
		 $(".lightbox, #web-8").fadeIn(300);
	 });	 
	 $("a#web-panel-9").click(function(){
		 $(".lightbox, #web-9").fadeIn(300);
	 });
	 $("a#web-panel-10").click(function(){
		 $(".lightbox, #web-10").fadeIn(300);
	 });
	 $("a#web-panel-11").click(function(){
		 $(".lightbox, #web-11").fadeIn(300);
	 });	  
	/*---graphics---*/						
	 $("a#gr-panel-1").click(function(){
		 $(".lightbox, #gr-1").fadeIn(300);
	 });	 							
	 $("a#gr-panel-2").click(function(){
		 $(".lightbox, #gr-2").fadeIn(300);
	 });	 
	 $("a#gr-panel-3").click(function(){
		 $(".lightbox, #gr-3").fadeIn(300);
	 }); 
	 $("a#gr-panel-4").click(function(){
		 $(".lightbox, #gr-4").fadeIn(300);
	 }); 
	 $("a#gr-panel-5").click(function(){
		 $(".lightbox, #gr-5").fadeIn(300);
	 });	 
	 $("a#gr-panel-6").click(function(){
		 $(".lightbox, #gr-6").fadeIn(300);
	 });
	 $("a#gr-panel-7").click(function(){
		 $(".lightbox, #gr-7").fadeIn(300);
	 });
	 $("a#gr-panel-8").click(function(){
		 $(".lightbox, #gr-8").fadeIn(300);
	 });	 
	 $("a#gr-panel-9").click(function(){
		 $(".lightbox, #gr-9").fadeIn(300);
	 });
	 $("a#gr-panel-10").click(function(){
		 $(".lightbox, #gr-10").fadeIn(300);
	 });
  
	 $("a.close-panel").click(function(){
		 $(".lightbox, .lightbox-panel").fadeOut(300);
	 });
	 
	 $(".slideshow").css("overflow", "hidden");
	 
	 $("ul.slides").cycle({
		fx: 'fade',
		speed:  1200, 
		delay: -1000,
		prev: '.prev',
		next: '.next'
	});
	 
	$(".slideshow").hover(function() {
		$("ul.nav").fadeIn();
	},
	function() {
		$("ul.nav").fadeOut();
	});
 });