var liWithSum = 0; 
var calculiSum = 0;
var calculiHalfSum =0;
var calculiSumLeftSpacer = 0;
var calculiSumRightSpacer = 0;
var kippersSUM = 0;
var kippers =0;
var kippersHalf =0;
var kippersLeftSpacer =0;
var kippersRightSpacer =0;
var startsubwidth1 =0;
var startsubwidth2 =0;
var CalcSubHalfWidth =0;
var CalcLeftSpacer =0;
var CalcRightSpacer =0;
var isMSIE6 = false;
var thisholderelement;

function msieversion()
   {
      var ua = window.navigator.userAgent
      var msie = ua.indexOf ( "MSIE " )
      if ( msie > 0 )      // If Internet Explorer, return version number
         return parseInt (ua.substring (msie+5, ua.indexOf (".", msie )))
      else                 // If another browser, return 0
         return 0

   }
if ( msieversion() == 6) {
    isMSIE6 = true;
}  
				

$("#calcu").ready(function(){
	var totalWidth = '770';
	var totallistWidth = $('#calcu').width();
	var CalculatedWidth = totalWidth - totallistWidth+'px';
	var CalculatedHalfWidth = parseInt(((totalWidth - totallistWidth)/2), 10);
	var CalculatedLeftSpace = CalculatedHalfWidth+'px';
	var calculatedRightSpace = CalculatedHalfWidth + ((totalWidth - totallistWidth) - (2*CalculatedHalfWidth)) +'px';
	$("#level1spacer").css({ width:calculatedRightSpace });
	$("#level1leftspacer").css({ width:CalculatedLeftSpace });
	$("#calcu").css({ width:'770px' });
			
	$('#header ul li.selected ul li').each(function(){
		var widthi =$(this).width();
		startsubwidth1 += parseInt(widthi);
	});
	startsubwidth2 = 770 - startsubwidth1+'px';
	CalcSubHalfWidth = parseInt(((770 - startsubwidth1)/2), 10);
    CalcLeftSpacer = CalcSubHalfWidth+'px';
    CalcRightSpacer = CalcSubHalfWidth + ((770 - startsubwidth1)-(2*CalcSubHalfWidth))+'px';
        
	$('#header ul .selected ul .level2spacer').css({ width:CalcRightSpacer });
	$('#header ul .selected ul .level2leftspacer').css({ width:CalcLeftSpacer });
	var delayTimer;
	$("#calcu .toplevel1").hover(
      function () {
	  	$('#header ul li.selected ul').css({ display:'none' });
	  	 liWithSum = 0;
		 calculiSum = 0;
        
	  	$('ul', this).css({ display:'block' });
        $('.level2spacer').removeAttr("style");
	  	$('.level2leftspacer').removeAttr("style");
		if ($('ul', this).is(':parent')) {
		    if (isMSIE6) {
      		    $('.selected-nochildren span').css({ background:'none', filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'/systemfiles/images/markers.png\')' });
      		}else{
      		    $('.selected-nochildren span').css({ background:'url(/systemfiles/images/markers.png)' });
      		}
      	}else{
      	    if (isMSIE6) {
      	        $('.level1selected').css({ background:'none', filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'/systemfiles/images/markers-nosub.png\')' });
      	    }else{
      	        $('.level1selected').css({ background:'url(/systemfiles/images/markers-nosub.png)' });
      	    }
        }	  	
	  	 
		$('ul li', this).each(function(){								
		  var width =$(this).width();
		  liWithSum += parseInt(width);
		}); 
							
		calculiSum = 770 - liWithSum+'px';
		calculiHalfSum = parseInt(((770 - liWithSum)/2), 10);
		calculiSumLeftSpacer = calculiHalfSum +'px';
		calculiSumRightSpacer = calculiHalfSum +((770 - liWithSum)-(2*calculiHalfSum))+'px';		
		
		$('.level2spacer',this).css({ width:calculiSumRightSpacer });
		$('.level2leftspacer',this).css({ width:calculiSumLeftSpacer });
	    
      }, 
      function () {
        thisholderelement = this;
        
      	if ($('ul', this).is(':parent')) {
      		$('.selected-nochildren span').removeAttr("style");
      	}else{
      	    $('.level1selected').removeAttr("style");      	          	     
        }
       
       
       /* if (isMSIE6) {
      		   delayTimer = setTimeout(function() { 
		          $('ul', thisholderelement).css({ display:'none' });  
		        },100);
      		}else{
      		    $('ul', this).css({ display:'none' });  
      		}
      	*/	
      		  delayTimer = setTimeout(function() { 
		          $('ul', thisholderelement).css({ display:'none' });  
		        },100);
       

        //$('ul', this).css({ display:'none' });  
       
		
		$('ul li', this).unbind('mouseover');
		$('#header ul li.selected ul').css({ display:'block' });
		$('.selected ul .level2spacer').removeAttr("style");
		$('.selected ul .level2leftspacer').removeAttr("style");
		$('.selected ul li').each(function(){
		  var widthy =$(this).width();
		  kippersSUM += parseInt(widthy);
		}); 
		kippers = 770 - kippersSUM+'px';
		kippersHalf = parseInt(((770 - kippersSUM)/2), 10);
		kippersLeftSpacer = kippersHalf +'px';
		kippersRightSpacer = kippersHalf + ((770 - kippersSUM) - (2*kippersHalf)) +'px';
		$('#header ul .selected ul .level2spacer').css({ width:kippersRightSpacer });
		$('#header ul .selected ul .level2leftspacer').css({ width:kippersLeftSpacer });
		kippersSUM = 0;
	    kippers =0;
	    
      }
      
    );
    $("#header ul #homelink").hover(
      function () {
      //alert('1');
     $('#header ul li ul').css({ display:'none' });
        
      }, 
      function () {
      
      }
    ); 
    
   $("#calcu ul li").hover(
      function () {
     
        clearTimeout(delayTimer)
      }, 
      function () {
       $('#header ul li.selected ul').css({ display:'none' });
        //$('ul', thisholderelement).css({ display:'none' });  
      }
    ); 
    
});
