// JavaScript Document
/************************
纵向选卡切换
-------------------------
css:
	.tabA{ width:300px; border:1px solid #d1d1d1; margin:20px; text-align:left}
	.tabA ul{ list-style-type:none; width:100px; position:relative; top:-1px; background:url(images/js/tab_a_bg.gif) repeat-y; float:left}
	.tabA ul li{ border-top:1px solid #dedfdf; border-right:1px solid #dedfdf; line-height:30px; padding-left:20px; cursor:pointer}
	.tabA ul li.ta_active{ background:#ffffff; border-right:0px;}
	.dis_tabA_1{ border:1px solid #CC6600; width:150px; height:80px; position:relative; left:10px; float:left}
	.dis_ta_noml{ display:none}
html:
	<div class="tabA">
		<ul id="tabA_1">
			<li id="tabA_1_li_1" class="ta_active">asdsads</li>
			<li id="tabA_1_li_2" class="ta_noml">asdsads</li>
			<li id="tabA_1_li_3" class="ta_noml">asdsads</li>
		</ul>
		<div id="dis_tabA_1">
			<div id="dis_tabA_1_li_1" class="dis_ta_active">sadsdsds</div>
			<div id="dis_tabA_1_li_2" class="dis_ta_noml">zzzzzzzzzzzzzz</div>
			<div id="dis_tabA_1_li_3" class="dis_ta_noml">bbbbbbbbbbbbb</div>
		</div>
		<div style="clear:both"></div>
	</div>
*************************/
function tabA(){
	$(".tabA ul li").mouseover(function(){
		_class = $(this).attr("class");
		_id = $(this).attr("id");
		uId = _id.substring(6,0);
		
		if(_class != "ta_active"){
			tabId = $(this).attr("id");
			_uId = "ul#"+uId+" li";
			$(_uId).attr("class","ta_noml");
			_tuId = "#dis_"+uId+" div";
			$(_tuId).attr("class","dis_ta_noml");
			$("#"+tabId).attr("class","ta_active");
			$("#dis_"+tabId).attr("class","dis_ta_active");
		}
	})
}

/************************
纵向选卡切换
-------------------------
************************/
function tabB(){
	$(".tabB ul li").click(function(){
		_class = $(this).attr("class");
		_id = $(this).attr("id");
		uId = _id.substring(6,0);
		
		if(_class != "tb_active"){
			tabId = $(this).attr("id");
			_uId = "ul#"+uId+" li";
			$(_uId).attr("class","tb_noml");
			_tuId = "#dis_"+uId+" div.TBD";
			$(_tuId).attr("class","TBD dis_tb_noml");
			$("#"+tabId).attr("class","tb_active");
			$("#dis_"+tabId).attr("class","TBD dis_tb_active");
		}
	})
}

function tabC(){
	$(".tabC ul li").click(function(){
		_class = $(this).attr("class");
		_id = $(this).attr("id");
		uId = _id.substring(6,0);
		
		if(_class != "tc_active"){
			tabId = $(this).attr("id");
			_uId = "ul#"+uId+" li";
			$(_uId).attr("class","tc_noml");
			_tuId = "#dis_"+uId+" div.TCD";
			
			$(_tuId).attr("class","TCD dis_tc_noml");
			$("#"+tabId).attr("class","tc_active");
			$("#dis_"+tabId).attr("class","TCD dis_tc_active");
		}
	})
}

/************************
纵向选卡切换
-------------------------
************************/
function odi(){
	$(".sad_one").click(function(){
		sum = $(".sad_one").length;	
		endId = "SDA_"+sum;
		id = $(this).attr("id");
		$(".sad_one").css({"border":"1px solid #FFF","backgroundColor":"#FFF"});
		$("#"+id).css({"border":"1px solid #ffe178","backgroundColor":"#fdf0c3"});
		ca = "#"+id+" .rad";
		$(ca).attr("checked","true");
		if(endId == id){
			$("#fill_ad").fadeIn();
		}else{
			$("#fill_ad").fadeOut();
		}
	})	
}

/************************
产品分类展示菜单
-------------------------
css:
	#menuProducts{ width:199px}
	#mpHeader{ background:url(../images/js/menu_top.gif) no-repeat; width:199px; height:40px}
	#menuProducts #pMenu{ list-style-type:none; width:199px}
	#menuProducts #pMenu li{ width:199px; height:28px; line-height:28px; text-align:center; background:url(../images/js/menu_mid.gif) no-repeat; color:#693501}
	#menuProducts #pMenu li p{ width:197px; text-align:center; font-size:14px; font-family:"微软雅黑"}
	.mOver{ color:#FFFFFF; background-color:#5a3616}
	.pmDis{ display:none; width:460px; height:340px; border:3px solid #5a3616; background-color:#FFFFFF; position:absolute; top:40px; left:180px}
	.mp_classify{ float:left; width:300px; height:340px}
	.mp_recommend{ float:left; width:160px; height:340px; background:url(../images/js/mpDis_cut.gif) repeat-y}
	#mpFooter{ background:url(../images/js/menu_bottom.gif) no-repeat; width:199px; height:12px}
html:
	<div id="menuProducts">
		<div id="mpHeader"></div>
		<ul id="pMenu">
			<li>
				<div class="pmDis">
					<div class="mp_classify"></div>
					<div class="mp_recommend"></div>
				</div>
				<p>装潢111</p>
			</li>
			<li>
				<div class="pmDis">
					<div class="mp_classify"></div>
					<div class="mp_recommend"></div>
				</div>
			<p>装潢222</p>
			</li>
			<li>
				<div class="pmDis">
					<div class="mp_classify"></div>
					<div class="mp_recommend"></div>
				</div>
			<p>装潢3333</p>
			</li>
		</ul>
		<div id="mpFooter"></div>
	</div>
*************************/
function menuProducts(){
	$("ul#pMenu li").hover(function(){
		$(this).find("p").addClass("mOver");
		$(this).find("div[class=pmDis1]").show();
		var id = $(this).attr("id");
		$("."+"mp_recommend").each(function(i){
			$(this).html("<p>品牌</p>" + $("#"+"brand" + id)[0].innerHTML);
		});
		
	},function(){
		$(this).find("p").removeClass("mOver");
		$(this).find("div[class=pmDis1]").hide();
	});
	
	$("div[id][class='cla_wei']").mouseover(function(){
		var id = $(this).attr("id");
		$("."+"mp_recommend").each(function(i){
			$(this).html("<p>品牌</p>" + $("#"+"brand" + id)[0].innerHTML);
		});
	});
}

function vote(uri,way){
	
	var oRequest = new AjaxRequest();
	var sUrl = uri + "vote.htm";
	
	var sendValue = "way=" + way;//参数
	oRequest.setSuccess(function () {
		var oTxt = eval("(" + oRequest.getRequest().responseText + ")");
		var isSuccess = oTxt.isSuccess;
		if (isSuccess) {
			alert("谢谢您的参与");
		} else {
			alert("您已经投过票了，感谢您的参与");
		}
	});
	oRequest.doPost(sUrl, sendValue);
	
}