var siteroot = (typeof(fullsiteroot) == "function") && (typeof(sitehost) == "function") ? fullsiteroot().replace(sitehost(), "") : "/";
var lang = location.href.indexOf("/en/") > - 1 ? "en" : "fr";

var openModal = function(el, title, contentPath, options){
	if(title == "") var title = el.title;
	var html;
	if (!$("modaldialog")) {
		html = document.createElement("div");
		document.body.appendChild(html);
		html = $(html);
		html.id = "modaldialog";
	}
	else html = $("modaldialog");
	html.innerHTML = "\
		<div class='hidden modal-container'>\
			<div class='modal-mask'>" +
				//@cc_on "<iframe frameborder='0' src='javascript:document.write(\"<html><body></body></html>\");document.close();'></iframe>" +
			"</div>\
			<div class='modal-content'>\
				<h1><a class='modal-closer' href='javascript:;'>" + (lang == "en" ? "Close" : "Fermer") + "</a><span class='modal-title'></span></h1>\
				<div class='modal-body'></div>\
			</div>\
		</div>\
	";
	var container = html.down("div.modal-container");
	var formToSubmit = options.form;
	var postBody = "";
	if (formToSubmit && formToSubmit.elements) {
		for (var i=0;i<formToSubmit.elements.length;i++) {
			postBody+=(postBody.length==0 ? "" : "&")+formToSubmit.elements[i].name+"="+escape(formToSubmit.elements[i].value);
		}
	}
	var method = postBody.length == 0 ? "GET" : "POST"
	new Ajax.Updater(html.select(".modal-body")[0], siteroot + contentPath, {method:method, postBody:postBody, evalScripts : true, onComplete : function() {
		container.removeClassName("hidden");
		html.down("span.modal-title").innerHTML = title + "&nbsp;";
		var body = html.down("div.modal-content");
		if (typeof(options.width) != "undefined") body.style.width = (parseInt(options.width) || 500) + "px";
		if (typeof(options.height) != "undefined") body.style.height = (parseInt(options.height) || 500) + "px";
		if (typeof(options.padding) != "undefined") $$("div.modal-body").invoke("setStyle", {padding: parseInt(options.padding) + "px"});
		var y = window.pageYOffset || document.documentElement.scrollTop;
		html.select(".modal-mask,.modal-mask iframe").invoke("setStyle", {
			height : document.documentElement.scrollHeight + document.documentElement.scrollTop + "px",
			width : document.body.offsetWidth + "px"
		});
		var scroll = document.body.scrollTop || document.documentElement.scrollTop;
		var centered = ((document.viewport.getHeight() / 2) - (body.offsetHeight / 2));
		html.select(".modal-content").invoke("setStyle", {
			top : (centered < 0 ? 20 : centered) + scroll + "px",
			left : ((document.viewport.getWidth() / 2) - (body.offsetWidth / 2)) + "px"
		});
		$$(".klick-popup-closer").each(function(close){
			close.observe("click", function(e){
				e.stop();
				$(this).up("div.modal-container").addClassName("hidden");
			});
		})
		$$(".klick-confirm-leaving").each(function(link) {
			link.observe("click", function(e) {
				//e.stop();
				$(this).up("div.modal-container").addClassName("hidden");
				this.href = el.href;
				//var newWindow = window.open(el.href, '_blank');
				//newWindow.focus();
			})
		})
	}});

	html.down("a.modal-closer").observe("click", function() {
		$(this.up(".modal-content")).down(".modal-body").innerHTML = "";
		$(this.up(".modal-container").parentNode).remove();
	});
}

Event.observe(window, "load", function() {
	$$(".whatiswidget").each(function(el) {
		el.observe("click", function(e) {
			Event.stop(e)
			openModal(this, "What is a widget", "elements/widgets/champixquit/what")
		})
	})
})

var downloadWidget = function() {
	location.href = "http://" + location.host + siteroot + "local/files/finalwidget_" + lang + ".zip"
}

var nav1 = function(){
	location.href = "http://" + location.host + siteroot + lang + "/quit_clicker/";
}
var nav2 = function(){
	location.href = "http://" + location.host + siteroot + lang + "/handy_helpers/";
}
var nav3 = function(){
	location.href = "http://" + location.host + siteroot + lang + "/temptation_tracker/";
}
var nav4 = function(){
	location.href = "http://" + location.host + siteroot + lang + "/support_network/";
}

var closeIt = function() {
	if ($("modaldialog")) {
		$("modaldialog").down(".modal-body").innerHTML = "";
		$("modaldialog").remove();
	}
}