﻿$(function(){

	var format = function(num,p){
				num = num.toString().replace(/\$|\,/g,'');
				if(isNaN(num))
				num = "0";
				sign = (num == (num = Math.abs(num)));
				num = Math.floor(num*100+0.50000000001);
				cents = num%100;
				num = Math.floor(num/100).toString();
				if(cents<10)
				cents = "0" + cents;
				for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
				num = num.substring(0,num.length-(4*i+3))+','+
				num.substring(num.length-(4*i+3));
				return (((sign)?'':'-') + '' + num + ((!p)?'.' + cents:''));
			};
	$("div.news ul.btn-h").html("<li><img src='/images/ajax-loader.gif' /></li>");
	var loadHot = function(){
		$.get("/property-search.aspx",{hot:true,pageSize:2,rand:Math.random()},function(json){
			var res=eval("("+json+")");
			if(res.success){
				$("div.news ul.btn-h").html("");
				$.each(res.rows,function(i,o){
					var img=o.images[0]?"http://image.ps.co.th/imageresize/ResizePSWebIPhoneGallery.rhtml?source="+o.images[0]+"&rule=TheSeedAgency":null;
					$("div.news ul.btn-h").append([''
					,'<li>'
					,'<a class="hl-image" href="'+(img?img+"Big":'/images/s.gif')+'" onclick="return hs.expand(this, {dimmingOpacity: 0.1,allowSizeReduction:true,align: \'center\',slideshowGroup:\'hl-'+o.id+'\'});" ><img src="/images/s.gif" alt="'+o.refNo+'" width="165" height="105" style="background:#ccc url(\''+(img||'/images/s.gif')+'\') center center;cursor:pointer;"/></a>'
					,'<a class="hl-link" href="javascript:void('+o.id+');">'+o.project+'</a>'
					,o.descTh
					,'<a class="hl-link" href="javascript:void('+o.id+');" class="btn-more">more...</a>'
					,'</li>'
					].join(""));
					$("div.news ul.btn-h li a.hl-link").click(function(){
						var v=parseInt($(this).attr("href").replace("javascript:void(","").replace(");",""));
						search({
							id:v,
							pageIndex:0,
							pageSize:1,
							order:$("div.pagination select").val()
						});
					});
					/*$("ul.btn-h li img").click(function(){
						var src=$(this).css("background-image");
						src=src.substring(4,src.length);
						src=src.substring(0,src.length-1);
						src=src.replace(/["']/gi,"");
						return hs.expand(this, {
							src:src+"Big",
							dimmingOpacity: 0.1,
							allowSizeReduction:true,
							align: 'center'
						});
					});*/
				});
			}else{
				$("ul.btn-h").html("<li>ERROR CODE 500</li>");
			}
			setTimeout(function(){loadHot();},30000);
		});
	};
	loadHot();
	var search = function(param){
		param.rand=Math.random();
		param.pageSize = 5;
		$("div.pagination select").unbind('change').change(function(){
			param.order=$(this).val();
			search(param);
		});
		var ct=$("div.search-result");
		$("div:gt(0)",ct).remove();
		ct.show().append("<div><img src='/images/ajax-loader.gif' /></div>");
		$("div.pagination").hide();
		$.get("/property-search.aspx",param,function(json){
			var res=eval("("+json+")");
			$("div:gt(0)",ct).remove();
			if(res.success){
				var genPage = function(){
					var pageCount = Math.ceil(res.totalCount/param.pageSize);
					var pct=$("div.pagination p");
					var pages=[];
					if(param.pageIndex>0)
						pages.push('<a href="javascript:void(0);">First</a>');
					for(var i=0;i<pageCount;i++){
						if(i!=param.pageIndex)
							pages.push('<a href="javascript:void('+i+');">'+(i+1)+'</a>');
						else
							pages.push('<a href="javascript:void('+i+');"><b>'+(i+1)+'</b></a>');
					}
					if(param.pageIndex<pageCount-1)
						pages.push('<a href="javascript:void('+(pageCount-1)+');">Last</a>');
					pct.html("").append("Page : "+pages.join(" | "));
					$("a",pct).click(function(){
						var v=parseInt($(this).attr("href").replace("javascript:void(","").replace(");",""));
						param.pageIndex=v;
						search(param);
					});
				};
				$.each(res.rows,function(i,o){
					var genImage = function(imgs,big){
						var html = [];
						for(var i=0;i<imgs.length;i++){
							var img=imgs[i]?"http://image.ps.co.th/imageresize/ResizePSWebIPhoneGallery.rhtml?source="+imgs[i]+"&rule=TheSeedAgency":null;
							if(big)
								html.push('<a href="'+img+'Big" id="thb-img-'+o.id+'-'+i+'" class="img-big'+((i==0)?" current":"")+'" style="display:'+((i==0)?"":"none")+';" onclick="return hs.expand(this, {dimmingOpacity: 0.1,allowSizeReduction:true,align: \'center\',slideshowGroup:'+o.id+'});" ><img src="/images/s.gif"  width="164" height="105" style="background:#ccc url(\''+(img||'/images/s.gif')+'\') center center;cursor:pointer;border:none;"/></a>');
							else
								html.push('<li><a href="javascript:void(0);" alt="thb-img-'+o.id+'-'+i+'">'+(i+1)+'</a></li>');
						}
						if(html.length==0)
							html.push('<a href="javascript:;" id="thb-img-'+o.id+'-'+i+'" class="img-big'+((i==0)?" current":"")+'" ><img src="/images/s.gif"  width="164" height="105" style="background:#ccc url(\''+('/images/s.gif')+'\') center center;cursor:pointer;border:none;"/></a>');
						return 	big?html.join(""):'<ul class="btn-h clearfix">'+html.join("<li><a> | </a></li>")+'</ul>';
					};
					var img=o.images[0]?"http://image.ps.co.th/imageresize/ResizePSWebIPhoneGallery.rhtml?source="+o.images[0]+"&rule=TheSeedAgency":null;
					ct.append([''
					,'<div class="clearfix">'
					,'	<div class="thumb">'
					//,'	<a href="'+img+'Big" class="img-big"><img src="/images/s.gif"  width="164" height="105" style="background:#ccc url(\''+(img||'/images/s.gif')+'\') center center;cursor:pointer;border:none;"/></a>'
					,genImage(o.images,true)
					,genImage(o.images,false)
					,'	</div>'
					,'	<table cellpadding="0" cellspacing="0" border="0">'
					,'		<tr>'
					,'			<td><strong>โครงการ:</strong></td>'
					,'			<td>'+o.project.toUpperCase()+'</td>'
					,'		</tr>'
					,'		<tr>'
					,'			<td><strong>Ref. no.</strong></td>'
					,'			<td>'+o.refNo+'</td>'
					,'		</tr>'
					,'		<tr>'
					,'			<td><strong>ประเภท:</strong></td>'
					,'			<td>'+((["studio","1 bedroom","2 bedroom"])[o.roomType]||"")+'</td>'
					,'		</tr>'
					,'		<tr>'
					,'			<td><strong>ขนาด:</strong></td>'
					,'			<td>'+o.roomSize+' sq.m.</td>'
					,'		</tr>'
					,'		<tr>'
					,'			<td><strong>'+((o.type=='RENT')?'ค่าเช่า/เดือน':'ราคาขาย')+' :</strong></td>'
					,'			<td>'+format(o.price,true)+((o.priceMax&&o.priceMax>0)?' - '+format(o.priceMax,true):'')+' บาท'+((o.type=='RENT')?'':'')+'</td>'
					,'		</tr>'
					,'		<tr class="description">'
					,'			<td><strong>คำอธิบาย:</strong></td>'
					,'			<td>'+o.descTh+'</td>'
					,'		</tr>'
					,'	</table>'
					,'</div>'
					].join(""));
					$('div.search-result div table tr').each(function(i, item) {
						$(item).find('td:first').addClass('label');
					});
					/*$("div.thumb>a").click(function(){
						return hs.expand(this, {dimmingOpacity: 0.1,allowSizeReduction:true,align: 'center',slideshowGroup:$(this).attr("alt")});
					});*/
					$("div.thumb ul a").click(function(){
						var a = $(this);
						var p = a.parent().parent().parent();
						var n = $("#"+a.attr("alt"));
						var c = $(">a.current",p);
						if(n.length==1&&n.attr("id")!=c.attr("id")){
							c.removeClass("current").fadeOut(500,function(){$(this).hide();});
							n.addClass("current").fadeIn(500,function(){$(this).show();});
						}
					});
				});
				if(res.rows.length==0)
					ct.append("<div>no items.</div>");
				else
					$("div.pagination").show();

				ct.append([''
				,'<div class="pagination none bottom">'
				,'	<p>Page <a href="javascript:void(0);">1</a> | <a href="javascript:void(0);">2</a> | <a href="javascript:void(0);">3</a> | <a href="javascript:void(0);">...</a> | <a href="javascript:void(0);">Last</a>'
				,'	</p>'
				,'	<a id="totp" href="javascript:window.scrollTo(0,0);">Top</a>'
				,'</div>'
				].join(""));
				genPage();
			}else{
				ct.append("<div>ERROR CODE 500</div>");
			}
		});	
	};
	$("input.btn").click(function(){
		var want = $("input[name=want]:checked");
		var wantVal = (want.length==1)?want.val():"";
		search({
			project:$("#project").val(),
			roomType:$("#roomType").val(),
			type:wantVal||"",
			pageIndex:0,
			order:$("div.pagination select").val()
		});
	});
	$("div.news h4 a").click(function(){
		search({
			hot:true,
			pageIndex:0,
			order:$("div.pagination select").val()
		});
	});
	$("#menu10-2 a").click(function(){
		search({
			hot:true,
			pageIndex:0,
			order:$("div.pagination select").val()
		});
		$defaultMenu="menu10-2";
	});
	if(window.location.hash=="#hot-property")
		$("div.news h4 a").click();
});