// JavaScript Document 
function dochange(){ dodata("bootsearchfrm","both"); }
function dochangesize(){ dodata("bootsearchfrm","color"); }
function dochangecolor(){ dodata("bootsearchfrm","size"); }

function dochangeside(){ dodata("bootsearchfrmside","both"); }
function dochangesizeside(){ dodata("bootsearchfrmside","color"); }
function dochangecolorside(){ dodata("bootsearchfrmside","size"); }

function dodata(frm,t){
	var navdomid="selectnavf";
	var sizedomid="selectsizef";
	var colordomid="selectcolorf";
	if (frm == 'bootsearchfrmside'){
		navdomid="selectnavside";
		sizedomid="selectsizeside";
		colordomid="selectcolorside";
	}
	var nav = $("#" + navdomid ).val();
	var xsz = $("#" + sizedomid ).val();
	var xcc = $("#" + colordomid ).val();
	var turls="/scripts/";
	if (nav <= -20){ turls += "size_color_shirts.cfm"; } else { turls += "size_color_boots.cfm"; }
	turls += "?type=" +  unescape(nav) + "&size=" + unescape(xsz) + "&colorclass=" + unescape(xcc); 
	
	$.getJSON(turls,  function(dat){
		if (t == "size" || t == "both"){
			var selectadding=$("#" + sizedomid);
			var preval=selectadding[0].value;
			var selidx=0;
			selectadding.children().remove().end();
			//selectadding.find('option').remove().end()
			//selectadding.append($("<option></option>").attr("value",0).text("- Any Size -"));
			var id=-1;
			$.each(dat.size, function(i,item){
				id++;
				selectadding.append($("<option></option>").attr("value",item.size).text(item.formattedsize));
				if (preval == item.size){
					selidx=id;
				}
			});
			if (selidx > 0){
				selectadding[0].selectedIndex=selidx;
			}
		}
		if (t == "color" || t == "both"){
			var selectadding=$("#" + colordomid);
			var preval=selectadding[0].value;
			var selidx=0;
			selectadding.children().remove().end();
			//selectadding.append($("<option></option>").attr("value",0).text("- Any Color -"));
			var id=-1;
			$.each(dat.color, function(i,item){
				id++;
				selectadding.append($("<option></option>").attr("value",item.colorclassid).text(item.color));
				if (preval == item.colorclassid){
					selidx=id;
				}
			});
			if (selidx > 0){
				selectadding[0].selectedIndex=selidx;
			}

		}
	});
}
function dosearch(frm){
	var turls="/scripts/size_color_boots_items.cfm?type=" + unescape(frm.navigationid.value) + "&size=" + unescape(frm.size.value) + "&colorclass=" + unescape(frm.colorclass.value); 
	var newurl="";
	var colors="";
	var colorstotal=0;
	$("#searchresults").html("<h3>Loading Results...</h3> <div align='center'><img src='/g/icons/lightbox-ico-loading.gif'/></div>");
	var destination = $("#searchresults").offset().top;
			//$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination - 100 }, 1100);
	$.getJSON(turls,  function(dat){ 
		//console.log(dat);
		$("#searchresults").html("<p><h3>Search Results found " +  dat.founditems + "</h3></p> <br>");
		$.each(dat.items, function(i,item){
			if (i > 0){
				newurl="/scripts/relateditem.cfm?itemnumber="+item.itemnumber+"&relateditemnumber="+item.itemnumber+"&type=s";
				var newi=$("<div/>");
				newi.append( $("<a/>").attr("href",newurl).append($("<img/>").attr("class","catimgborder").attr("id", "itemg" + item.itemnumber).attr("src", item.image)) );
				//newi.append($("<li/>").attr("class","relatedcopy").append("<a href='/scripts/relateditem.cfm?itemnumber="+jsitemnumber+"&relateditemnumber="+item.itemnumber+"&type=q'>" + item.desc + "</a>"));
				newi.append($("<p/>").append("<a href='" + newurl + "'>" + item.desc + "</a>"));
				if (item.reviewrating != '') { newi.append($("<p/>").attr("class","catratings").append($("<a/>").attr("href",newurl).append(" " + item.reviewratingimage + " ")).append($("<span/>").append($("<a/>").attr("href",newurl).append(" " + item.numberofreviews + " Reviews ")))); }
				newi.append($("<p/>").attr("class","catregprice").append(" " + item.price + " ").append($("<span/>").attr("class","catsaleprice").append(" " + item.promo + " ")));
				colors="";
				colorstotal=0;
				$.each(item.color, function(j,col){
					if (j > 0){
						//colors += " " + col;
						colors += "<li><a href='" + newurl + "' title='" + col + "' onMouseOver=" + '"javascript:changecatimgx(' + "'" + item.itemnumber + "','/i/p/" + item.itemnumber.toLowerCase().substr(0,3) + "/" + item.itemnumber.toLowerCase() + "/" + item.itemnumber.toLowerCase() + "_" + col.toLowerCase() + "_v1_180x180.jpg" + "')" + '">'  + "<img height='13' width='27' src='/g/1x1bg.gif' class='s" + item.itemnumber + col +"' style='background-image: url(/i/p/" + item.itemnumber.toLowerCase().substr(0,3) + "/" + item.itemnumber.toLowerCase() + "/" + item.itemnumber.toLowerCase() + "_" + col.toLowerCase() + "_s1_36x36.jpg); background-position: center center; float: left;' title='" + col + "' alt='" + col + "'></a></li>";
						colorstotal++;
					}
					
				});
				if (colorstotal > 1){
					newi.append($("<ul/>").attr("class","relateprice").append(" " + colors + " ")); 
				}
				newi.appendTo("#searchresults");
			}
          });
	});
	return false;
}
function dosidesearch(frm){ if ( (frm.size.value == '0' || frm.size.value == '') && (frm.colorclass.value == '0' || frm.colorclass.value == '') ){ return false; } else { return true; } } 
function changecatimgx(itemnum,newcolor){
	$("#itemg" + itemnum).attr("src",newcolor);
}