(function(jQuery){//重写一下JQ的动画，使之支持颜色动画
	jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){
		jQuery.fx.step[attr] = function(fx){
			if ( fx.state == 0 ) {
				fx.start = getColor( fx.elem, attr );
				fx.end = getRGB( fx.end );
			}
try{
			fx.elem.style[attr] = "rgb(" + [
				Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),
				Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),
				Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)
			].join(",") + ")";
}catch(e){}
		}
	});
	function getRGB(color) {
		var result;
		if ( color && color.constructor == Array && color.length == 3 )
			return color;
		if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
			return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])];
		if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
			return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55];

		if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
			return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)];

		if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
			return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)];

		return colors[jQuery.trim(color).toLowerCase()];
	}
	function getColor(elem, attr) {
		var color;

		do {
			color = jQuery.curCSS(elem, attr);

			if ( color != '' && color != 'transparent' || jQuery.nodeName(elem, "body") )
				break; 

			attr = "backgroundColor";
		} while ( elem = elem.parentNode );

		return getRGB(color);
	};
	
	var colors = {
		aqua:[0,255,255],
		azure:[240,255,255],
		beige:[245,245,220],
		black:[0,0,0],
		blue:[0,0,255],
		brown:[165,42,42],
		cyan:[0,255,255],
		darkblue:[0,0,139],
		darkcyan:[0,139,139],
		darkgrey:[169,169,169],
		darkgreen:[0,100,0],
		darkkhaki:[189,183,107],
		darkmagenta:[139,0,139],
		darkolivegreen:[85,107,47],
		darkorange:[255,140,0],
		darkorchid:[153,50,204],
		darkred:[139,0,0],
		darksalmon:[233,150,122],
		darkviolet:[148,0,211],
		fuchsia:[255,0,255],
		gold:[255,215,0],
		green:[0,128,0],
		indigo:[75,0,130],
		khaki:[240,230,140],
		lightblue:[173,216,230],
		lightcyan:[224,255,255],
		lightgreen:[144,238,144],
		lightgrey:[211,211,211],
		lightpink:[255,182,193],
		lightyellow:[255,255,224],
		lime:[0,255,0],
		magenta:[255,0,255],
		maroon:[128,0,0],
		navy:[0,0,128],
		olive:[128,128,0],
		orange:[255,165,0],
		pink:[255,192,203],
		purple:[128,0,128],
		violet:[128,0,128],
		red:[255,0,0],
		silver:[192,192,192],
		white:[255,255,255],
		yellow:[255,255,0]
	};
	
})(jQuery);

var nSpeed=0;
$(function(){   $tabGroup= $("#TabbedPanels1>ul>li,#TabbedPanels2>ul>li");
var  $leftTabGrounp=$("#TabbedPanels1>ul>li");
		$contentGroup=$("#TabbedPanels1>div.TabbedPanelsContentGroup>div,#TabbedPanels2>div.TabbedPanelsContentGroup>div");
		 //$('body').mouseout(outUl);
		 function outUl(e){
			
			  e=e||window.event;
			  var target=e.target||e.srcElement;
			  if(target.id!="ul1"&&target.id!="ul2" &&target.className!='TabbedPanelsTab'&&target.id!='div1'){ if(target.id=='div1')return;
			  if(target.tagName=='body')return;
			  //alert(target.id||target.tagName);
				   var $selectedTab=$("#TabbedPanels1>ul>li.TabbedPanelsTabSelected");
				 
				var $seletedIndex=$leftTabGrounp.index($selectedTab);
				//alert($seletedIndex);
				if($seletedIndex==0){
					move(0);
				}else
				move($selectedTab*44-$selectedTab+1);
				  
			  }
			  
			  
			  }
		$tabGroup.click( function(){$thisIndex=$tabGroup.index(this);

$tabGroup.eq($thisIndex).addClass("TabbedPanelsTabSelected").siblings().removeClass("TabbedPanelsTabSelected");

$contentGroup.eq($thisIndex).fadeIn(900).siblings().hide(); }	   )//end mouseover

		   });//选项卡部分

//选项卡动画部分
var $index=0;
$(function(){
		   var $leftTabGrounp=$("#TabbedPanels1>ul>li");
		  $leftTabGrounp.mouseover(function(){
			 $index= $leftTabGrounp.index(this);
			move($index*44-$index+1);} );//end mouseover


		   $('#ul2 li').click(function(){
									//var $index=$('#ul li').index(this);
									$leftTabGrounp.eq($index).click();
									   
									   })
		   
		   
		   });


