$(function(){
	$("#nav li[class!=line]").mouseover(function(){
		$(this).addClass("hover").siblings("li").removeClass("hover");
		
		$("#subnav ul:eq("+$("#nav li[class!=line]").index($(this))+")").show().siblings("ul").hide();
	});
	$(".listC td").click(function(){
		$(this).addClass("cur").siblings("td").removeClass("cur");
	});
	$(".listC .arrleft").click(function(){
		$('#Marquee').stop().animate({scrollLeft:'-=87px'},'normal');
	});
	$(".listC .arrright").click(function(){
		$('#Marquee').stop().animate({scrollLeft:'+=87px'},'normal');
	});
	initNav();
});

function initNav(){
	var tag = $(document.body).attr("id");
	if(tag != "undefined"){
		var s = tag.split("-");
		var l1 = "#"+s[0];
		var l2 = "#"+s[1];
		$(l1).addClass("hover").siblings("li").removeClass("hover");
		$("#subnav ul:eq("+$("#nav li[class!=line]").index($(l1))+")").show().siblings("ul").hide();
		if(l2 != "none"){
			$(l2).addClass("cur");
		}
	}
}



function $id() {
return document.getElementById(arguments[0]);
}
//ȡ���ⲿclass������ֵ
function getCurrentStyle(o) {
return o.currentStyle||document.defaultView.getComputedStyle(o,null);
}
var SetAllSelects = {
Offset:function(e) {
var t = e.offsetTop;
var l = e.offsetLeft;
var w = e.offsetWidth;
var h = e.offsetHeight;
while(e = e.offsetParent) { t += e.offsetTop; l += e.offsetLeft; }
return {top:t, left:l, width:w, height:h};
},
setCreated:function(obj,status) { //��������
obj.setAttribute("childCreated",status);
},
getCreated:function(obj) { //��ȡ����
var status = obj.getAttribute("childCreated");
if(status == null) { status = ""; }
return status;
},
setSelectStyle:function(obj,idnum,showHeight) {
if(obj.id == null || obj.id == "") { obj.id = "selectID_"+idnum; }
var offset = this.Offset(obj);
obj.style.visibility = "hidden";
var mainDiv = document.createElement("div");
var iDiv = document.createElement("div");
var js_select_;
var _this = this;
iDiv.className = "iDiv";
iDiv.id = js_select_+obj.id;
iDiv.style.width = offset.width + "px";
iDiv.style.top = offset.top + "px";
iDiv.style.left = offset.left + "px";
this.setCreated(iDiv,"");
mainDiv.appendChild(iDiv);
var tValue = obj.options[obj.selectedIndex].innerHTML;
iDiv.innerHTML = tValue;
iDiv.onclick = function() {
var created = _this.getCreated(this);
if (created != "") {
if (created == "open") {
this.nextSibling.style.display = "none";
_this.setCreated(this,"close");
}
else {
_this.setCreated(this,"open");
var arrLiObj = this.nextSibling.getElementsByTagName("li");
var selOjbIndex = 0;
for(var i=0;i<arrLiObj.length;i++) {
var status = arrLiObj[i].getAttribute("liSelected");
if(status == null) { status = ""; }
if(status == "selected") { selOjbIndex = i; break; }
}
arrLiObj[selOjbIndex].style.background = "#fff";
arrLiObj[selOjbIndex].style.color = "#666";
this.nextSibling.style.display = "block";
}
}
else {
_this.setCreated(this,"open");
var cDiv = document.createElement("div");
cDiv.className = "cDiv";
cDiv.style.width = offset.width + "px";
cDiv.style.height = obj.options.length * 20 + "px";
if(parseInt(cDiv.style.height)>showHeight) {
cDiv.style.height = showHeight + "px";
}
cDiv.style.top = (offset.top+parseInt(getCurrentStyle(this).height)+1) + "px";
cDiv.style.left = offset.left + "px";
cDiv.onselectstart = function() {return false;};
var uUl = document.createElement("ul");
cDiv.appendChild(uUl);
mainDiv.appendChild(cDiv);
for (var i=0;i<obj.options.length;i++) {
var lLi = document.createElement("li");
lLi.id = obj.options[i].value;
lLi.innerHTML = obj.options[i].innerHTML;
lLi.sValue = obj.options[i].value;
uUl.appendChild(lLi);
}
var liObj = uUl.getElementsByTagName("li");
if(liObj.length>0) {
for (var j=0;j<obj.options.length;j++) {
liObj[j].onmouseover = function() {
var arrLiObj = this.parentNode.getElementsByTagName("li");
for(var i=0;i<arrLiObj.length;i++) {
var status = "";
var _background = "#ccc";
var _color = "#fff";
if(arrLiObj[i] != this) {
_background = "#fff";
_color = "#666";
status = "selected";
}
arrLiObj[i].style.background = _background;
arrLiObj[i].style.color = _color;
arrLiObj[i].setAttribute("liSelected",status);
}
}
liObj[j].onclick = function() {
obj.options.length = 0;
obj.options[0] = new Option(this.innerHTML,this.sValue);
this.parentNode.parentNode.style.display = "none";
_this.setCreated(this.parentNode.parentNode.previousSibling,"close");
iDiv.innerHTML = this.innerHTML;
};
liObj[0].style.background = "#ccc";
liObj[0].style.color = "#fff";
liObj[0].setAttribute("liSelected","selected");
}
}
}
}
document.body.appendChild(mainDiv);
},
setAllSelectStyle:function() {
var s = document.getElementsByTagName("select");
for (var i=0; i<s.length; i++) {
if(s[i].className == "select") {
this.setSelectStyle(s[i],i,200);
}
}
}
}
document.onclick = function(e) {
e = e || window.event;
var target = e.target || event.srcElement;
var s = document.getElementsByTagName("select");
var js_select_;
for (var i=0; i<s.length; i++) {

if(s[i].className == "select") {
var objdivtmp = $id(js_select_+s[i].id);
var created = SetAllSelects.getCreated(objdivtmp);
if (created == "open") {
if(target != objdivtmp) {
objdivtmp.nextSibling.style.display = "none";
SetAllSelects.setCreated(objdivtmp,"close");
}
}
}
}
}
window.onload = function() {
SetAllSelects.setAllSelectStyle();
}

//热销产品轮换
$(function(){//网页载入时
	var widthFlag=$("#hotList").parent().width();
	$("#Marquee td:first").addClass("cur");
		  $("#Marquee td").bind("click",function(){
					var Num = $(this).prevAll().length
					var Vlue ="-" + Num*widthFlag + "px"
					$("#hotList").animate({left:Vlue}, {queue: false, duration:"slow" });
                }); 
		   
    })


//详情导航TAB
$(function(){//网页载入时
		  $("#navTabs ~ div").hide();
		  var Tabs = $("#navTabs .cur").prevAll().length + 1;
		  $("#Box" + Tabs).show()
		  $("#navTabs li").bind("click",function(){
					$("#navTabs li").removeClass();
					$(this).addClass("cur");
					var Link = $(this).children("a").attr("rel");
					//alert(Link);
					$("#navTabs ~ div").hide();
					$(Link).show();
                }) 
			
		   
		   
    })

//TD鼠标经停变色
$(function(){//网页载入时
		  $(".tableD td").bind("mouseover",function(){
					$(this).parent().find("td").attr("style","background-color:#fdffc2")
                })
		  
		  $(".tableD td").bind("mouseout",function(){
					$(this).parent().find("td").removeAttr("style")
                }) 
			
		   
		   
    })