﻿/**
 * SkiyoTabs for jQuery
 *
 * @auth Jessica
 * @link http://demo.skiyo.cn/skiyotabs/
 *
 */
(function($) {
	
	$.fn.SkiyoTabs = function(options) {
		var opts = $.extend({}, $.fn.SkiyoTabs.defaults, options);
		return this.each(function() {
			var target = $(this);
			var div = target.find('div');  //所有的div
			var tabs = target.find('li');  //tabs
			var hrefs= $(opts.tabName).find("ul");
			var flag = false;
			now = new Date().valueOf();
			function Tabs() {
				if(flag) { //第一次必须执行
					if(new Date().valueOf() - now < 300) {  //阻止快速事件
						return false;
					}
				} else {
					select(div, $(this), opts.firstOn);
					flag = true;
					return false;
				}

				if($(this).hasClass(opts.className)) {  //如果当前被击中就终止
					return false;
				}
				select(div, $(this));
				now = new Date().valueOf();
				return false;  //防止url出现#
			}

			function select(div, li, index) {
				div.hide();
				if(typeof(index) == "number") {
					var href = li.find("a").attr("rev");
					//ajax(div, li);  //
					$(div[index]).fadeIn(opts.fadeIn);
					tabs.removeClass(opts.className);
					$(hrefs).removeClass('block');
					$(href).addClass('block');
					$(tabs[index]).addClass(opts.className);
					
					
				} else {
					var tab = div.filter(li.find("a").attr("href"));
					var href = li.find("a").attr("rev");
					//ajax(div, li);//
					tab.fadeIn(opts.fadeIn);
					tabs.removeClass(opts.className);
					$(hrefs).removeClass('block');
					li.addClass(opts.className);
					$(href).addClass('block');
					$(hrefs).addClass('none');
					
				}
			}

			function ajax(div, li) {
				var href = li.find("a").attr("href");
				var rel = li.find("a").attr("rel");  //ajax请求url
				var i = div.filter(href);          //当前div
				if(rel) {                          //如果ajax请求url不为空
					i.html(opts.loadName);
					$.ajax({
						url: rel,
						cache: false,
						success: function(html) {
							i.html(html);
						},
						error:function() {
							i.html('error');
						}
						
						
					});
					li.find("a").removeAttr("rel");  //第二次不再ajax
				}
			}
			//绑定并触发事件
			tabs.bind(opts.eventName == 'all' ? 'click mouseover' : opts.eventName, Tabs).filter(':first').trigger(opts.eventName == 'all' ? 'click' : opts.eventName);
		});
	};
	$.fn.SkiyoTabs.defaults = {
		firstOn : 0,
		className: '',
		eventName: 'all',  //可以为click mouserover all
		loadName: 'loading...', //ajax等待字符串
		tabName:'tabname',
		fadeIn: 'slow'
	};
})(jQuery);

$(function(){
       
    var span = '<span></span>';
	$('.menu li a').wrapInner(span);
	$('.menu_content ul:gt(0)').hide();
	
	var menu_li = $('.menu li');
	
	$('.menu li').mouseover(function(){
		$(this).addClass('selected')
			   .siblings().removeClass('selected');
		
		var index = menu_li.index(this);
		$('.menu_content ul').eq(index).show()
							 .siblings().hide();
		
		return false;
	});
	$('.nav_b li').click(function(){						  
		$(this).addClass('lni')
			   .siblings().removeClass('lni');  //导航区
	});
	$('#tab1').SkiyoTabs({
			firstOn : 0,         //默认选中的tab索引 从0开始
			className:'box_pacb',  //被选中时候li的样式.可以参看上面的样式 默认为selected
			eventName:'mouseover',   //点击切换
			tabName:'.box_pada',  //要切换内容的范围/区域 
			fadeIn: 'slow'     
	});
	$('#tab2').SkiyoTabs({
			firstOn:0,
			className:'nli',
			eventName:'mouseover',
			tabName:'#tab2con', //加#表示ID,加.表示class
			fadeIn:'slow'
						 });
	$('#tab3').SkiyoTabs({
			firstOn:0,
			className:'nli',
			eventName:'mouseover',
			tabName:'#tab3con', //加#表示ID,加.表示class
			fadeIn:'slow'
							});
	$('#tab4').SkiyoTabs({
			firstOn:0,
			className:'nli',
			eventName:'mouseover',
			tabName:'#tab4con', //加#表示ID,加.表示class
			fadeIn:'slow'			 
			
						 });
	$('#tab5').SkiyoTabs({
			firstOn:0,
			className:'lina',
			eventName:'mouseover',
			tabName:'#tab5con',
			fadeIn:'normal'
						 });
	$('#tab6').SkiyoTabs({
			firstOn:0,
			className:'lina',
			eventName:'mouseover',
			tabName:'#tab6con',
			fadeIn:'normal'
						 });
//	$.get("list.php", {category:'province'},
//    function(data) {
//      $('#province').html(data);
//  });
     $('#brand_country').change(function(){
				var country = $(this).val();
				$.get('brand.php',{category:'countrys',areaid:country},function(data){
						$('#brand_province').html(data);									
				});
				$('#brand_city').empty();
				$('#brand_city').html("<option value=''>请选择</option>");
	});
	$('#brand_province').change(function() {
	  var province = $(this).val();
	  $.get("brand.php", {category:'city', areaid:province}, function(data) {
	    $('#brand_city').html(data);
	  });
	});
	
	var speed = 600;//动画速度
	$("#clickcity").click(function(event){//绑定事件处理
		event.stopPropagation();
		var offset = $(event.target).offset();//取消事件冒泡
		$("#city").css({ top:offset.top + $(event.target).height() + "px", left:offset.left });//设置弹出层位置
		$("#city").load('city.php');
		$("#city").show(speed);//动画显示
		
	});
	$(document).click(function(event) { 
					$("#city").hide(speed);
					$("#city").html("&nbsp;");
					});//单击空白区域隐藏
	$("#city a").click(function(event) { 
					$("#city").hide(speed);
					$("#city").html("&nbsp;");
					});//单击弹出层则自身隐藏
	
});
var guestlogin ="<li>用户名：</li><li><input type=\"text\" class=\"ye_text_aa\" /></li><li>&nbsp;密码：</li><li<input type=\"text\" class=\"ye_text_aa\" /></li><li>&nbsp;&nbsp;<a href=\"#\">注册</a>&nbsp;&nbsp;</li>";
