// JavaScript Document
(function($){
$.fn.subMenu = function(setings){
	var options = $.extend({
				id:"subMenuLayout",
				categories:[],
				curType:'',
				templets:''
			 }, setings || {});
	
var jObj = this;
init();

function init(){
	
	options.categories =[ {type:"qygs", subs:[{name:"企业简介", href:"Overview.asp"}, {name:"公司荣誉", href:"Honor.asp"}, {name:"生产环境", href:"Environment.asp"}]},
						  {type:"cpfl", subs:[{name:"产品规格", href:"Specifications.asp"}, {name:"产品分类", href:"products.asp"}]},
						  {type:"fwzx", subs:[{name:"在线订单", href:"Order.asp"}, {name:"客户反馈", href:"Feedback.asp"}, {name:"联系峰泰", href:"Services.asp"}]},
						  {type:"xswl", subs:[{name:"国内销售", href:"sales.asp"}, {name:"国外销售", href:"sales2.asp"}]}];
	
	options.templets='<div id="'+options.id+'" class="subMenu" style="display:none;">'						
						+'<div align="center" class="menuCont">'
						+'</div>'
					+'</div>';
	$('body').append(options.templets);
	
	jObj.each(function(i){
		$(this).bind("mousemove", {"i":i}, onNavRollOver);
		$(this).bind("mouseout", {"i":i}, onNavRollOut);
		$("#"+options.id).bind("mouseout", {"i":i}, onNavRollOut);
	});
};

function templet(cate){
	if(!cate) return;
	var as = '';
	for(var i=0; i<cate.subs.length; i++){
		var sub = cate.subs[i];
		as += '<a href="'+sub.href+'">'+sub.name+'</a>';
	}
	return as;
}
function getTempletByName(type){
	var temp = null;
	for(var i=0; i<options.categories.length; i++){
		var cate = options.categories[i];
		if(cate.type == type){
			temp = templet(cate);			
			break;
		}
	}
	return temp;
};

function onNavRollOver(ev){
	if(this.rel) options.curType = this.rel;
	var temp = getTempletByName(options.curType);
	
	var contBox = $("#"+options.id+" .menuCont");
	contBox.empty();
	
	contBox.append(temp);
	
	var offset = $(this).offset();
	var top = offset.top + $(this).height() +1;
	var left = offset.left;	
	$("#"+options.id+"").show().css("top",top).css("left",left);
};

function onNavRollOut(ev){
	var node = ev.toElement || ev.relatedTarget;
	while (node && node.id != ""+options.id+"" && node.tagName.toLowerCase()!='body') {
		node = node.parentNode;
	}
	if(node && node.id == options.id){
		if(ev.stopPropagation){ev.stopPropagation();}else{ev.cancelBubble=true;}
		if(ev.preventDefault){ev.preventDefault();}else{ev.returnValue=false;}
		return false;
	}
	$("#"+options.id).hide();
};

}})(jQuery);