// jQuery for sliding social media panels
jQuery(document).ready(function(){
	var closepaneltimeout = new Object();
	jQuery('.panel').each(function(){
		var panel = jQuery(this);
		var id = panel.attr('id');
		var tab = jQuery('.tab', this);
		tab.mouseover(function(){
			panel
				.css( 'z-index', '1000' )
				.animate( { left:'0px' }, 'slow' );
		});
		panel.mouseleave(function(){
			clearTimeout( closepaneltimeout[id] );
			closepaneltimeout[id] = setTimeout( function(){
				panel.animate( { left:'-374px' }, 'slow', function(){
					panel.css( 'z-index', '500' );
				});
			}, 750 );
		});
		panel.mouseenter(function(){
			clearTimeout( closepaneltimeout[id] );
		});
	});	
});