$(document).ready(function(){
		// whether connect server
		var wait = null;
		var wait_time = 1100;
		// search option
		var option = {
			product_count : ,
			page : ,
			keyword : "",
			brands : "",
			categories : "",
			show_num : ,
			page_num : ,
			price_1 : 0,
			price_2 : 0,
			order_by : "best"
		};
		// Slider
		$('#slider').slider({
			range: true,
			min: option.price_1,
			max: option.price_2,
			values : [option.price_1, option.price_2],
			animate : true,
			slide : function(event, ui) {
				$("#min_price").val($('#slider').slider('option', 'values')[0]);
				$("#max_price").val($('#slider').slider('option', 'values')[1]);
			},
			stop : function(event, ui) {
				init_data();
				clearTimeout(wait);
				option.price_1 = $("#min_price").val();
				option.price_2 = $("#max_price").val();
				wait = setTimeout(get_products,wait_time);
			}
		});
		
		// Brand
		$("input[name='brand[]']").click(function(){
			init_data();
			clearTimeout(wait);
			/*
			if($(this).attr("checked"))
				option.brands.push($(this).val());
			else
				option.brands.splice($.inArray($(this).val(),option.brands));
			*/
			wait = setTimeout(get_products,wait_time);
		});
	
		// Category
		$("input[name='category[]']").click(function(){
			init_data();
			clearTimeout(wait);
			wait = setTimeout(get_products,wait_time);
		});
		
		// Order By
		$("#order_by").change(function(){
			option.order_by = $(this).val();
			get_products();
		});
		
		// show all brand
		$("#show_all_brand").click(function(){
			$.each($("input[name='brand[]']"),function(i,item){
			   $(this).parent().show();
			});
		});
		// show all category
		$("#show_all_category").click(function(){
			$.each($("input[name='category[]']"),function(i,item){
				$(this).parent().show();
			});
		});
		// reset li width
		$(window).resize(function(){
			reset_li_width();
		});

		function reset_li_width(){
			var count = parseInt($(".pds").width()/185);
			var width = (100/count);
			if(option.product_count<=count)
				return;
			$(".pds li").width(width +"%");
		}

		
		function init_data(){
			option.page = 1;
		}
		function reset_option(brands,categories,price_1,price_2){
			//setter
			if(price_1!=option.price1 || price_2!=option.price2){
				$("#brands").children().hide();
				$.each(brands,function(i,item){
					$("input[name='brand[]'][value='"+item.brand+"']").parent().show();
				});
				$("#categories").children().hide();
				$.each(categories,function(i,item){
					$("input[name='category[]'][value='"+item.category+"']").parent().show();
				});
			}
		}
		function get_search_option(str){
			if(str.length>0)
				return '<span class="search_option">' + str + '</span>';
			return "";
		}
		//Get Porducts
		function get_products(){
			$("#subContent").empty();
			finish($("#subContent"));
			loading($("#subContent"));
			var keyword = get_search_option($("#barInput").val());
			var brands = [];
			var categories = [];
			if(keyword.length>0)
				keyword += " + "+get_search_option("$" + option.price_1 + " ~ $" + option.price_2) + " + ";
			else
				keyword += get_search_option("$" + option.price_1 + " ~ $" + option.price_2) + " + ";
			$.each($("input:checked[name='brand[]']"),function(i,item){
			    brands.push(item.value);
			    keyword += get_search_option(item.value)+" + ";
			});
			$.each($("input:checked[name='category[]']"),function(i,item){
				categories.push(item.value);
				keyword += get_search_option(item.value)+" + ";
			});
			//search option text
			keyword = keyword.substr(0,keyword.length-3);
			$.post(
				"includes/ajax_product.php",
				{
					smode : "get_products",
					keyword : option.keyword,
					salePrice_1 : option.price_1,
					salePrice_2 : option.price_2,
					brand : brands,
					category : categories,
					page : option.page,
					order_by : option.order_by
				},
				function(data){
					//get product count
					var product_count = data[0][0];
					var brands_result = data[0][2];
					var categories_result = data[0][3];
					var price_1 = parseInt(data[0][4]["p1"]);
					var price_2 = parseInt(data[0][4]["p2"]);
					reset_option(brands_result,categories_result,price_1,price_2)
					if(product_count<=0){
						return no_result(keyword);
					}
					option.product_count = product_count;
					// search option
					var html = '<p class="rsFont">';
					html += 'Your Search: '+keyword+'<br />';
					html += product_count +' Result(s) Found<br/></p>';
					// add to subContent
					$("#subContent").append($(html));
					// add order list to subContent
					$("#subContent").append(get_order_by());
					// add pages list to subContent
					$("#subContent").append(page_list());
					// product list
					html = "<ul class='pds'>";
					$.each(data[0][1],function(i,product){
					//	if(i!=0&& i%4==0)
					//		html += "</ul>\n<div class='clear'></div>\n<ul class='pds'>";
					     html += "<li>";
					     html += "<div class='photo'>";
					     html += "<a href= 'http://www.wendyusa.com/"+product.itemNo+".html' title='"+product.name+"'><img src='"+product.imgSrc+"' alt='"+product.name+"' /></a></div>";	
						 html += "<div class='pName_c'>";
					     html += "<a href= 'http://www.wendyusa.com/"+product.itemNo+".html' class='pName' title='"+product.name+"'>"+product.name+"</a>";			
						 html += "</div>";
					     html += "<span class='salePrice bold'>Sale Price:</span><span class='red bold'>$"+product.salePrice+"</span><br />";
					     html += "<div class='itemNo_c'>";			
					     html += "<span class='itemNo'>Item No:</span>"+product.itemNo;			
					     html += "</div>";
					     html += "</li>\n";
					});
					html += "</ul>\n";
					html += '<div class="clear"></div>';
					// add product list to subContent
					$("#subContent").append($(html));
					// add pages list to subContent
					$("#subContent").append(page_list());
					// loading finish
					finish($("#subContent"));
				},
				"json"
			);
		}
		
		/**
		* layer loading
		*/
		function loading(a){
			/*$("<div class='ui-widget-overlay' ></div>").css({
				left : a.offset().left+"px",
				top : a.offset().top+"px",
				width : a.outerWidth(),
				height : a.outerHeight(),
				"z-index" : 1005
			}).appendTo(a);
			*/
			$('<div id="loading"><img src="images/loading5.gif" /></div>').css({
				position : "fixed",
				left : (a.width()/2 - 10 + a.offset().left)+ "px",
				top : ($(window).height()/2) + "px",
				"z-index" : 1006,
				display : "block"
			}).appendTo(a);
		};
		function finish(a){
			/*var $layer = a.find("div.ui-widget-overlay");
			$layer.remove();
			*/
			var $loading = a.find("div#loading");
			$loading.remove();
		};
		
		/**
		** no result
		*/
		function no_result(keyword){
			var html = " No Result! <br/> Please Check the search option!";
			html += "<p> You Search "+keyword+" </p>";
			$("#subContent").empty();
			finish($("#subContent"));
			$("#subContent").append(html);
		}
		/**
		* page
		*/
		function page_list(){
			var total = option.product_count;
			var now = option.page;
			var page_num = option.page_num;
			var show_num = option.show_num;
			var page = total/show_num;
			if(total%show_num>0)
				page += 1;
			var $html = $('<p class="rsFont tac"></p>');
			var url = "advancedSearch.php?keyword="+option.keyword+"&page=";
			var $i = 0;
			if(now - page_num <= 0)
				for($i=1;$i< now;$i++)
					$html.append(page_link(url+$i,$i));
			else
				for($i=now-page_num;$i< now;$i++)
					$html.append(page_link(url+$i,$i));
			$html.append("<span class='red bold'>"+$i+"</span> ");
			if(now + page_num >= page)
				for($i=now+1;$i<=page;$i++)
					$html.append(page_link(url+$i,$i));
			else
				for($i=now+1;$i<=now+page_num;$i++)
					$html.append(page_link(url+$i,$i));
			if(now<$i-1)
				$html.append(page_link(url+(now+1),"Next"));
			if(now*show_num>total)
				$html.append("("+((now-1)*show_num+1)+"-"+total+" of "+total+")");
			else
				$html.append("("+((now-1)*show_num+1)+"-"+(now*show_num)+" of "+total+")");
			return $html;
		}
		function page_link(url,i){
			var page = parseInt(url.substr(url.lastIndexOf("=")+1));
			return $("<a>",{
				href : url,
				text : i + " ",
				click : function(){
					option.page = page;
					//alert(option.page);
					get_products();
					return false;
				}
			});
		}
		
		$a = $("p[class='rsFont tac']").find("a");
		$a.click(function(){
			var url = $(this).attr("href");
			var page = url.substr(url.lastIndexOf("=")+1);
			option.page = parseInt(page);
			get_products();
			return false;
		});
		function get_order_by(){
			var order_by_list = {
				price_asc : "Lowest Price",
				price_desc : "Highest Price",
				best : "Best Result"
			};
			var $html = $('<p class="rsFont">Sort By: </p>');
			$order_select = $('<select id="order_by"></select>');
			$order_select.change(function(){
				option.order_by = $(this).val();
				get_products();
			});
			$.each(order_by_list,function(value,name){
				if(value == option.order_by)
					$order_select.append('<option value="'+value+'" selected="selected">'+name+'</option>');
				else
					$order_select.append('<option value="'+value+'">'+name+'</option>');
			});
			$html.append($order_select);
			return $html;
		}
		//execute reset width;
		reset_li_width();
});