$(function(){
    $(document).pngFix();
	var minvalue = 1;
	var maxvalue = 4;
	
	//初始化，绑定过滤器触发事件
	filter.init();

	//版型选择导航
	var Mode_container = $('.sliderGallery','#mode');
    var Mode_ul = $('ul', Mode_container);    
    var Mode_itemsWidth = Mode_ul.innerWidth() - Mode_container.outerWidth();

    $('.slider', Mode_container).slider({
		min: 0,
		max: Mode_itemsWidth,
		handle: '.handle',
		stop: function (event, ui) {
			Mode_ul.animate({'left' : ui.value * -1}, 500);
		},
		slide: function (event, ui) {
			Mode_ul.css('left', ui.value * -1);
		}
	});

	//主题选择导航
	var Subject_container = $('.sliderGallery','#selectcolor');
	var Subject_ul = $('ul', Subject_container);
            
	var Subject_itemsHeight = Subject_ul.innerHeight() - Subject_container.outerHeight();
            
	$('.slider', Subject_container).slider({
		min: 0,
		max: Subject_itemsHeight,
		handle: '.handle',
		stop: function (event, ui) {
			Subject_ul.animate({'top' : ui.value * -1}, 500);
		},
		slide: function (event, ui) {
			Subject_ul.css('top', ui.value * -1);
		}
	});

	//图片大小选择导航
	var Size_container = $(".slider","#picsize");
	$('.slider', '#picsize').slider({
		value:3,
		min: 1,
		max: 4,
		step:1,
		handle: '.handle',
		stop: function (event, ui) {
			$("#F_size").val(ui.value);
			
			//图片大小触发
			filter.change();
		}
	});
	
	/**
	 * 图片大小滑块增加按钮
	 
	$("#up").click(function(){
			
		var left = $(".ui-slider-handle").css("left");
		var nnvalue = $("#nvalue").val();
				
		if( nnvalue < maxvalue ) {
			var move = parseInt(left) + (100-parseInt(left))/(maxvalue-nnvalue);
			$(".ui-slider-handle").css("left",move+"%");
			$("#nvalue").val(parseInt($("#nvalue").val())+1);
			filter.changeImageSize($("#nvalue").val());
		}
	});
	*/
	/**
	 * 图片大小滑块减小按钮
	 
	$("#down").click(function(){
			
		var left = $(".ui-slider-handle").css("left");
		var nnvalue = $("#nvalue").val();
				
		if(nnvalue>minvalue){
			var move = parseInt(left) - parseInt(left)/(nnvalue-minvalue);
			$(".ui-slider-handle").css("left",move+"%");
			$("#nvalue").val($("#nvalue").val()-1);
			filter.changeImageSize($("#nvalue").val());
		}
	});
	*/
			
	//操作拖拽后的数值
	function moveSlider2( e, ui ) 
	{
		//$('#sliderbar').slider( 'moveTo', Math.round(ui.value) );
				
		//alert(Math.round(ui.value));
		$("#output").text("value:"+ui.value);
		$("#output").text($("#output").text()+"left:"+$(".ui-slider-handle").css("left"));
	}
	
	/*
			
	function moveSlider1( e, ui ) {
		ui.css('left', ui.value * -1);
	}
			
	*/
	
	//$("#orderby").sSelect();
	
	/*
	$("#subjectid").click(function(){
		$("#content").children().remove();
		$("#content").append("<p>update ...</p>");
		setTimeout(addfile,10000);
		function addfile(){
			$("#content").children().remove();
			$("#content").append("<dl class=\"boxA\"><dd class=\"img\"><p class=\"sales\"></p><a href=\"#\"><img src=\"images/temp/Tee.jpg\" alt=\"tee\" /></a></dd><dt class=\"name\"><a href=\"#\">产品颜色产品颜产品产品产品产品产品色</a></dt><dd class=\"price\">￥68</dd></dl>");
		}
	});
	*/		

});

/**
 * 产品过滤
 */
