// JavaScript Document
var pos = 0

function moveBack()
{
	pos = pos - 1;
	$('#foreground').css({backgroundPosition: pos + 'px 0px'});
	
}
$(document).ready(function() {
	$('#slider').nivoSlider({
		effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
        slices:5,
        animSpeed:300, //Slide transition speed
        pauseTime:4000,
        startSlide:0, //Set starting Slide (0 index)
        directionNav:false, //Next & Prev
        directionNavHide:true, //Only show on hover
        controlNav:true, //1,2,3...
        controlNavThumbs:false, //Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, //Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', //Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
        keyboardNav:false, //Use left & right arrows
        pauseOnHover:true, //Stop animation while hovering
        manualAdvance:false, //Force manual transitions
        captionOpacity:0.8
	});
	
	
	var el = $('#foreground');
		  	el.css({backgroundPosition: '0px 0px'});
			//setInterval(moveBack, 100);
			
			var timeout    = 500;
			var closetimer = 0;
			var ddmenuitem = 0;
			
			function jsddm_open()
			{  jsddm_canceltimer();
			   jsddm_close();
			   ddmenuitem = $(this).find('ul').css('visibility', 'visible');}
			
			function jsddm_close()
			{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
			
			function jsddm_timer()
			{  closetimer = window.setTimeout(jsddm_close, timeout);}
			
			function jsddm_canceltimer()
			{  if(closetimer)
			   {  window.clearTimeout(closetimer);
				  closetimer = null;}}
			
			$(document).ready(function()
			{  $('#buttons > li').bind('mouseover', jsddm_open)
			   $('#buttons > li').bind('mouseout',  jsddm_timer)});
			
			document.onclick = jsddm_close;
});