$(function(){
  //Get our elements for faster access and set overlay width
  var divDetail = $('div.sc_menu'),
               ul = $('ul.sc_menu'),
               // unordered list's left margin
               ulPadding = 15;

  //Get menu width
  var divWidth = divDetail.width();

  //Remove scrollbars
  divDetail.css({overflow: 'hidden'});

  //Find last image container
  var lastLi = ul.find('li:last-child');

  //When user move mouse over menu
  divDetail.mousemove(function(e){

    //As images are loaded ul width increases,
    //so we recalculate it each time
    var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;

    var leftDetail = (e.pageX - divDetail.offset().left) * (ulWidth-divWidth) / divWidth;
    divDetail.scrollLeft(leftDetail);
  });
});


var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;
var ddmenulinkitem = 0;

function jsddm_open()
{  
	jsddm_canceltimer();
   jsddm_close();
     ddmenuitem 	= $(this).find('div').css('visibility', 'visible');
     ddmenuitem     = $(this).find('div').css('display', 'block');
   if($(this).find('div').length > 0)
   {
	   if(($(this).find('div').position().left+parseInt($(this).find('div').css("width").substr(0, $(this).find('div').css("width").length-2))) > $(window).width())
	   {
		   $(this).find('div').css("float","right");
	   }
   }
   ddmenulinkitem = $(this).find('a.parentMenu').css({
	   "background-image":"url(images/menubg.png)",
	   "background-repeat":"repeat-x",
	   "color":"#000000"
   });
}

function jsddm_close()  
{ 
	if(ddmenuitem) 
	{
		ddmenuitem.css('visibility', 'hidden');
		ddmenuitem.css('display', 'none');		
	}
	if(ddmenulinkitem)
	{
		 $(ddmenulinkitem).css({
			   "background":"none",
			   "color":"#fff"
		 });
	}
	
}

function jsddm_timer()
{

	closetimer = window.setTimeout(jsddm_close, timeout);
}

function jsddm_canceltimer()
{  
	if(closetimer)
   {  window.clearTimeout(closetimer);
      closetimer = null;
   }
}

$(document).ready(function()
{  

	//console.log($('#jsddm > li'));
	$('#jsddm > li').bind('mouseover',jsddm_open)

});

document.onclick = jsddm_close;
/*$('#jsddm > li').bind('mouseout',  jsddm_timer)*/