/*
 * EstateVue Widgets
 * JavaScript Property Tabs Widget Library v.2.0
 * author Sigit N <info[at]antibiasa[dot]net>
 * October 2010
 * 
 * Copyright EstateVue 2010. All right reserved.
 */

if(typeof jQuery == 'undefined'){
	evLoadEvent(function(){
		Ev_pt.initialize();
	});
} else {
	jQuery(document).ready(function(){
		Ev_pt.initialize();
	});
}

var Ev_pt = {
	data : [],
	int : null,
	active: null,
	initialize : function(){
		Ev_pt.int = setInterval('Ev_pt.grab_data();',2000);
		jQuery('#more-listing-link').attr('href',property_detail_url);
		jQuery('#more-listing-link').attr('target','_blank');
	},
	grab_data : function(){
		clearInterval(Ev_pt.int);
		jQuery.post(ptb_site_url+'widgetData/property_tabs',{'broker':property_tabs_brokerage},function(data){
			Ev_pt.parse_data(data);
		},'json');
	},
	parse_data : function(data){
		jQuery('#ev-property-tabs-loader').remove();
		jQuery.each(data,function(i,d){
			if(/search\/detail\/idx/.test(property_detail_url)==true){
				var url = property_detail_url + '/'+d.alias+'.html';
			} else {
				var url = property_detail_url +  '?a='+d.alias;
			}
			d.url = url;
			Ev_pt.data[d.id] = d;
			if(d.type=='Commercial') d.type = 'Industrial/Commercial/Investment';
			var cls = '';
			if(i==0){ 
				var cls = 'class="item active"';
				Ev_pt.set_active(d.id);
			} else if(i==(data.length-1)) {
				var cls = 'class="item last"';
			} else {
				var cls = 'class="item"';
			}
			var html = '<span '+cls+' id="'+d.id+'-li" onclick="Ev_pt.set_active(\''+d.id+'\');" title="'+d.addr_long+'">'+
						'	<div class="thumb">'+
						'		<img src="'+d.ph+'"/>'+
						'	</div>'+
						'	<div class="info"><span class="title">'+d.title+'</span><br/>'+d.addr+'<br/>'+d.type+'</div>'+
						'</span>';
			jQuery('#ev-tabs-properties-list').append(html);
		});
	},
	set_active : function(id){
		jQuery('#'+Ev_pt.active+'-li').removeClass('active');
		jQuery('#'+id+'-li').addClass('active');
		if(jQuery('#'+id+'-li').hasClass('last')){
			jQuery('#'+id+'-li').css('height','90px');
		}
		Ev_pt.active = id;
		var d = Ev_pt.data[id];
		//set image
		var img = '<img src="'+d.link+d.alias+'/412-1.jpg"/>';
		jQuery('#ev-property-tabs-mainimage-loader').remove();
		jQuery('#img-container').html(img);
		
		//set description
		/*var desc = '<h2 class="left">'+d.title+'</h2>'+
				    '<h2 class="right">$'+d.price+'</h2>'+
					'<br style="clear:both;"/>'+
					'<p class="large">'+d.addr+'<br/><span style="font-size:10px;">MLS# &reg;'+d.mls+'</span></p>'+
					'<span class="separator"></span>'+
					'<p class="desc">'+d.desc+'</p>';*/
		var desc = '<h2 class="left">MLS# &reg;:'+d.mls+'</h2>'+
					'<h2 class="right">$'+d.price+'</h2>'+
					'<br style="clear:both;"/>'+
					'<h2 class="title">'+d.title+'</h2>'+
					'<p class="large">'+d.addr+'<br/><span style="font-size:10px;">Brokerage: '+d.broker+'</span></p>'+
					'<span class="separator"></span>'+
					'<p class="desc">'+d.desc+'</p>';
		jQuery('#ev-property-tabs-detail-loader').remove();
		jQuery('#property-description').html(desc);
		
		//set thumbs
		var thumb_photos = '';
		for(var j=1;j<=4;j++){
			var cls = '';
			if(j==4) cls = ' last';
			thumb_photos += '<span class="thumb'+cls+'" onclick="Ev_pt.set_photo(\''+d.link+d.alias+'/412-'+j+'.jpg\');"><img src="'+d.link+d.alias+'/48-'+j+'.jpg"/></span>';
		}
		//jQuery('#ev-property-tabs-thumbnails-loader').remove();
		var thumbs = '<span class="separator"></span>'+
					  '<div id="thumb_wrapper">'+thumb_photos+'</div>';
		jQuery('#thumbs').html(thumbs);
		
		//set read more
		jQuery('#read-more').attr('href',d.url);
		jQuery('#read-more').attr('title',d.addr_long);
	},
	
	set_photo: function(link){
		jQuery('#img-container img').attr('src',link);
	}
}