$(document).ready(function() {
	
	// Apply the HTML markup into body tag
	$('body').prepend('<div id="sliderWrap"><div id="openCloseIdentifier"></div><div id="slider"><div id="sliderRight"><ul><li><a href="http://www.facebook.com/pages/007-Villas/122648954437802" title="Luxury Villa Rentals Phuket | Our Facebook Page"><img src="http://luxuryvillarentalsphuket.com/blog/wp-content/themes/designpile/images/ico_facebook.png" alt="Facebook" /></a></li><li><a href="http://twitter.com/007villas" title="Luxury Villa Rentals Phuket | Follow 007 Villas on Twitter"><img src="http://luxuryvillarentalsphuket.com/blog/wp-content/themes/designpile/images/ico_twitter.png" alt="Twitter" /></a></li><li><a href="http://luxuryvillarentalsphuket.com/blog/feed/" title="Luxury Villa Rentals Phuket | Our RSS Feed"><img src="http://luxuryvillarentalsphuket.com/blog/wp-content/themes/designpile/images/ico_rss.png" alt="RSS" /></a></li></ul></div><div id="sliderContent"><ul><li><a href="http://luxuryvillarentalsphuket.com" title="Luxury villa rentals in Phuket">007</a></li><li><a href="http://luxuryvillarentalsphuket.com/villas/" title="Our portfolio of Phuket luxury holiday villas">Our Villas</a> </li><li><a href="http://luxuryvillarentalsphuket.com/concept/" title="Our innovative rental management concept">Our Concept</a></li><li class="last"><a href="http://luxuryvillarentalsphuket.com/management/" title="Management, maintenance, design &amp; photography.">Our Services</a></li></ul></div><div id="openCloseWrap"><a href="#" class="topMenuAction" id="topMenuImage">007 Villas</a></div></div></div>');
	
	var timeout = null;
	var initialMargin = parseInt($("#slider").css("margin-top"));
	
	$(".topMenuAction").hover(
	function() {
		if (timeout) {
			clearTimeout(timeout);
			timeout = null;
		}
		$("#slider").animate({ marginTop: 0 }, 'fast');
	},
	function() {
		// check the mouse is over the slider element
		$("#slider").mouseover(function(){ 
			if (timeout) {
				clearTimeout(timeout);
				timeout = null;
			}
		});
		timeout = setTimeout(function() {
			timeout = null;
			$("#slider").animate({ marginTop: initialMargin }, 'slow');
		}, 1000);
	}
	);
	
	$("#slider").hover(
	function() {
		if (timeout) {
			clearTimeout(timeout);
			timeout = null;
		}
	},
	function() {
		timeout = setTimeout(function() {
			timeout = null;
			$("#slider").animate({ marginTop: initialMargin }, 'slow');
			}, 1000);
		}
	);
});