var filter = {
	init : function() {
	
		$("a","#category").click(function() {//种类选择触发
			$(this).parent().attr("class","selected");
			$(this).parent().prevAll().removeClass("selected");
			$(this).parent().nextAll().removeClass("selected");
			$("#F_class").val($(this).attr("id"));
			$("#F_id").val('');
			filter.change();
			return false;
		});
		$("a","#mode").click(function() {//版型选择触发
			$(this).parent().attr("class","selected");
			$(this).parent().prevAll().removeClass("selected");
			$(this).parent().nextAll().removeClass("selected");
			$("#F_id").val($(this).attr("id"));
			$("#F_class").val('');
			$("#F_color").val('');
			filter.change();
			return false;
		});
		$("a","#selectcolor").click(function() {//颜色选择触发
			$(this).parent().attr("class","selected");
			$(this).parent().prevAll().removeClass("selected");
			$(this).parent().nextAll().removeClass("selected");
			$("#F_color").val($(this).attr("id"));
			$("#F_id").val('');
			filter.change();
			return false;

		});
		$("a","#selectsubject").click(function() {//主题选择触发
			$(this).parent().attr("class","selected");
			$(this).parent().prevAll().removeClass("selected");
			$(this).parent().nextAll().removeClass("selected");
			$("#F_subject").val($(this).attr("id"));
			filter.change();
			return false;
		});
		$("a","#picclass").click(function() {//图片显示方式触发
			$(this).attr("class","selected");
			$("a",$(this).parent().prevAll()).removeClass("selected");
			$("a",$(this).parent().nextAll()).removeClass("selected");
			$("#F_sales").val($(this).attr("id"));
			filter.change($(this));
			return false;
		});
		$("a","#picmode").click(function() {//图片展示方式触发
			$(this).attr("class","selected");
			$("a",$(this).parent().prevAll()).removeClass("selected");
			$("a",$(this).parent().nextAll()).removeClass("selected");
			$("#F_imageType").val($(this).attr("id"));
			filter.change();
			return false;
		});
		$("#orderlist").change(function() {
			$("#F_order").val($("select option:selected").attr("id"));
			filter.change();
		});
	},
	change : function() {//提取页面数据，更新页面数据
		filter.mask();
		$("#load").show();
		
		var F_class		= $("#F_class").val();
		var F_id		= $("#F_id").val();
		var F_color		= $("#F_color").val();
		var F_subject	= $("#F_subject").val();
		var F_sales		= $("#F_sales").val();
		var F_imageType	= $("#F_imageType").val();
		var F_order		= $("#F_order").val();
		var F_size		= $("#F_size").val();
		
		var href = '/collection/index/index/class/'+F_class+'/id/'+F_id+'/color/'+F_color+'/subject/'+F_subject+'/sales/'+F_sales+'/imageType/'+F_imageType+'/order/'+F_order+'/size/'+F_size;
		$.ajax({
			type: "POST",
			url: href,
			dataType: "html",
			timeout: 20000,
			success: function(data){
				if(data) {
					
					$("#content").replaceWith(data);
					filter.removeMask();
					$("#load").hide();
					$("#pagination a").click(tee.pagination);
					tee.init();
				}
				else {
				    $(".back","#message").click(function() {
			            $("#message").hide();
			            $("#message_bg").hide();
			            $("#message > .content").text('');
			            $(".button").show();
		            });
					filter.removeMask();
					$(".button").hide();
					$("#load").hide();
					$("#message > .content").text('没有相应的产品');
					$("#message_bg").show();
				    $("#message").show();
					if(F_sales != '') {
					    $("#F_sales").val('')
					}
					if(F_sales != '') {
					    $("#F_sales").val('')
					}
					if(F_imageType != '') {
					    $("#F_imageType").val('')
					}
					if(F_imageType != '') {
					    $("#F_order").val('');
					}
					$("#message > .close > a").click(function() {
						$("#message").hide();
						$("#message > .content").text('');
					});
					
				}
			},
			error: function() {
				alert("something wrong");
			}
		});
		return false;
	},
	mask : function() {
		if (typeof document.body.style.maxHeight === "undefined") {
			$("body","html").css({height: "100%", width: "100%"});
			
			if (document.getElementById("HideSelect") === null) {
				$("body").append("<iframe id='HideSelect'></iframe><div id='mask'></div>");
			}
		}else{
			if(document.getElementById("overlay") === null){
				$("body").append("<div id='mask'></div>");
			}
		}
		
		if( tb_detectMacXFF() ) {
			$("#mask").addClass("overlayMacFFBGHack");
		}else{
			$("#mask").addClass("overlayBG");
		}
	},
	removeMask : function() {
		$("#mask").remove();
		$("#window").hide();
		$('#mask,#HideSelect').remove();
		if (typeof document.body.style.maxHeight == "undefined") {//if IE 6
			$("body","html").css({height: "auto", width: "auto"});
			$("html").css("overflow","");
		}
		document.onkeydown = "";
		document.onkeyup = "";
		return false;
	}
}