$(document).ready(function() {
	$('#menu li').hover( 
		function (){
			$(this).children("ul").fadeIn("fast");
		},
		function() {
			$(this).children("ul").fadeOut("fast");
	});
	
	/* //////////////////////////////////// */
	
	$(".pics").fadeTo(5,0.8);
	$(".pics_ref").fadeTo(5,0.8);
	
	$("#bottom").click(
      function () {
        var pos=$('#thumbs ul').position();
		if(pos.top!=-468) { //kepek szama * 52px (kepmagassag)
	        $('#thumbs ul').animate({"top":"-=52px"},300);		   
		}
	  }
    );
	
	$("#top").click(
      function () {
		var pos=$('#thumbs ul').position();
		if(pos.top!=0) {
	        $('#thumbs ul').animate({"top":"+=52px"},300);		   
		}
      }
    );
	
	$(".pics").hover(
      	function () {
        $(this).stop().fadeTo("fast",1);
      	},
      	function () {
        $(this).stop().fadeTo("fast",0.8);
      	}    
    	);
	
	
    	
    	$(".pics_ref").hover(
      	function () {
        $(this).stop().fadeTo("fast",1);
      	},
      	function () {
        $(this).stop().fadeTo("fast",0.8);
      	}    
    	);
	
	
	
//////////////////////////PICTURES///////////////////////////
		/*$("#pic1").click(
		function(){
			$("#viewer").children().css({"display":"none"});
			$("#large1").css({"display":"block"});
			
			}			 
		);		
		$("#pic2").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large2").css({"display":"block"});
			}				 
		);
		$("#pic3").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large3").css({"display":"block"});
			}				 
		);
		$("#pic4").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large4").css({"display":"block"});
			}				 
		);
		$("#pic5").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large5").css({"display":"block"});
			}				 
		);
		$("#pic6").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large6").css({"display":"block"});
			}				 
		);
		$("#pic7").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large7").css({"display":"block"});
			}				 
		);
		$("#pic8").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large8").css({"display":"block"});
			}				 
		);
		$("#pic8").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large8").css({"display":"block"});
			}				 
		);
		$("#pic9").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large9").css({"display":"block"});
			}				 
		);
		$("#pic10").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large10").css({"display":"block"});
			}				 
		);
		$("#pic11").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large11").css({"display":"block"});
			}				 
		);
		$("#pic12").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large12").css({"display":"block"});
			}				 
		);
		$("#pic13").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large13").css({"display":"block"});
			}				 
		);
		$("#pic14").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large14").css({"display":"block"});
			}				 
		);
		$("#pic15").click(
		function(){
			$('#viewer').children().css({"display":"none"});
			$("#large15").css({"display":"block"});
			}				 
		);*/
	
});