$(function () { 
	// Stack initialize
	var openspeed = 300;
	var closespeed = 300;
	$('.stack>img.bucket').toggle(function(){
		$('#stack>li').css('display','block');
		var horizontal = 15;
		var $el=$(this);
		$('.lid').animate({top: '-55px'},openspeed);
		$el.next().children('li').each(function(){
			$(this).animate({left: '-' + horizontal + 'px'}, openspeed);
			horizontal = horizontal + 65;
		});
		$el.next().animate({left: '-40px'}, openspeed).addClass('openStack')
		   .find('li a>img').animate({width: '40px', height: '40px', marginTop: '-18px'}, openspeed);
		$el.animate({paddingTop: '0'});
	}, function(){
		//reverse above
		var $el=$(this);
		$el.next().removeClass('openStack').children('li').animate({left: '65px'}, closespeed);
		$el.next().find('li a>img').animate({width: '0px', height: '0px', marginTop: '44px'}, closespeed);
		if ($.browser.msie && $.browser.version.substr(0,1)<7) {} else {
	  	    $el.animate({paddingTop: '35px'});
		}
		$('.lid').animate({top: '0px'},closespeed);
		$('.bucket').css('height','41px');
	});
	
	// Stacks additional animation
	$('.stack li a').hover(function(){
		$("img",this).animate({width: '46px', height: '46px', marginTop: '-22px'}, 100);
		$("span",this).css({display: 'block',marginTop: '26px'});
	},function(){
		$("img",this).animate({width: '40px', height: '40px', marginTop: '-18px'}, 100);
		$("span",this).css({display: 'none'});
	});
	
	$('.stack .bucket').hover(function(){
		$('.lid').css('background', 'url(/wp-content/themes/onodi/images/toolbox-lid2.png)') 
		$('.bucket').attr({ src: '/wp-content/themes/onodi/images/toolbox-bottom2.png' });
		$('.stack .bucket').css({ left: '2px' });
		$('.stack .lid').css({ left: '2px' });
	},function(){
		$('.lid').css('background', 'url(/wp-content/themes/onodi/images/toolbox-lid.png)') 
		$('.bucket').attr({ src: '/wp-content/themes/onodi/images/toolbox-bottom.png' });
		$('.stack .bucket').css({ left: '0px' });
		$('.stack .lid').css({ left: '0px' });
	});
	$('.stack .lid').hover(function(){
		$('.lid').css('background', 'url(/wp-content/themes/onodi/images/toolbox-lid2.png)') 
		$('.bucket').attr({ src: '/wp-content/themes/onodi/images/toolbox-bottom2.png' });
		$('.stack .bucket').css({ left: '2px' });
		$('.stack .lid').css({ left: '2px' });
	},function(){
		$('.lid').css('background', 'url(/wp-content/themes/onodi/images/toolbox-lid.png)') 
		$('.bucket').attr({ src: '/wp-content/themes/onodi/images/toolbox-bottom.png' });
		$('.stack .bucket').css({ left: '0px' });
		$('.stack .lid').css({ left: '0px' });
	});
});