// Global Functions

//image transition

$(document).ready(function() {//begin jquery


//png fix



//adjust background opacity on the nav

$('#nav').animate({"opacity" : "0.8"});


//lava lamp menu

$(".main-nav").lavaLamp({ fx: "backout", speed: 700});

//Sliding Panel

$("div.panel_button").click(function(){
		$("div#panel").animate({
			height: "140px"
		})
		.animate({
			height: "120px"
		}, "fast");
		$("div.panel_button").toggle();
	});	
	
   $("div#hide_button").click(function(){
		$("div#panel").animate({
			height: "35px"
		}, "fast");
   });

//buttons
$('#buttons ul li').css({'left' : '250px',});
		
		
  $.fn.showdelay = function(){
    var delay = 0;
    return this.each(function(){
      $(this).delay(delay).animate({"left" : "-=250px" });
      delay += 1000;
    });
  };
$('#buttons ul li').showdelay();



 
  

$('.btn-hover').hover(function(){
		$(this).children('img').stop(true, true).animate({'opacity': 0});
	   }, function(){
		$(this).children('img').stop(true, true).animate({'opacity': 1});
});



//image effects - gallery

$("ul.gallery a").lightBox();

$('ul.gallery img').css('margin','0px');

$('ul.gallery img').animate({
			marginTop: '0', /* Set alignment back to default */
			marginLeft: '0',
			top: '0',
			left: '0',
			width: '70px', /* Set width back to default */
			height: '60px', /* Set height back to default */
			padding: '0px'
		}, 10);

$("ul.gallery li").hover(function() {
	$(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
	$(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
		.animate({
			marginTop: '-70px', /* The next 4 lines will vertically align this image */ 
			marginLeft: '-80px',
			top: '50%',
			left: '50%',
			width: '140px', /* Set new width */
			height: '120px', /* Set new height */
			padding: '5px'
		}, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

	} , function() {
	$(this).css({'z-index' : '0'}); /* Set z-index back to 0 */
	$(this).find('img').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
		.animate({
			marginTop: '0', /* Set alignment back to default */
			marginLeft: '0',
			top: '0',
			left: '0',
			width: '70px', /* Set width back to default */
			height: '60px', /* Set height back to default */
			padding: '0px'
		}, 400);
});





});//end jquery