$(document).ready(function() {
 
	// triggering submenu to popup upon mouse hover
	$('li.hasSubNav').bind('mouseover', submenuShow)
	$('li.hasSubNav').bind('mouseout',  submenuHide)
	
});

//================================== for  sub-menu module [SUM] ===========================
var timeOut = 300;
var hideTrigger = 0;
var currItem = 0;
var maskItem = 0;
var maskLen = 0;
var menuObj = 0;

function cancelTimer()
{  
   if(hideTrigger)
   {  window.clearTimeout(hideTrigger);
      hideTrigger = null;
	}
}

function hideExe()
{  
	if(currItem)
	{
		currItem.css('display', 'none');
		maskItem.css('display', 'none');
		menuObj.removeClass('onHover');
	}
}

function submenuShow()
{  
   cancelTimer();
   hideExe();
   menuObj = $(this).find('a');
   menuObj.addClass('onHover');
   currItem = $(this).find('ul').css('display', 'block');
   maskLen = $(this).width() - 2;
   maskItem = $(this).find('span').css('width', maskLen).css('display', 'block');
   
   if($(this).hasClass('support')) {
   
	   $(this).find('.clearfix').css('width', '95px');
   }
   
}

function submenuHide()
{  
	hideTrigger = window.setTimeout(hideExe, timeOut);
}