var menuHighlight = {};
menuHighlight.exec = function(){
    if (l.indexOf('solutions') > -1) {
        $('#menu .solutions a').addClass('active');
        return $('#menu').data("normal", "solutions");
    }
    if (l.indexOf('products') > -1) {
        $('#menu .products a').addClass('active');
        return $('#menu').data("normal", "products");
    }
    if (l.indexOf('services') > -1) {
        $('#menu .services a').addClass('active');
        return $('#menu').data("normal", "services");
    }
    if (l.indexOf('about-huawei') > -1) {
        $('#menu .about-huawei a').addClass('active');
        return $('#menu').data("normal", "about-huawei");
    }
};
var mouse_events = {};

$(document).ready(function(){
	//$('.text.png').children().attr('class','IE6png');
	//$('.text.png').children().children().attr('class','IE6png');
	//mouse_events;
	if(!iPx()){
		mouse_events.mouse_over();
		mouse_events.mouse_out();
	}
});

var timeout;
mouse_events.mouse_over = function(){
	$("#menu li").mouseover(function(){
		//onmouseover&#26102;&#38388;
		dateIn = new Date();
		timeIn = dateIn.getTime();
		timeOut = 0;
		flag = true;	

		var p = this.className;
		timeout = setTimeout(function(){mouse_events.aShow(p)}, 100);
	});
};


mouse_events.mouse_out = function(){
	$("#menu li").mouseout(function(){
		dateOut = new Date();
		timeOut = dateOut.getTime();
		timeIn = 0;
		flag = false;	
		
		if (divShow_flag != true) {
			$("#menu li a").removeClass('hover');
		}
		//alert("sdf");
		clearTimeout(timeout);
		clearTimeout(time_temp);
	});
};

mouse_events.aShow = function(classname){

	$('#menu .'+classname+' a').addClass('hover');	
};

var dateOut;
var timeOut;
var dateIn
var timeIn;
var flag = false;
var divShow_flag = false;
var $target;
var target;
var css;
var time_temp;

function showDiv() {

	if (flag = true && timeIn > 0) {

		$target = menuPopup.obj.css(css).find('.' + target).show();
	}

	flag = false;
}
var menuPopup = {};
menuPopup.timer = false;
menuPopup.ini = function(){
    menuPopup.obj = $('#menu-popup');
    
    $('#menu li a').hover(function(){
    
        menuPopup.stop();
        $('#menu li a').removeClass('active');
        $('#menu li a').removeClass('hover');
        menuPopup.obj.find('.popup').hide();
        target = this.parentNode.className;
        
        var position = $(this).offset();
        var shadowOffset = 2;
        if ($.browser.msie && parseInt($.browser.version) == 6) 
            shadowOffset = 0;
       	css = {
            top: position.top + 30,
            left: $('#menu li a').eq(0).offset().left - shadowOffset
        };

        if(iPx()){
        
        	var $target = menuPopup.obj.css(css).find('.' + target).show();
         					
			if ($target.length > 0) 
			$(this).addClass('hover');
			
		}else{
			if (flag = true) {
				time_temp = setTimeout(showDiv, 500);		
			}
		}
        if ($(this).parent().attr('class') != $('#menu').data("normal")) {
            menuHighlight.exec();
        }
        
    }, menuPopup.hide);
    
    menuPopup.obj.hover(menuPopup.stop, menuPopup.hide);
    
};
menuPopup.stop = function(){
	divShow_flag = true;

    if (menuPopup.timer) 
        clearTimeout(menuPopup.timer);
}
menuPopup.hide = function(){
    menuPopup.stop();
    menuPopup.timer = setTimeout(function(){
        menuPopup.obj.css('top', '-1000px');
        $('#menu a').removeClass('hover');
        menuHighlight.exec();
    }, 10);
}

function iPx(){
    if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) 
        return true;
    return false;
}

