jQuery(function () {
	
	jQuery('.dropdown').each(function () {
		jQuery(this).parent().eq(0).hoverIntent({
			timeout: 100,
			over: function () {
				var current = jQuery('.dropdown:eq(0)', this);
				jQuery('.current').fadeOut(200);
				current.slideDown(100);
				
			},
			out: function () {
				var current = jQuery('.dropdown:eq(0)', this);
				current.fadeOut(200);
				
			}
		});
	});
	
	jQuery('.empty').hoverIntent({
			timeout: 100,
			over: function () {
				jQuery('.current').fadeOut(200);
			},
			out: function () {
			}
	});
	
	jQuery('.current').each(function () {
		jQuery(this).parent().eq(0).hoverIntent({
			timeout: 100,
			over: function () {
				jQuery('.current').slideDown(100);
			},
			out: function () {
			}
		});
	});
	
	jQuery('#menu').hoverIntent({
			timeout: 100,
			out: function () {
				jQuery('.current').slideDown(100);
			}
	});
		
	
	jQuery('.current').slideDown(100);
	
	jQuery('.dropdown a').hover(function () {
		jQuery(this).stop(true).animate({paddingRight: '20px'}, {speed: 100, easing: 'easeOutBack'});
	}, function () {
		jQuery(this).stop(true).animate({paddingRight: '10px'}, {speed: 100, easing: 'easeOutBounce'});
	});
	
	jQuery('.current a').hover(function () {
		jQuery(this).stop(true).animate({paddingRight: '20px'}, {speed: 100, easing: 'easeOutBack'});
	}, function () {
		jQuery(this).stop(true).animate({paddingRight: '10px'}, {speed: 100, easing: 'easeOutBounce'});
	});
	
	pic1 = new Image(310, 672);
	pic1.src = "images/dropdown.png"; 
	
	pic2 = new Image(4, 40);
	pic2.src = "images/dropselectionleft.png"; 
	
	pic3 = new Image(394, 40);
	pic3.src = "images/dropselectionright.png";
});