var globalURI = "";

function diy()
{
	this.change = function(stepnum)
	{
		for (i=1;i<=totalstep + 1;i++)
		{
			$("diy" + i).className = "none";
			$("step" + i).style.display = "none";
		}

		$("diy" + stepnum).className = "selected";
		$("step" + stepnum).style.display = "block";
	}

	this.getDATA = function(intCatId,stepnum,page)
	{
		var pageuri = "_";
		var ajax = new AJAXRequest;
		var url = "";

		if (stepnum == 1)
		{
			page = page.replace("page","");
			if (pageuri != url)
			{
				url = uri + "global/common/diy.asp" +
					  "?catid=" + intCatId +
					  "&shape=" + encodeURI($("shape").value) +
					  "&cut=" + encodeURI($("cut").value) +
					  "&color=" + encodeURI($("color").value) +
					  "&weight=" + $("weight").value +
					  "&clarity=" + encodeURI($("clarity").value) +
					  "&price=" + $("price").value +
					  "&polish=" + encodeURI($("polish").value) +
					  "&symmetry=" + encodeURI($("symmetry").value) +
					  "&step=" + stepnum +
					  "&page=" + page;

				pageuri = url;
			}else{
				return false;					
			}
		}else{
			url = uri + "global/common/diy.asp?catid=" + intCatId + "&step=" + stepnum + "&page=" + page;
		}

		ajax.get(url,
			function (obj)
			{
				var returnValue = obj.responseText;

				switch (stepnum)
				{
					case 1:
					$("loading").style.display = "none";

					if (returnValue == undefined)
					{
						$("dd_content").innerHTML = "<p align='center' style='height:22px;line-height:22px;'>没有找到符合条件的钻石，请重新调整查询范围。</p>";
					}else{
						$("dd_content").innerHTML = returnValue;
					}
					break;

					default:
					$("dd_content_detail").innerHTML = returnValue;
					break;
				}
				
				$("diamond").innerHTML = " " + $("totalrec").value + " ";

				var ss = new Cls_jsPage($("totalrec").value,10,5,page,"spaper"); 
				ss.setUrl("javascript:diy.getDATA("+ intCatId +",1,'page')");
				ss.setPageSE("page","");
				ss.setPageInput("page");
				ss.setPageFrist("首页","首页");
				ss.setPagePrev("上页","上页");
				ss.setPageNext("下页","下页");
				ss.setPageLast("尾页","尾页");
				ss.setPageText("{$PageNum}","{$PageNum}");
				ss.setPageTextF("{$PageTextF}","{$PageTextF}");
				ss.setPageSelect(" {$PageTextF}"," {$PageTextF}");
				ss.setPageCss("","","");
				ss.setHtml("{$PageText}");

				$("pager").innerHTML = ss.WriteByReturn();
			}
		)

		delete (ajax);
	}

	this.getArray = function(returnId,thisobj,page)
	{
		var thisValue = thisobj.getAttribute("value");
		var page = $("page").value;

		if (thisobj.className == "selected")
		{
			returnId.value = returnId.value.replace("," + thisValue,"");
			thisobj.className = "";
		}else{
			returnId.value += "," + thisValue;
			thisobj.className = "selected";
		}

		$("loading").style.display = "block";
		diy.getDATA($("item_1_catalogid").value,1,page);
	}

	this.add = function(stepnum,goodsid)
	{
		var uri = $("g"+ goodsid +"_link").value;
		var subtotal = 0;
		var strHTML = "";

		$("item_"+ stepnum +"_id").value = $("g"+ goodsid +"_id").value;
		$("item_"+ stepnum +"_title").value = $("g"+ goodsid +"_title").value;
		$("item_"+ stepnum +"_serialnumber").value = $("g"+ goodsid +"_serialnumber").value;
		$("item_"+ stepnum +"_description").value = $("g"+ goodsid +"_description").value;
		$("item_"+ stepnum +"_amount").value = $("g"+ goodsid +"_amount").value;
		$("item_"+ stepnum +"_colour").value = $("g"+ goodsid +"_colour").value;
		$("item_"+ stepnum +"_size").value = $("g"+ goodsid +"_size").value;
		$("link" + stepnum).innerHTML = "<span>+￥"+ toFloat($("g"+ goodsid +"_amount").value,2) +"</span> <a href='"+ uri +"' target='_blank'>明细</a> <a href='javascript:;' onclick='diy.change("+ stepnum +")'>更换</a>";

		for (i=1;i<=totalstep;i++)
		{
			subtotal += parseFloat($("item_"+ i +"_amount").value);
		}

		$("subtotal").innerHTML = toFloat(subtotal,2);

		try{
			diy.change(stepnum + 1);
		}catch(e){;}

		try{
			if (stepnum == 2)
			{
				for (i=1;i<=totalstep;i++)
				{
					strHTML += "<h1>"+ $("item_"+ i +"_key").value + " " + $("item_"+ i +"_title").value +"</h1>"+
							   "<h2><p>"+ $("item_"+ i +"_description").value +"</p></h2><br/>";
				}

				imagesURI = "http://www.tefancy.com/" + $("g"+ goodsid +"_thumb").value;

				var img = new EnhancedImage(imagesURI,onImageLoad);
				img.load();

				$("detail_loop").innerHTML = strHTML;
				$("div_sellprice").innerHTML = toFloat(subtotal,2);
			}
		}catch(e){;}


		function EnhancedImage(src,onLoaded){
			var self = this;
			this.src = src;
			this.width = 0;
			this.height = 0;
			this.onLoaded = onLoaded;
			this.loaded = false;
			this.image = null;
			
			this.load = function(){
				if(this.loaded)
					return;
				this.image = new Image();
				this.image.src = this.src;
				function loadImage(){
					if(self.width != 0 && self.height != 0){
						clearInterval(interval);
						self.loaded = true;
						self.onLoaded(self);//将实例传入回调函数
					}
					self.width = self.image.width;//是number类型
					self.height = self.image.height;
				}
				var interval = setInterval(loadImage,100);
			}
		}

		function onImageLoad(image){
			$("_thumb").appendChild(image.image);
		}
	}
}