function move(nTarget){
	if(isNaN(nTarget))return;
	var oDiv=document.getElementById('div1');	
	window.clearTimeout(oDiv.timer);
	var oUl=document.getElementById('ul2');
	nSpeed+=(nTarget-oDiv.offsetTop)/5;
	if(nSpeed>45)
	nSpeed=45;
	nSpeed*=0.7;
	oDiv.style.top=oDiv.offsetTop+nSpeed+'px';
	oUl.style.top=oUl.offsetTop-nSpeed+'px';
	if(Math.abs(nSpeed)<1&&Math.abs(nTarget-oDiv.offsetTop)<1){
		oDiv.style.top=nTarget+'px';//最终要到达指定的目的
		oUl.style.top=-nTarget+'px';
		}else{
			oDiv.timer=window.setTimeout(function(){move(nTarget)},30)
									   }
	}
//////////////////////////////导航动画部分
 $(function () {
        var $divs = $("#nav li>div");
		var $as=$("#nav .inner");
		if(!$.browser.msie){
			$as.css("color","#f60");
		}
        for (var i = 0; i < $divs.length; i++) {
            var $width = $divs.eq(i).parent().innerWidth();
			//alert($width)
			if(i == 5){//设置最后一个为默认项
			//alert($width);
				 $divs.eq(i).css({ "left":0, width: $width });
				 $as.eq(i).css({ "left": -25,width:$width });
			}else {
			     $divs.eq(i).css({ "left": $width / 2, width: 0 }); //向两则滑出的DIV，先设定左座标是中间，原始大小是0
				 $as.eq(i).css({ "left": -25-$width / 2, width: $width });
	
			}
			
        } //end for
		
		

$("#nav li>a").mouseover(function () {

    for (var i = 0; i < $divs.length; i++) {
        var $width = $divs.eq(i).parent().innerWidth();
        $divs.stop(true).eq(i).css({ "left": $width / 2, width: 0 }); 
        $as.stop(true).eq(i).css({ "left": -25 - $width / 2, width: $width });
    } 
            var currentObj = $(this).prev('div');
			var as=currentObj.children('a');
			
            var currentLeft = parseInt(currentObj.css("left"));//当前的位标是宽度的一半
             currentObj.stop(true,true).animate({ width: currentLeft * 2, left: 0 },600);
			as.animate({left:-25},600);
        }); //mouseover

        } //end function
    );
 
/*
		  document.onmouseout=function(e){
			  e=e||window.event;
			  var target=e.target||e.srcElement;
			  if(target.id!="ul1"&&target.id!="ul2"){
				   var $selectedTab=$("#TabbedPanels1>ul>li.TabbedPanelsTabSelected");
				 
				var $seletedIndex=$leftTabGrounp.index($selectedTab);
				//alert($seletedIndex);
				move($selectedTab*44-$selectedTab+1);
				  
			  }
			  
			  
			  }
			  */

/**登录**注册**/
$(function(){
	$("#login_to").click(function(){
var hei = $(document).height();
var wid = $(document).width();

$("#login_bg").css({
"z-index":"200",
"position":"absolute",
"display":"block",
"width":wid,
"height":hei,
"left":0,
"right":0,
"bottom":0,
"top":0,
"background":"#333",
"opacity":"0.5"
});
if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) { 
$("#login_inner").css({
"z-index":"201",
"position":"absolute",
"display":"block",
"width":"500px",
"height":"300px",
"left":"30%",
"top":"30%",
"background":"#fff",
"color":"#000",
"border":"3px solid #000"
});
$(".searchBar-select").css("display","none");
}else{
$("#login_inner").css({
"z-index":"201",
"position":"fixed",
"display":"block",
"width":"500px",
"height":"300px",
"left":"30%",
"top":"30%",
"background":"#fff",
"color":"#000",
"border":"3px solid #000"
});}

});
$("#close").click(function(){
	if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) {
		$(".searchBar-select").css("display","block");
		$("#login_inner").slideUp("slow",function(){$("#login_bg").css({"display":"none"});
		});
	}else {
	$("#login_inner").slideUp("slow",function(){$("#login_bg").css({"display":"none"});
		});
	}
	});
});

/*
$(function(){
	$("#")
		   
		   
});
/***登录***注册*END**/