var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
$(function() {	
	$('#menu_items').find('a').hover(function(e){
		$('#submenu').hide();
		var item = '';
		
		var coords = $(this).offset();
		if(IE6)
			var posX = parseInt(coords.left - (($('body').width() - $('#header').width())/2) + 10);		
		else
			var posX = parseInt(coords.left+$(this).width()/2-50);	
		
		var menuid = $(this).parent().attr('id');
		
		
		if(menuData[menuid]['class']) posX -= 400;
		item += '<div class="menu_tip '+menuData[menuid]['class']+'" style="top:120px;left:'+posX+'px">';
		//item += '<div class="menu_tip '+menuData[menuid]['class']+'" style="margin:40px 0 0 '+posX+'px;">';
		item += '<div class="menu_tip_top"></div>';
		item += '<div class="menu_tip_inner">';
		item += '<div class="menu_tip_sidebar">'
		item += '<h2>'+menuData[menuid]['header']+'</h2>';
		item += '<ul>';
		var c = '';
		for(var i=0;i<menuData[menuid]['items'].length;i++){
			c = '';
			if((i+1)==menuData[menuid]['items'].length)	c = 'class="last"';
			item += '<li '+c+'><a href="'+menuData[menuid]['items'][i]['href']+'">'+menuData[menuid]['items'][i]['name']+'</a></li>';
		}
		item += '</ul>';
		item += '</div>';
		item += '<div class="menu_tip_content">'
		item += menuData[menuid]['content']
		item += '</div>';
		item += '</div>';
		item += '<div class="menu_tip_end"></div>';
		item += '</div>';
	
		$('#submenu').html(item);
		$('#submenu').show();
		
		$('#menu_items').find('a').removeClass('selected');
		$(this).addClass('selected');
	},function(){	
	})
	
	$('#submenu').hover(function(e){
	}, function(e){
		$('#submenu').hide();
		$('#menu_items').find('a').removeClass('selected');
	})
	$('#header').hover(function(e){
		$('#submenu').hide();
		$('#menu_items').find('a').removeClass('selected');
	}, function(e){
		
	})
	
	
	$('.small').click(function(){
		$('.fnt').removeClass('current');
		$(this).addClass('current');
		$('body').css('font-size', '62.5%');
	})
	$('.medium').click(function(){
		$('.fnt').removeClass('current');
		$(this).addClass('current');	
		$('body').css('font-size', '77%');
	})
	$('.large').click(function(){
		$('.fnt').removeClass('current');
		$(this).addClass('current');	
		$('body').css('font-size', '90%');
	})
})