$(document).ready(function() {
	$('#select-site-handle').mouseenter(function() {
		$('#select-site-dropdown .list-container').stop(true, true);
		$('#select-site-dropdown').show();
		$('#select-site-dropdown .list-container').animate({ height: '188px' }, 300, setupSliderEvents);
	});
	
	$('#select-site-dropdown .list-container').mouseleave(function(event) {
		clearSliderEvents();
		$('#select-site-dropdown .list-container').stop(true, true);
		$('#select-site-dropdown .list-container ul > li .slider-container').css({ "z-index": 10 });
		$('#select-site-dropdown .list-container ul > li .slider-container .slider').stop(true, true);;
		$('#select-site-dropdown .list-container ul > li .slider-container .slider').css({ left: '-425px' });
		$('#select-site-dropdown .list-container').animate({ height: '0' }, 300, function() { $('#select-site-dropdown').hide(); });
	});
});

function setupSliderEvents() {
	
	$('#select-site-dropdown .list-container ul > li').mouseenter(function() {
		var slider = $("div.slider:first", this);
		var slider_container = $("div.slider-container:first", this);
		
		$(this).stop(true, true);
		slider.css({ left: '-425px' });
		slider_container.css({ "z-index": 15 });
		slider_container.show();
		slider.animate({ left: '0px' }, 100);
		
	}).mouseleave(function() {
		var slider = $("div.slider:first", this);
		var slider_container = $("div.slider-container:first", this);
		
		$(this).stop(true, true);
		slider.css({ left: '0' });
		slider_container.css({ "z-index": 10 });
		slider.animate({ left: '-425px' }, 100, function() { slider_container.hide() });													 
	});
}
function clearSliderEvents() {
	$('#select-site-dropdown .list-container ul > li').unbind();
}
