﻿var featdiv
(function($){
	$.fn.showfeatured = function(options) {

		obj = $(this);
		jQuery.support.cors = true;

		var defaults = {
			width:180,
			height:290,
			showaddress:false,
			accountid:"0000000001",
			mlscode:"S",
			showcaption:true,
			listagentid:"XJACK",
			delay:4000,
			types:"RES,COM,LND"
		};

		options = $.extend(defaults,options);

		// set the container to the desired dimensions.
		obj.width(options.width)
		obj.height(options.height)
		obj.css({overflow:"hidden"})

	    // Create the basic layout div
	    var outerdiv = '<div class="tmf_outerdiv">'
		var caption = (options.showcaption) ? '<div class="tmf_caption"></div>':''
	    var photodiv = '<div class="tmf_photodiv">'
	    var photolink = '<a href="#" class="tmf_photolink" target="_blank">'
		var imagetag = '<img alt="" class="tmf_image" src="#" /></a>'
		var closingdiv = '</div>'
		var details = '<div class="tmf_details">'
		var price = '<div class="tmf_price"></div>'
		var proptype = '<div class="tmf_proptype"></div>'
		var location = (options.showaddress) ? '<div class="tmf_location"></div>' : ''
		var city = '<div class="tmf_city"></div>'
		var bedsbathssqft = '<div class="tmf_bedsbathssqft"></div>'
		var flyerurl = '<div class="tmf_linkbtn"><a href="#" class="tmf_link" target="_blank">View Details</a></div>'
		// </div>

		featdiv = outerdiv + caption + photodiv + photolink + imagetag + closingdiv + details + price + proptype + location + city + bedsbathssqft + closingdiv + flyerurl + closingdiv
	    $.ajax({
	        type: "POST",
	        url: "/search/remotedata.asmx/GetFeaturedAsJSON",
	        data: "{'tmAccount':'"+options.accountid+"','ListAgentID':'" + options.listagentid +"','thisMLS':'"+options.mlscode+"','thisTypes':'"+options.types+"'}",
	        contentType: "application/json; charset=utf-8",
	        dataType: "json",
	        success: function(data) { processData(data.d,options) },
	        error: handleError
	    });

	};
	// url: "remotedata.asmx/GetFeaturedAsJSON",
	// url: "http://sitehost.trackmy.com/intellisearch/website/remotedata.asmx/GetFeaturedAsJSON",
	function handleError(p1,p2,p3) {
		alert(p3);
	}
	function processData(listings,opt) {
		obj.append(featdiv);
        loop(listings,0,opt);
	}
	function loop(arr,i,opt) {
		if(i==arr.length) { i=0 }
		if(arr[i]) {
			showProp(arr[i],opt);
			setTimeout(function() {loop(arr,i+1,opt);},opt.delay);
		}
	}
	
	function showProp(item,opt) {
		if(opt.showcaption) { $(".tmf_caption").text($(item).attr("Caption")); }
	    $(".tmf_photolink").attr("href",$(item).attr("FlyerURL"));
	    $(".tmf_image").attr("src",$(item).attr("PhotoURL"));
	    $(".tmf_price").text($(item).attr("ListingPrice"));
	    if(opt.showaddress) { $(".tmf_location").text($(item).attr("Address")); }
	    $(".tmf_link").attr("href",$(item).attr("FlyerURL"));
	    $(".tmf_city").text($(item).attr("City"));
	    $(".tmf_bedsbathssqft").text($(item).attr("BedsBathsSqFt"));
	    $(".tmf_proptype").text($(item).attr("PropertyType"));
	}

})(jQuery);


