//by cm.ivan
//time:2011.9.20
//for nav

 //容错模式
window.onerror = CMerror;
function CMerror(_message,_url,_line) {
	 return true;
}

var flynavCH = 183;
var IEAdd = 20;

  var Sys = {}; 
  var ua = navigator.userAgent.toLowerCase(); 
  if (window.ActiveXObject) 
	  Sys.ie = ua.match(/msie ([\d.]+)/)[1] 
  else if (document.getBoxObjectFor) 
	  Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1] 
  else if (window.MessageEvent && !document.getBoxObjectFor) 
	  Sys.chrome = ua.match(/chrome\/([\d.]+)/)[1] 
  else if (window.opera) 
	  Sys.opera = ua.match(/opera.([\d.]+)/)[1] 
  else if (window.openDatabase) 
	  Sys.safari = ua.match(/version\/([\d.]+)/)[1]; 
	  
  //以下进行测试 
  if(Sys.ie){
	  flynavIE = flynavCH + IEAdd;
  }else if(Sys.firefox) {
	  flynavIE = flynavCH;
  }else if(Sys.chrome) {
	  flynavIE = flynavCH;
  }else if(Sys.opera) {
	  flynavIE = flynavCH;
  }else if(Sys.safari) {
	  flynavIE = flynavCH;
  }else{
	  flynavIE = flynavCH;
  }


function flynav(navkey){
	var navLi = "#main-nav li."+navkey;
	var navLink = "#"+navkey+"-nav-link";
	var navDropDown = "#main-nav-"+navkey;
	var navSpan = ".overbg";
	var navDropLi = "#main-nav-"+navkey+" li";
	
	var spanMarginReset = '24px';
	var spanMarginActive = '-43px';
	var easingTimeVer = 200;
	var easingTimeHor = 100;
	
	//定高度
	var navSize = $(navLi).find("ul").find("li").size();
	var navheight = navSize*28+5;
	
	//获取当前位置
	var awidth  = $(navLink).width();
	var apleft  = $(navLink).css("padding-left");
	var apright = $(navLink).css("padding-right");
	$(navLi).find(navSpan).width(parseInt(awidth)+parseInt(apleft)+parseInt(apright));

	var Sleft = parseInt($(navLi).prev().find(".overbg").css("left"));
	var Swidth = parseInt($(navLi).prev().find(navSpan).width());
	if(Sleft>=0){
	   $(navLi).find(navSpan).css({"left":Swidth+Sleft});
	   $(navLi).find("ul").css({"left":Swidth+Sleft-2});
	}else{
	   $(navLi).find(navSpan).css({"left":Sleft});
	   $(navLi).find("ul").css({"left":Sleft-2});
	}

	
	//Hover navLi
	$(navLi)
	.mouseenter(function(){
		$(navDropDown)
		.stop()
		.show()
		.animate({height:navheight+'px'}, {duration:easingTimeVer, easing: 'easeInOutSine'});

		$(this).find(navSpan)
		.stop()
		.css({"display":"block"})
		.animate({height: 66, top: 0}, {duration:easingTimeVer, easing: 'easeInOutSine'})
		.css({"overflow":"visible"});

		$(navLink)
		.css({"color":"#000"});
	})
	.mouseleave(function(){
		$(navLink)
		.css({"color":"#fff"});
		
		$(navDropDown)
		.stop()
		.hide()
		.css({"height":"0px"});

		$(this).find(navSpan)
		.stop()
		.hide()
		.css({"height":"0px"})
		.css({"top":"66px"});
	});	
	
	//Hover navDropLi
	$(navDropLi)
	.mouseenter(function() {
		$(this)
		.children("span.hover")
		.animate({width: flynavIE }, {duration:easingTimeHor, easing: 'easeInOutSine'})
		.parent()
		.css({"color":"#000","overflow":"visible"});
	})
	.mouseleave(function() {
		$(this)
		.children("span.hover")
		.animate({width: '0px'}, {duration:easingTimeHor, easing: 'easeInOutSine'})
		.parent()
		.css({"color":"#999"});
	});
	
}


//<><><><><><><><><><><><>
function flysubnav(){
	$("ul.subnav li")
	.mouseenter(function() {
		$(this)
		.children("span.hover")
		.animate({width: flynavIE }, {duration:easingTimeHor, easing: 'easeInOutSine'})
		.parent()
		.css({"color":"#000"});
	})
	.mouseleave(function() {
		$(this)
		.children("span.hover")
		.animate({width: '0px'}, {duration:easingTimeHor, easing: 'easeInOutSine'})
		.parent()
		.css({"color":"#999999"});
	});
}


//<><><><><><><><><><><><>
$(function(){
   $("a").attr("hidefocus",true);
   $("ul.subnav").parent().append("<span></span>");
   $("ul.orgnav li span").click(function() { //When trigger is clicked...
	  $(this).parent().find("ul.subnav").slideDown({duration: 250, easing: 'easeInOutSine'});
	  $(this).parent().hover(function() {
	  }, function(){	
		  $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
	  });
	  }).hover(function() { 
		  $(this).addClass("subhover"); //On hover over, add class "subhover"
	  }, function(){	//On Hover Out
		  $(this).removeClass("subhover"); //On hover out, remove class "subhover"
   });

//<><><>初始化<><><>
   flynav("about");
   flynav("service");
   flynav("design");
   //flynav("blog");
   //flynav("brand");
   //flynav("flyidea");
   flysubnav();
});