$(document).ready(function() {
	var tabWidth = 152;
	var noTabs = 6;
	var offSet = 55;
	var t;
	var t2;

 $('.menu_tab_item').hover(
      function () {
		 clearTimeout(t); 
		//set all menus to hide
	 	$('.head').children('.menu_cover_tab').hide();
 		$('.head').children('.mega_tab').hide();
		//what tab are we on
		var mmNo = $(this).attr('rel');
		//how many columns will the menu have
		var noCols = $('#menuCol'+mmNo).val();
		// no columns so dont pass go, dont collect £200
		if (noCols != 0)
		{
			//calculate positions of tab and menu
			var leftPos = ((tabWidth * mmNo) + offSet) - tabWidth;
			var mmposMax = Math.ceil((((noCols * 190) + 48)/2) - ( tabWidth / 2));
			var mmWidth = ((noCols * 190) + 48);
			if (mmposMax > leftPos)
			{
				mmPos = 0
			}else{
				mmPos = (leftPos - mmposMax)
				}
			if (mmNo < noTabs)
			{
				// it is not last tab
				// set position of cover tab
				$('#menu_cover_tab'+mmNo).css( { 'left': leftPos+'px', "top" : '78px', 'z-index' : '10' });
				//set position of mega menu
				$('#mega_tab'+mmNo).css( { 'left': mmPos+'px', 'top' : '108px', 'z-index' : '9' });
			}else{
				// it is last tab so position right
				// set position of cover tab
				$('#menu_cover_tab'+mmNo).css( { 'left': leftPos+'px',  "top" : '78px', 'z-index' : '10' });
				//set position of mega menu
				$('#mega_tab'+mmNo).css( { 'right': '0px',  'top' : '108px', 'z-index' : '9' });
			}
			//set width of mega menu
			$('#mega_tab'+mmNo).css( { 'width': mmWidth+'px' });
			//show menus and tabs
			$('#menu_cover_tab'+mmNo).show();
			$('#mega_tab'+mmNo).show();
		}
      }, 
      function () {
		 var mmNo = $(this).attr('rel');
		 t = setTimeout(function() {$('#menu_cover_tab'+mmNo).hide()}, 300);
		 t2 = setTimeout(function() {$('#mega_tab'+mmNo).hide()}, 300);

      }
    );

// set up timers for menus
 $('.mega_tab').hover(
      function () {
		var mmNo = this.id.replace('mega_tab', "");
		 clearTimeout(t); 
		 clearTimeout(t2);
		
      }, 
      function () {
		 var mmNo = this.id.replace('mega_tab', "");
		 t = setTimeout(function() {$('#menu_cover_tab'+mmNo).hide()}, 300);
		 t2 = setTimeout(function() {$('#mega_tab'+mmNo).hide()}, 300);

      }
    );

 $('.menu_cover_tab').hover(
      function () {
		 clearTimeout(t); 
		 clearTimeout(t2);
		
      }, 
      function () {
		   var mmNo = this.id.replace('menu_cover_tab', "");

		 t = setTimeout(function() {$('#menu_cover_tab'+mmNo).hide()}, 300);
		 t2 = setTimeout(function() {$('#mega_tab'+mmNo).hide()}, 300);

      }
    );

});