$(document).ready(function() {
	var srcTechMenu = false;
	var srcProdMenu = false;
	if($('a#popProdMenu-toggle').html() != null){
		srcProdMenu = $('a#popProdMenu-toggle').find("img").attr("src").replace("_click.gif",".gif");
	}		
	if($('a#popTechMenu-toggle').html() != null){
		srcTechMenu = $('a#popTechMenu-toggle').find("img").attr("src").replace("_click.gif",".gif");
	}	
	$("body").click(function(){
		closePopUpLayer();
	});	
	$("#flashContent").mouseover(function(){
		closePopUpLayer();
	});	
	$("#headerBar").css("top",$("#header").height()); 
  	$("#headerBar").css("display","block");          
  	$("#mainNav").css("top",$("#header").height() + $("#headerBar").height());
	$("#mainNav").css("display","block");		
	$('#popMenu').hide();
	$('#popContainer').show();
	var popCase;
	$('a#popTechMenu-toggle').click(function() {
		popCase = 'ul#popTech.popMenuLinks';
		$('ul#popProduct.popMenuLinks').hide();
		$(popCase).show();
		$('#popMenu').show();
		formatList(popCase);			
		if(srcProdMenu){
			$('a#popProdMenu-toggle').find("img").attr("src",srcProdMenu);	
		}			
		newSrc = $(this).find("img").attr("src").replace("_on.gif#hover","_click.gif");		
		$(this).find("img").attr("src",newSrc);		
		return false;
	});
	$('a#popProdMenu-toggle').click(function() {
		popCase = 'ul#popProduct.popMenuLinks';
		$('ul#popTech.popMenuLinks').hide();
		$(popCase).show();
		$('#popMenu').show();
		formatList(popCase);		
		if(srcTechMenu){
			$('a#popTechMenu-toggle').find("img").attr("src",srcTechMenu);	
		}			
		newSrc = $(this).find("img").attr("src").replace("_on.gif#hover","_click.gif");		
		$(this).find("img").attr("src",newSrc);		
		return false;
	});			
	$('a#popMenu-close').click(function() {
		closePopUpLayer();
	});
	function closePopUpLayer(){
		if(srcProdMenu){			
			$('a#popProdMenu-toggle').find("img").attr("src",srcProdMenu);	
		}
		if(srcTechMenu){			
			$('a#popTechMenu-toggle').find("img").attr("src",srcTechMenu);	
		}		
		$('#popMenu').hide();
		return false;
	}	
	function formatList(popCase){
		var tempBreakPoint = Math.round($(popCase).find('li').length / 3);	
		var tempRemainder = $(popCase).find('li').length % 3;			
		if(tempRemainder === 1){
			tempBreakPoint = tempBreakPoint + 1;
		}
		var totalLineHeight = 0;
		var highestColumn = 0;									
		for(var listloop=0; listloop < ($(popCase).find('li').length);listloop++){	
			if (listloop < tempBreakPoint){				
				totalLineHeight = totalLineHeight + $(popCase).find('li').eq(listloop).height();									
				$(popCase).find('li').eq(listloop).addClass("column1");
			}else if (listloop >= tempBreakPoint && listloop < (tempBreakPoint*2)){
				$(popCase).find('li').eq(listloop).addClass("column2");
				if(listloop === tempBreakPoint){											
					$(popCase).find('li').eq(listloop).css("marginTop",-totalLineHeight);
					if(highestColumn < totalLineHeight){
						highestColumn = totalLineHeight;
					}
					totalLineHeight = 0;
				};				
				totalLineHeight = totalLineHeight + $(popCase).find('li').eq(listloop).height();
			}else if (listloop >= tempBreakPoint*2){
				$(popCase).find('li').eq(listloop).addClass("column3");
				if(listloop === tempBreakPoint*2){
					$(popCase).find('li').eq(listloop).css("marginTop",-totalLineHeight);
					if(highestColumn < totalLineHeight){
						highestColumn = totalLineHeight;
					}
				};
			}										
		}
		$(popCase).css("height",highestColumn);
	};		
});