$(document).ready(function() {
	$('#menuBio li ul').hide();					   
	$('#menuPort li ul').hide();
	$('#menuServ li ul').hide();
	
	var speedUP = 300;
	var speedDOWN = 100;
	var pos = 'up';
	
	$("#image").addClass("image3");
	
	$("#scroll1").animate({"width": "0px"});
	$("#scroll1").animate({"width": "540px"}, "2000");
	$("#scroll1").animate({"width": "480px"}, "2000");
	$("#scroll1").animate({"width": "500px"}, "2000");
	
	$("#scroll2").animate({"width": "0px"});
	$("#scroll2").animate({"width": "540px"}, "2000");
	$("#scroll2").animate({"width": "480px"}, "2000");
	$("#scroll2").animate({"width": "500px"}, "2000");
	
	$('#menuBio li').hover(   
        function () {   
            //show its submenu   
            $('ul', this).slideDown(speedUP);   
  
        },    
        function () {   
            //hide its submenu   
            $('ul', this).slideUp(speedDOWN);            
        }   
    );
	
	$('#menuPort li').hover(   
        function () {   
            //show its submenu   
            $('ul', this).slideDown(speedUP);   
  
        },    
        function () {   
            //hide its submenu   
            $('ul', this).slideUp(speedDOWN);            
        }   
    );

	$('#menuServ li').hover(   
        function () {   
            //show its submenu   
            $('ul', this).slideDown(speedUP);   
  
        },    
        function () {   
            //hide its submenu   
            $('ul', this).slideUp(speedDOWN);            
        }   
    ); 
	
	$("#footer").click(function(){
  		$("#thumbContainer").animate({"top": "-=475px"}, "slow");
	});
	
	function addremove(){
		$('#thum1').removeClass();
			$('#thum2').removeClass();
			$('#thum3').removeClass();
			$('#thum4').removeClass();
			$('#thum5').removeClass();
			$('#thum6').removeClass();
			$('#thum7').removeClass();
			$('#thum8').removeClass();
			$('#thum9').removeClass();
			$('#thum10').removeClass();
			$('#thum11').removeClass();
			$('#thum12').removeClass();
			$('#thum13').removeClass();
			$('#thum14').removeClass();
			$('#thum15').removeClass();
			$('#thum16').removeClass();
			$('#thum17').removeClass();
			$('#thum18').removeClass();
			$('#thum19').removeClass();
			$('#thum20').removeClass();
			$('#thum21').removeClass();
			$('#thum22').removeClass();
			$('#thum23').removeClass();
			$('#thum24').removeClass();
			$('#thum25').removeClass();
			$('#thum26').removeClass();
			$('#thum27').removeClass();
			$('#thum28').removeClass();
			$('#thum29').removeClass();
			$('#thum30').removeClass();
			$('#thum31').removeClass();
			$('#thum32').removeClass();
			$('#thum33').removeClass();
			$('#thum34').removeClass();
			$('#thum35').removeClass();
			$('#thum36').removeClass();
			$('#thum37').removeClass();
			$('#thum38').removeClass();
			$('#thum39').removeClass();
			$('#thum40').removeClass();
			$('#thum41').removeClass();
			$('#thum42').removeClass();
			$('#thum43').removeClass();
			$('#thum44').removeClass();
			$('#thum45').removeClass();
			$('#thum46').removeClass();
			$('#thum47').removeClass();
			$('#thum48').removeClass();
			$('#thum49').removeClass();
			$('#thum50').removeClass();
			$('#thum51').removeClass();
			$('#thum52').removeClass();
			$('#thum53').removeClass();
			$('#thum54').removeClass();
			$('#thum55').removeClass();
			$('#thum56').removeClass();
			$('#thum57').removeClass();
			$('#thum58').removeClass();
			$('#thum59').removeClass();
			$('#thum60').removeClass();
			$('#thum61').removeClass();
			$('#thum62').removeClass();
			$('#thum63').removeClass();
			$('#thum64').removeClass();
			$('#thum65').removeClass();
			$('#thum66').removeClass();
			$('#thum67').removeClass();
			$('#thum68').removeClass();
			$('#thum69').removeClass();
			$('#thum70').removeClass();
			
			$('#thum1').addClass("thum");
			$('#thum2').addClass("thum");
			$('#thum3').addClass("thum");
			$('#thum4').addClass("thum");
			$('#thum5').addClass("thum");
			$('#thum6').addClass("thum");
			$('#thum7').addClass("thum");
			$('#thum8').addClass("thum");
			$('#thum9').addClass("thum");
			$('#thum10').addClass("thum");
			$('#thum11').addClass("thum");
			$('#thum12').addClass("thum");
			$('#thum13').addClass("thum");
			$('#thum14').addClass("thum");
			$('#thum15').addClass("thum");
			$('#thum16').addClass("thum");
			$('#thum17').addClass("thum");
			$('#thum18').addClass("thum");
			$('#thum19').addClass("thum");
			$('#thum20').addClass("thum");
			$('#thum21').addClass("thum");
			$('#thum22').addClass("thum");
			$('#thum23').addClass("thum");
			$('#thum24').addClass("thum");
			$('#thum25').addClass("thum");
			$('#thum26').addClass("thum");
			$('#thum27').addClass("thum");
			$('#thum28').addClass("thum");
			$('#thum29').addClass("thum");
			$('#thum30').addClass("thum");
			$('#thum31').addClass("thum");
			$('#thum32').addClass("thum");
			$('#thum33').addClass("thum");
			$('#thum34').addClass("thum");
			$('#thum35').addClass("thum");
			$('#thum36').addClass("thum");
			$('#thum37').addClass("thum");
			$('#thum38').addClass("thum");
			$('#thum39').addClass("thum");
			$('#thum40').addClass("thum");
			$('#thum41').addClass("thum");
			$('#thum42').addClass("thum");
			$('#thum43').addClass("thum");
			$('#thum44').addClass("thum");
			$('#thum45').addClass("thum");
			$('#thum46').addClass("thum");
			$('#thum47').addClass("thum");
			$('#thum48').addClass("thum");
			$('#thum49').addClass("thum");
			$('#thum50').addClass("thum");
			$('#thum51').addClass("thum");
			$('#thum52').addClass("thum");
			$('#thum53').addClass("thum");
			$('#thum54').addClass("thum");
			$('#thum55').addClass("thum");
			$('#thum56').addClass("thum");
			$('#thum57').addClass("thum");
			$('#thum58').addClass("thum");
			$('#thum59').addClass("thum");
			$('#thum60').addClass("thum");
			$('#thum61').addClass("thum");
			$('#thum62').addClass("thum");
			$('#thum63').addClass("thum");
			$('#thum64').addClass("thum");
			$('#thum65').addClass("thum");
			$('#thum66').addClass("thum");
			$('#thum67').addClass("thum");
			$('#thum68').addClass("thum");
			$('#thum69').addClass("thum");
			$('#thum70').addClass("thum");
			
			$('#thum1').animate({'opacity': '0.5'}, "slow");
			$('#thum2').animate({'opacity': '0.5'}, "slow");
			$('#thum3').animate({'opacity': '0.5'}, "slow");
			$('#thum4').animate({'opacity': '0.5'}, "slow");
			$('#thum5').animate({'opacity': '0.5'}, "slow");
			$('#thum6').animate({'opacity': '0.5'}, "slow");
			$('#thum7').animate({'opacity': '0.5'}, "slow");
			$('#thum8').animate({'opacity': '0.5'}, "slow");
			$('#thum9').animate({'opacity': '0.5'}, "slow");
			$('#thum10').animate({'opacity': '0.5'}, "slow");
			$('#thum11').animate({'opacity': '0.5'}, "slow");
			$('#thum12').animate({'opacity': '0.5'}, "slow");
			$('#thum13').animate({'opacity': '0.5'}, "slow");
			$('#thum14').animate({'opacity': '0.5'}, "slow");
			$('#thum15').animate({'opacity': '0.5'}, "slow");
			$('#thum16').animate({'opacity': '0.5'}, "slow");
			$('#thum17').animate({'opacity': '0.5'}, "slow");
			$('#thum18').animate({'opacity': '0.5'}, "slow");
			$('#thum19').animate({'opacity': '0.5'}, "slow");
			$('#thum20').animate({'opacity': '0.5'}, "slow");
			$('#thum21').animate({'opacity': '0.5'}, "slow");
			$('#thum22').animate({'opacity': '0.5'}, "slow");
			$('#thum23').animate({'opacity': '0.5'}, "slow");
			$('#thum24').animate({'opacity': '0.5'}, "slow");
			$('#thum25').animate({'opacity': '0.5'}, "slow");
			$('#thum26').animate({'opacity': '0.5'}, "slow");
			$('#thum27').animate({'opacity': '0.5'}, "slow");
			$('#thum28').animate({'opacity': '0.5'}, "slow");
			$('#thum29').animate({'opacity': '0.5'}, "slow");
			$('#thum30').animate({'opacity': '0.5'}, "slow");
	}
	
	$('#thum1').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image1");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
			$(this).animate({'opacity': '1.0'}, "fast");
		}
	);
	$('#thum2').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image2");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
			$(this).animate({'opacity': '1.0'}, "fast");
		}
	);
	$('#thum3').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image3");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
			$(this).animate({'opacity': '1.0'}, "fast");
		}
	); 
	
	$('#thum4').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image4");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
			$(this).animate({'opacity': '1.0'}, "fast");
		}
	); 
	
	$('#thum5').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image5");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
			$(this).animate({'opacity': '1.0'}, "fast");
		}
	); 
	
	$('#thum6').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image6");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
			$(this).animate({'opacity': '1.0'}, "fast");
		}
	); 
	
	$('#thum7').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image7");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
			$(this).animate({'opacity': '1.0'}, "fast");
		}
	); 
	
	$('#thum8').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image8");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
			$(this).animate({'opacity': '1.0'}, "fast");
		}
	); 
	
	$('#thum9').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image9");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
			$(this).animate({'opacity': '1.0'}, "fast");
		}
	); 
	
	$('#thum10').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image10");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
			$(this).animate({'opacity': '1.0'}, "fast");
		}
	); 
	
	$('#thum11').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image11");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
			$(this).animate({'opacity': '1.0'}, "fast");
		}
	); 
	
	$('#thum12').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image12");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		}
	); 
	
	$('#thum13').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image13");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		}
	); 
	
	$('#thum14').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image14");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		}
	); 
	
	$('#thum15').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image15");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		}
	); 
	
	$('#thum16').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image16");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		}
	);
	
	$('#thum17').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image17");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		}
	); 
	
	$('#thum18').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image18");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		}
	); 
	
	$('#thum19').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image19");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
			}
		);
	
		$('#thum20').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image20");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
			}
		);
		
		$('#thum21').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image21");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		}
		);
		
		$('#thum22').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image22");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		}
		);
		
		$('#thum23').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image23");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		}
		);
		
		$('#thum24').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image24");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		}
		);
		
		$('#thum25').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image25");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum26').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image26");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum27').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image27");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum28').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image28");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum29').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image29");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum30').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image30");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum31').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image31");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum32').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image32");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum33').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image33");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum34').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image34");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum35').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image35");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum36').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image36");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum37').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image37");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum38').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image38");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum39').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image39");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum40').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image40");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum41').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image41");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum42').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image42");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum43').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image43");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum44').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image44");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum45').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image45");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum46').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image46");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum47').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image47");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum48').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image48");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum49').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image49");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum50').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image50");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum51').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image51");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum52').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image52");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum53').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image53");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum54').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image54");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum55').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image55");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum56').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image56");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum57').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image57");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum58').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image58");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum59').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image59");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum60').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image60");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum61').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image61");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum62').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image62");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum63').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image63");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum64').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image64");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum65').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image65");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum66').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image66");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum67').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image67");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum68').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image68");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum69').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image69");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
		
		$('#thum70').click(
		function(){
			$("#image").removeClass();
			$("#image").addClass("image70");
			
			addremove();
			
			$(this).removeClass();
			$(this).addClass("thumSelected");
		});
});