//输入框获得焦点的时候，提示内容消失

$(".m_label").click(function(){
	$(this).hide();
	$(this).siblings(".m_input").focus();
});
$(".m_input").focus(function(){
	$(this).siblings(".m_label").hide();
});
$(".m_input").blur(function(){
	if($(this).val() == ''){
		$(this).siblings(".m_label").show();
	}
});
$(".m_input").each(function(){
	if($(this).val() != ''){
		$(this).siblings(".m_label").hide();
	}
});



//设为首页
function SetHome(obj,url){
    try{
        obj.style.behavior='url(#default#homepage)';
        obj.setHomePage(url);
    }catch(e){
        if(window.netscape){
            try{
                netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
            }catch(e){
                alert("抱歉，此操作被浏览器拒绝！\n\n请在浏览器地址栏输入“about:config”并回车然后将[signed.applets.codebase_principal_support]设置为'true'");
            }
        }else{
            alert("抱歉，您所使用的浏览器无法完成此操作。\n\n您需要手动将【"+url+"】设置为首页。");
        }
    }
}



//收藏本站
function AddFavorite(title, url) {
    try {
        window.external.addFavorite(url, title);
    }
    catch (e) {
        try {
            window.sidebar.addPanel(title, url, "");
        }
        catch (e) {
            alert("抱歉，您所使用的浏览器无法完成此操作。\n\n加入收藏失败，请使用Ctrl+D进行添加");
        }
    }
}




//banner1 - 多图
function bb1(){
	 var nav_num = '';
	 var obj_li = $(".bb li");
	 var count  = obj_li.length;
	 obj_li.first().css("display","block");
	 obj_li.each(function(){
		 var index = $(this).index() + 1;
		 nav_num += '<li><a href="javascript:void(0)">' + index + '</a></li>'; 
	 });
	$(".banner").append('<ul class="num">' + nav_num + '</ul>');	 
    $(".num li").first().addClass("num_hover");
	$(".num li").hover(function(){
		sw = $(".num li").index(this);
		myShow(sw);
	});
	function myShow(i){
		$(".num li").eq(i).addClass("num_hover").siblings().removeClass("num_hover");
		obj_li.eq(i).stop(true,true).fadeIn(600).siblings("li").fadeOut(600);
	}
	var myTime = 0;
	//滑入停止动画，滑出开始动画
	$(".bb").hover(function(){
		if(myTime){
		   clearInterval(myTime);
		}
	},function(){
		myTime = setInterval(function(){
		myShow(sw);
		sw++;
		if(sw == count){
			sw=0;
		}
		} , 3000);
	});
	//自动开始
	var sw = 0;
	myTime = setInterval(function(){
	   myShow(sw);
	   sw++;
	   if(sw == count){
		   sw=0;
	   }
	} , 2000);	
}



//banner2 - 多图
function bb2(){
	var sWidth = $("#focus").width(); //获取焦点图的宽度（显示面积）
	var len = $("#focus ul li").length; //获取焦点图个数
	var index = 0;
	var picTimer = 0;	
	//以下代码添加数字按钮和按钮后的半透明条，还有上一页、下一页两个按钮
	var btn = "<div class='btnBg'></div><div class='btn'>";
	for(var i=0; i < len; i++) {
		btn += "<span></span>";
	}
	btn += "</div>";
	/*$("#focus").append(btn);
	$("#focus .btnBg").css("opacity",0.5);
	$("#focus .btnBg").css("filter","alpha(opacity=60)");
	//为小按钮添加鼠标滑入事件，以显示相应的内容
	$("#focus .btn span").css("opacity",0.4).mouseenter(function() {
		index = $("#focus .btn span").index(this);
		showPics(index);
	}).eq(0).trigger("mouseenter");*/
	//上一页按钮
	$(".l_btn").click(function() {
		index -= 1;
		if(index == -1) {index = len - 1;}
		showPics(index);
	});
	//下一页按钮
	$(".r_btn").click(function() {
		index += 1;
		if(index == len) {index = 0;}
		showPics(index);
	});
	//本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
	$("#focus ul").css("width",sWidth * (len));	
	//鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
	$("#focus").hover(function() {
		clearInterval(picTimer);
	},function() {
		picTimer = setInterval(function() {
			showPics(index);
			index++;
			if(index == len) {index = 0;}
		},4000); //此4000代表自动播放的间隔，单位：毫秒
	}).trigger("mouseleave");
	
	//显示图片函数，根据接收的index值显示相应的内容
	function showPics(index) { //普通切换
		var nowLeft = -index*sWidth; //根据index值计算ul元素的left值
		$("#focus ul").stop(true,false).animate({"left":nowLeft},300); //通过animate()调整ul元素滚动到计算出的position
		//$("#focus .btn span").stop(true,false).animate({"opacity":"0.4"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); //为当前的按钮切换到选中的效果
	}	
}



