// planner.js

//http://api.plancast.com/02/plans/user.json?username=bestswines&count=15

/*
<div id="pc_widget">
	<div id="pc_user_profile">
		<div>
			<img id="pc_user_picture" src="http://plancast.com/uploads/pics/1643632_pic_square_1310700771.jpg" alt="" />
		</div>
		<div id="pc_user_info">
			<a target="_blank" href="http://www.plancast.com/bestswines">
				<div id="pc_user_name">bestswines</div><div id="pc_user_username">@bestswines</div>
			</a>
		</div>
	</div>
	<div id="pc_div_plan">
		<div class="pc_plan">
			<a target="_blank" href="http://plancast.com/p/7lnw">
				<div class="pc_plan_what">Grampians Grape Escape</div>
				<div class="pc_plan_where_when">April 30 - May 1, 2012 | Grampians Region</div>
			</a>
		</div>
	</div>
</div>
*/

function getPlanner() {
	$.ajax({
		type: "GET",
		url: 'http://api.plancast.com/02/plans/user.json',
		dataType: 'jsonp',
		data: {'username':'bestswines','count':'15','jsonp':'parsePlanner'}
	});
}

function parsePlanner(data) {
	if(data) {
		if(data.plans[0].creator != null) {
			var p_name = data.plans[0].creator.name;
			var p_user = data.plans[0].creator.username;
			var p_pic = data.plans[0].creator.pic_square;
		} else {
			var p_name = data.plans[0].attendee.name;
			var p_user = data.plans[0].attendee.username;
			var p_pic = data.plans[0].attendee.pic_square;
		}
		var st = "";
		st += '<div><img id="pc_user_picture" src="' + p_pic + '" alt="" /></div>';
		st += '<div id="pc_user_info"><a target="_blank" href="http://www.plancast.com/' + p_user + '"><div id="pc_user_name">' + p_name + '</div><div id="pc_user_username">@' + p_user + '</div></a></div>';
		
		$('#pc_user_profile').html(st);
		
		var st_plans = "";
		for(var i=0;i<data.plans.length;i++) {
			var p_url = data.plans[i].plan_url;
			var p_what = data.plans[i].what;
			var p_when = data.plans[i].when;
			var p_where = data.plans[i].where;
			var st = p_url + "\n" + p_what + "\n" + p_when + " | " + p_where;
			st_plans += '<div class="pc_plan">';
			st_plans += '<a target="_blank" href="' + p_url + '">';
			st_plans += '<div class="pc_plan_what">' + p_what + '</div>';
			st_plans += '<div class="pc_plan_where_when">' + p_when + ' | ' + p_where + '</div>';
			st_plans += '</a></div>';
		}
		
		$('#pc_div_plan').html(st_plans);
		$('#events_holder').css({'display':'block'});
	}
}