$(document).ready(function () {

	$(".feedbackBtn").click(function () {
		$("#feedbackContent").css("display", "none");
		return false;
	});

	$(".feedbackOpenBtn").click(function () {
		if ($("#feedbackContent").css("display") == "none") {
			$("#feedbackContent").css("display", "block");
			return false;
		}
		else {
			$("#feedbackContent").css("display", "none");
			return false;
		}
	});

	var droomid = $("input.droomid").val();

	$.getScript("http://platform.twitter.com/widgets.js", function () {
		function handleTweetEvent(event) {
			if (event) {
				$.ajax({
					url: "/ajax/saveActie.aspx?actieid=16&droomid=" + droomid + "&type=twitter",
					success: function (data) {
						$(".tagholder").html(data);
						makeDraggable();
					}
				});
			}
		}
		twttr.events.bind('tweet', handleTweetEvent);
	});


	// Nieuwe droom, mee typen in samenvatting
	var droomText = $(".droomtext").val();
	var short = $(".droomshort").val();

	if (short == "") {
		$("textarea.droomtext").keyup(function () {

			droomText = $(".droomtext").val();
			short = $(".droomshort").val();
			$(".meerDroomVelden").live("click", function () {
				$(".droomExtraVelden").slideToggle('', function () { changeText($(".meerDroomVelden")); moveMap(); return false; });
			});

			if (droomText.length <= 100) {
				// Komt short voor in droomText?
				var leftDroomText = droomText.substr(0, short.length)
				if (leftDroomText == short) {
					$(".droomshort").val(droomText);
				}

				var leftShort = short.substr(0, droomText.length)
				if (leftShort == droomText) {
					$(".droomshort").val(droomText);
				}
			}
		});
	}

	$(".meerDroomVelden").live("click", function () {
		$(".droomExtraVelden").slideToggle('', function () { changeText($(".meerDroomVelden")); moveMap(); return false; });
	});

	$(".currentMedia").find("a").remove();

	$(".scrollItem").live("click", function () {
		$(".currentMedia").html($(this).html());
		$(".currentMedia").find("a").remove();
		var media = $(".currentMedia").html();
		$(".currentMedia").find("img").height(350);
		$(".currentMedia").find("iframe").height(350);
		$(".currentMedia").find("iframe").width(420);
	});
});

function changeText($el) {
    if ($(".droomExtraVelden").css("display") == "block") {
        $el.html("&laquo; minder velden");
    }
    else {
        $el.html("Meer velden &raquo;")
    }
}

function moveMap() {
    if ($(".droomExtraVelden").css("display") == "block" || $(".droomExtraVelden").css("display") == "") {
        $("#locatieContainer").css({ "position": "relative", "left": "0px" }).appendTo("#mapPlaceholder")
    }
    else {
        $("#locatieContainer").css({ "position": "absolute", "left": "-9999px" })
    }
}