jQuery(document).ready(function(){
	

	$("#menubar li .base").hover(
		function(){
			$(this).animate({opacity: "hide"}, 1000);
			$(this).next().animate({opacity: "show"}, 1000);
			
			
		}, 
		function(){
			
		}
	);
	$("#menubar li .hover").hover(
		function(){
			
		}, 
		function(){
			$(this).animate({opacity: "hide"}, 1000);
			$(this).prev().animate({opacity: "show"}, 1000);
			
			
		}
	);
  
  //--------------Gallery------------	
  

$("#gallery li .gallery_base").click(
		function(){
			$(this).animate({opacity: "hide"}, "slow");
			$(this).next().animate({opacity: "show"}, "slow");
			img_height = $(this).height();
			$(this).parent().parent().animate({ height:img_height}, {queue:false, duration:"normal"} );
			$(this).parent().parent().find("span").animate({opacity: "show"}, "slow");
			$(this).parent().parent().find("span2").animate({opacity: "show"}, "slow");
		}/*, 
		function(){
			
		}*/
	);
$("#gallery li .gallery_hover").click(
		/*function(){
			
		}, */
		function(){
			$(this).animate({opacity: "hide"}, 0);
			$(this).prev().animate({opacity: "show"}, 0);
			
			$(this).parent().parent().animate({ height: "80px" }, {queue:false, duration:"normal"} );
			$(this).parent().parent().find("span").animate({opacity: "hide"}, "slow");
			$(this).parent().parent().find("span2").animate({opacity: "hide"}, "slow");
		}
	);


//----------------------------------------------------------

// Iconbar
$("#iconbar li .base").hover(
		function(){
			$(this).animate({opacity: "hide"}, "slow");
			$(this).next().animate({opacity: "show"}, "slow");
			
			$(this).parent().parent().animate({ width: "140px" }, {queue:false, duration:"normal"} );
			$(this).parent().parent().find("span").animate({opacity: "show"}, "slow");
		}, 
		function(){
			
		}
	);
	$("#iconbar li .hover").hover(
		function(){
			
		}, 
		function(){
			$(this).animate({opacity: "hide"}, "slow");
			$(this).prev().animate({opacity: "show"}, "slow");
			
			$(this).parent().parent().animate({ width: "30px" }, {queue:false, duration:"normal"} );
			$(this).parent().parent().find("span").animate({opacity: "hide"}, "slow");
		}
	);


});
//----------------//


$(function(){

	$('#content').hide();

	$('#content').fadeIn(800);
	//$('#content').Appear(element,{delay:delay});

});
$(function(){

	$('#welcomequote').hide();

	$('#welcomequote').fadeIn(1200);
	//$('#content').Appear(element,{delay:delay});

});