//多页签
function tabs(tabs,tab_box,_event) {
	$(tab_box).hide();
	$(tab_box).eq(0).show();
	$(tabs).find('li:eq(0)').addClass('cur'); 
	$(tabs).find("li").bind(_event,function(){
	   $(this).addClass("cur").siblings("li").removeClass("cur"); 
	   var _index = $(this).index();
	   $(tab_box).eq(_index).show().siblings(tab_box).hide();
	});
};


//滚动
function scroll(){
	//产品滚动
	var speed = 30; //数字越大速度越慢
	var tab = document.getElementById("demo");
	var tab1 = document.getElementById("demo1");
	var tab2 = document.getElementById("demo2");
	var liwidth=tab1.getElementsByTagName("li");
	var liwidths=liwidth[0].offsetWidth;
	var length=$("#demo1 li").length;
	var mleft=parseInt($("#demo1 li:eq(0)").css("marginLeft"));
	var mright=parseInt($("#demo1 li:eq(0)").css("marginRight"));
	var totalwidth=(liwidths+mleft+mright)*length*2+300;
	$("#indemo").width(totalwidth);
	tab2.innerHTML = tab1.innerHTML;
	 var derection=1;
$(".l_btn1").click(function(){
derection=1;
});
$(".r_btn1").click(function(){
derection=0;
});
    function Marquee(){
        if(derection){
        if(tab2.offsetWidth - tab.scrollLeft <= 0)
            tab.scrollLeft -= tab1.offsetWidth;
        else{
            tab.scrollLeft++;
        }
    }else{
        if(tab.scrollLeft <= 0)
            tab.scrollLeft += tab1.offsetWidth;
        else{
            tab.scrollLeft--;
        }
    }
    }
    var MyMar = setInterval(Marquee,speed);

	tab.onmouseover = function(){
		clearInterval(MyMar);
	};
	tab.onmouseout = function(){
		MyMar = setInterval(Marquee,speed);
	};
}

//滚动
function scroll2(){
	//产品滚动
	var speed = 30; //数字越大速度越慢
	var tab = document.getElementById("m_demo");
	var tab1 = document.getElementById("m_demo1");
	var tab2 = document.getElementById("m_demo2");
	var liwidth=tab1.getElementsByTagName("li");
	var liwidths=liwidth[0].offsetWidth;
	var length=$("#m_demo1 li").length;
	var mleft=parseInt($("#m_demo1 li:eq(0)").css("marginLeft"));
	var mright=parseInt($("#m_demo1 li:eq(0)").css("marginRight"));
	var totalwidth=(liwidths+mleft+mright)*length*2+300;
	$("#m_indemo").width(totalwidth);
	tab2.innerHTML = tab1.innerHTML;
	function Marquee(){
		if(tab2.offsetWidth - tab.scrollLeft <= 0)
			tab.scrollLeft -= tab1.offsetWidth;
		else{
			tab.scrollLeft++;
		}
	}
	var MyMar = setInterval(Marquee,speed);

	tab.onmouseover = function(){
		clearInterval(MyMar);
	};
	tab.onmouseout = function(){
		MyMar = setInterval(Marquee,speed);
	};
}




