/*
 * Nepszabadsag Online Graphistan JavaScript
 */
$(document).ready(function() {
	$("#header").each(function() {
		var $e = $(this);

		$e.bind("click", function() {
			window.location = '/php/';
			return false;
		});

		$e.css("cursor", "pointer");
	});

	$("a.fill").each(function() {
		var $a = $(this);

		var url;

		if ($a.parents(".graph-1").length) {
			url = "http://nol.hu/noller/szingligraf/";
		} else if ($a.parents(".graph-2").length) {
			url = "http://nol.hu/noller/politograf/";
		}

		$a.attr("href", url);
	});

	$("a.description").each(function() {
		var $a = $(this);

		//var url = "/files/html/";
		var url = "/php/?html=";

		if ($a.parents(".graph-1").length) {
			if ($a.is(".en")) {
				url += "szingli_description-en.html";
			} else if ($a.is(".hu")) {
				url += "szingli_description-hu.html";
			}
		} else if ($a.parents(".graph-2").length) {
			url += "politograf_description-hu.html";
		}

		$a.attr("href", url);
	});

	$("a.about").each(function() {
		var $a = $(this);

		//var url = "/files/html/";
		var url = "/php/?html=";

		if ($a.parents(".graph-1").length) {
			if ($a.is(".en")) {
				url += "szingli_about-en.html";
			} else if ($a.is(".hu")) {
				url += "szingli_about-hu.html";
			}
		} else if ($a.parents(".graph-2").length) {
			url += "politograf_about-hu.html";
		}

		$a.attr("href", url);
	});

	$("a.ajax[href]").bind("click", function() {
		var $a = $(this);
		var $target = $("#" + $a.attr("target"));

		if ($target.length != 1) return false;

		var url = $a.attr("href");

		if ($a.is(".hide")) {
			$a.hide(400);
		} else {
			$a.unbind("click");
		}

		$target.hide(50, function() {;
			$.ajax({
				url: url,
				contentType: "html",
				success: function( data ) {
					$target.html(data);
					$target.show(400);
				}
			});
		});

		return false;
	});

	$(".demography-results select").bind("change", function() {
		var $s = $(this);

		var $td = $s.parents("td.demography");

		var name = $s.attr("name");
		var m = name.match(/\d+$/);
		if (!m) return;

		var id = m[0];
		var value = $s.val();

		var $i = $("img", $td);

		var src = $i.attr("name") + "?demo=" + id + "&sel=" + value;

		$i.fadeTo(500, 0.1, function() {
			$i.attr("src", src).fadeTo(400, 1);
		});
	});

	$("form.questions, form.demography").each(function() {
		var f = $(this);

		$("input.radio", f).each(function( i ) {
			var item = $(this);

			var d = $(document.createElement("div")).addClass("radio").insertBefore(item);
			var s = $(document.createElement("span")).text(String.fromCharCode(97 + i) + ".").appendTo(d);
			item.hide();
		});

		var i = $("input.submit", f);

		var d = $(document.createElement("div")).addClass("submitbutton").insertBefore(i);
		var ld = $(document.createElement("div")).addClass("left").appendTo(d);
		var rd = $(document.createElement("div")).addClass("right").appendTo(ld);

		i.remove().appendTo(rd);

		d.css("cursor", "pointer").bind("click", function() {
			i.trigger("click");
		});

		// click event handler
		var c = function( item ) {
			// remove all previously checked items
			$("div.radio", item.parents("form.questions")).removeClass("checked");

			// add new checked item
			$("input.radio", item).attr("checked", "checked"); 
			$("div.radio", item).addClass("checked");
			return false;
		}

		var q = $("div.question", f);
		q.css("cursor", "pointer").bind("click", function() {
			return c($(this));
		});
	});
});