$(document).ready(function(){
      	
      	var sub_menus = new Array("#sub_menu_1", "#sub_menu_2", "#sub_menu_3");
		for (var i in sub_menus) {
	  		$(sub_menus[i]).css({  
				marginTop: "117px",
				opacity:0.5       
			}); 	
		 	$(sub_menus[i]).hide(); 		
		}
      	

		
		for (var i=1; i<=14; i++) {
	  		$("#button_"+i).css({  
				opacity:0.85        
			}); 			
		}
		
		var art = new Array("#art_1", "#art_2", "#art_3", "#art_4", "#art_5");	
		var used = new Array();	
		for (var i in art) {
			while(!allocateArt(i)) {
				allocateArt(i);
			} 				  	
  		}	
  		
  		function allocateArt(i) {
	  		var nr = Math.ceil(Math.random() * 35);
			//alert(nr);
			if(checkUsedNrs(nr)) {
				$(art[i]).css({  
					opacity:0.85, 			
					backgroundImage: "url('img/art/"+ nr +".png')"      
				}); 
				used[i] = nr;
				return true;
			} else {
				return false;
			}	 
  		}
  		
  		function checkUsedNrs(nr) {
  			for (var i in used) {
				if(nr == used[i]) {
					return false;
				}
			}
			return true;
  		}


    	
    	$("#button_1").mouseover(function(){$("#button_1").animate({opacity: 1.0}, 400 );$("#art_1").animate({opacity: 1.0}, 400 )});$("#button_1").mouseout(function(){$("#button_1").animate({opacity: 0.85}, 0 );$("#art_1").animate({opacity: 0.85}, 0 )});$("#button_2").mouseover(function(){$("#button_2").animate({opacity: 1.0}, 400 );$("#art_2").animate({opacity: 1.0}, 400 )});$("#button_2").mouseout(function(){$("#button_2").animate({opacity: 0.85}, 0 );$("#art_2").animate({opacity: 0.85}, 0 )});$("#button_3").mouseover(function(){$("#button_3").animate({opacity: 1.0}, 400 );$("#art_3").animate({opacity: 1.0}, 400 )});$("#button_3").mouseout(function(){$("#button_3").animate({opacity: 0.85}, 0 );$("#art_3").animate({opacity: 0.85}, 0 )});$("#button_4").mouseover(function(){$("#button_4").animate({opacity: 1.0}, 400 );$("#art_4").animate({opacity: 1.0}, 400 )});$("#button_4").mouseout(function(){$("#button_4").animate({opacity: 0.85}, 0 );$("#art_4").animate({opacity: 0.85}, 0 )});$("#button_5").mouseover(function(){$("#button_5").animate({opacity: 1.0}, 400 );$("#art_5").animate({opacity: 1.0}, 400 )});$("#button_5").mouseout(function(){$("#button_5").animate({opacity: 0.85}, 0 );$("#art_5").animate({opacity: 0.85}, 0 )});$("#button_6").mouseover(function(){$("#button_6").animate({opacity: 1.0}, 400 );$("#art_6").animate({opacity: 1.0}, 400 )});$("#button_6").mouseout(function(){$("#button_6").animate({opacity: 0.85}, 0 );$("#art_6").animate({opacity: 0.85}, 0 )});$("#button_7").mouseover(function(){$("#button_7").animate({opacity: 1.0}, 400 );$("#art_7").animate({opacity: 1.0}, 400 )});$("#button_7").mouseout(function(){$("#button_7").animate({opacity: 0.85}, 0 );$("#art_7").animate({opacity: 0.85}, 0 )});$("#button_8").mouseover(function(){$("#button_8").animate({opacity: 1.0}, 400 );$("#art_8").animate({opacity: 1.0}, 400 )});$("#button_8").mouseout(function(){$("#button_8").animate({opacity: 0.85}, 0 );$("#art_8").animate({opacity: 0.85}, 0 )});$("#button_9").mouseover(function(){$("#button_9").animate({opacity: 1.0}, 400 );$("#art_9").animate({opacity: 1.0}, 400 )});$("#button_9").mouseout(function(){$("#button_9").animate({opacity: 0.85}, 0 );$("#art_9").animate({opacity: 0.85}, 0 )});$("#button_10").mouseover(function(){$("#button_10").animate({opacity: 1.0}, 400 );$("#art_10").animate({opacity: 1.0}, 400 )});$("#button_10").mouseout(function(){$("#button_10").animate({opacity: 0.85}, 0 );$("#art_10").animate({opacity: 0.85}, 0 )});$("#button_11").mouseover(function(){$("#button_11").animate({opacity: 1.0}, 400 );$("#art_11").animate({opacity: 1.0}, 400 )});$("#button_11").mouseout(function(){$("#button_11").animate({opacity: 0.85}, 0 );$("#art_11").animate({opacity: 0.85}, 0 )});$("#button_12").mouseover(function(){$("#button_12").animate({opacity: 1.0}, 400 );$("#art_12").animate({opacity: 1.0}, 400 )});$("#button_12").mouseout(function(){$("#button_12").animate({opacity: 0.85}, 0 );$("#art_12").animate({opacity: 0.85}, 0 )});$("#button_13").mouseover(function(){$("#button_13").animate({opacity: 1.0}, 400 );$("#art_13").animate({opacity: 1.0}, 400 )});$("#button_13").mouseout(function(){$("#button_13").animate({opacity: 0.85}, 0 );$("#art_13").animate({opacity: 0.85}, 0 )});$("#button_14").mouseover(function(){$("#button_14").animate({opacity: 1.0}, 400 );$("#art_14").animate({opacity: 1.0}, 400 )});$("#button_14").mouseout(function(){$("#button_14").animate({opacity: 0.85}, 0 );$("#art_14").animate({opacity: 0.85}, 0 )});$("#button_1").click(function(){if ($("#sub_menu_1:first").is(":visible")) {$("#sub_menu_1").animate({	marginTop: "117px",	opacity:0.5}, 400 );window.setTimeout(function() {	$("#sub_menu_1").hide();}, 500);} else {$("#sub_menu_1").show();$("#sub_menu_1").animate({     marginTop: "0px",    opacity: 1}, 400 );clearButtons(1)}});$("#button_2").click(function(){if ($("#sub_menu_2:first").is(":visible")) {$("#sub_menu_2").animate({	marginTop: "117px",	opacity:0.5}, 400 );window.setTimeout(function() {	$("#sub_menu_2").hide();}, 500);} else {$("#sub_menu_2").show();$("#sub_menu_2").animate({     marginTop: "0px",    opacity: 1}, 400 );clearButtons(2)}});$("#button_3").click(function(){if ($("#sub_menu_3:first").is(":visible")) {$("#sub_menu_3").animate({	marginTop: "117px",	opacity:0.5}, 400 );window.setTimeout(function() {	$("#sub_menu_3").hide();}, 500);} else {$("#sub_menu_3").show();$("#sub_menu_3").animate({     marginTop: "0px",    opacity: 1}, 400 );clearButtons(3)}});$("#button_4").click(function(){clearButtons(4)});$("#button_5").click(function(){clearButtons(5)});	
    	
    	
    	function clearButtons(i) {    		
	    	if(i != 1) {						
				$("#sub_menu_1").animate({                 
					marginTop: "117px",
					opacity:0.5        
					}, 500 );
				window.setTimeout(function() {
					$("#sub_menu_1").hide();
				}, 400);	
			}
			if(i != 2) {
				$("#sub_menu_2").animate({                 
					marginTop: "117px",
					opacity:0.5        
					}, 500 );
				window.setTimeout(function() {
					$("#sub_menu_2").hide();
				}, 400);					
			}
			if(i != 3) {
				$("#sub_menu_3").animate({                 
					marginTop: "117px",
					opacity:0.5        
					}, 500 );
				window.setTimeout(function() {
					$("#sub_menu_3").hide();
				}, 400);					
			}
							
	    }
    	

	});