$(document).ready(function() {


	$("#featured a.nextBtn").click(function() {
		var $active = $("#slides div.active");
		var $next =  $active.next().length ? $active.next()
    	    : $('#slides div:first');

		switchSlide($active, $next);

		return false;
	});

	$("#featured a.prevBtn").click(function() {
		var $active = $("#slides div.active");
		var $next =  $active.prev().length ? $active.prev()
    	    : $('#slides div:last');

		switchSlide($active, $next);

		return false;
	});


	$("#playBtn").click(function() {
		//$("#videoHolder").html("<div id='videoplayer'></div>");
		var videoid = $("#slides div.active").attr("id");
		loadData(videoid);
		$("#modal").modal();
		$("#menu").find("#menu-"+videoid).addClass("active");

		return false;
	});

	$("a.homeviewBtn").click(function() {
		//$("#videoHolder").html("<div id='videoplayer'></div>");
		var videoid = $(this).attr("rel");
		loadData(videoid);
		$("#modal").modal();
		$("#menu").find("#menu-"+videoid).addClass("active");
	});

	$("a.playVid").click(function() {
		$("#videoHolder").html("<div id='videoplayer'></div>");
		var videoid = $(this).parent().attr("id");
		$("#modal").modal();
		loadData(videoid);
		$("#menu").find("#menu-"+videoid).addClass("active");

		return false;
	});


	$("#menu a").click(function() {
		$("#videoHolder").html("<div id='videoplayer'></div>");
		var videoid = $(this).attr("id").replace("menu-", "");
		loadData(videoid);
		$("#menu a.active").removeClass("active");
		$("#menu").find("#menu-"+videoid).addClass("active");

		return false;
	});
});

function switchSlide($active, $next) {
	//$(".map-"+$next.attr("rel")).trigger("click");

	$active.fadeOut(200, function() {
		console.log('switch', $active, $next);
		$next.fadeIn(200);
		$next.addClass("active");
		$active.removeClass("active");
	});

}


function loadData(videoid) {

	var url = $("#modal").find("#video-"+videoid).find("input[name=url]").val();
	var address = $("#modal").find("#video-"+videoid).find("input[name=address]").val();
	var info = $("#modal").find("#video-"+videoid).find("input[name=info]").val();
	var price = $("#modal").find("#video-"+videoid).find("input[name=price]").val();
	var realtor = $("#modal").find("#video-"+videoid).find("input[name=realtor]").val();
	var brokerage = $("#modal").find("#video-"+videoid).find("input[name=brokerage]").val();
	var details = $("#modal").find("#video-"+videoid).find("input[name=details]").val();

	$("#modal h3.address").html(address);
	$("#modal p.info").html(info);
	$("#modal p.price").html("$"+price);
	$("#modal p.realtor").html(realtor);
	$("#modal p.brokerage").html(brokerage);
	$("#modal p.details").html(details);

	if ( !$('#tour')[0] ) {
		$('<iframe src="' + url + '" id="tour" width="600" height="370"></iframe>')
			.insertAfter( $('#propInfo h3.address') );
	} else {
		$("#tour")[0].src = url;
	}

	//var flashvars = { sourceurl: url, skincolor: '#FF00FF' };
	//swfobject.embedSWF('/_cust/flash/videoplayer.swf', 'videoplayer', '480', '360', '9.0.0', '', flashvars);

}