// JavaScript Document banner home page
// (c) 2009 mauro gallo web creations

function showBanner() {
		var bannerFrame = document.createElement("div");
		bannerFrame.setAttribute("id", "bannerFrame");
		bannerFrame.style.position = "fixed";
		bannerFrame.style.top = "0px";
		bannerFrame.style.left = "0px";
		bannerFrame.style.backgroundColor = "#000000";
		bannerFrame.style.zIndex = "200";
		document.body.appendChild(bannerFrame);
		var banner = $("#bannerFrame");
		banner.css("width", "100%");
		banner.css("height", "100%");
		banner.css("opacity", 0.0);
	  	var closeDiv = document.createElement("div");
		closeDiv.style.padding = "0px 5px 0px 5px";
		closeDiv.style.fontSize = "0.8em";
		closeDiv.style.textAlign = "right";
		var closeA = document.createElement("a");
		closeA.onclick = closeBanner;
		closeA.setAttribute("title", "chiudi");
		closeA.setAttribute("href", "#");
		closeA.style.color = "#FFFFCC";
		closeA.appendChild(document.createTextNode("close"));
		closeDiv.appendChild(closeA);
		var bannerPix = document.createElement("img");
		bannerPix.setAttribute("id", "bannerPix");
		bannerPix.style.display = "none";
		var bannerA = document.createElement("a");
		bannerA.setAttribute("href", "autunno.html");
		bannerA.setAttribute("title", "vai alla pagina della Festa del Novello");
		bannerA.appendChild(bannerPix);
		var bannerDiv = document.createElement("div");
		bannerDiv.setAttribute("id", "bannerDiv")
		bannerDiv.style.width = "350px";
		bannerDiv.style.position = "fixed";
		bannerDiv.style.zIndex = "300";
		var bannerWidth = $(window).width();
		var bannerHeight = $(window).height();
		bannerDiv.style.top = ((bannerHeight - 400) / 2) + "px";
		bannerDiv.style.left = ((bannerWidth - 350) / 2) + "px";
		bannerDiv.appendChild(closeDiv);
		bannerDiv.appendChild(bannerA);
		document.body.appendChild(bannerDiv);
		var image = new Image();
		image.src = "pix/extra/novelloBanner11.png";
		image.onload = function() {
			var bannerPix = $("#bannerPix");
			//bannerPix.css("display", "none");
			bannerPix.css("margin", "0px");
			bannerPix.attr("src", "pix/extra/novelloBanner11.png");
			bannerPix.attr("width", "350");
			bannerPix.attr("height", "400");
			banner.fadeTo("slow", 0.8, function() {bannerPix.fadeIn("slow");});
		}
}

function closeBanner() {
	$("#bannerDiv").fadeOut("slow", function() {$("#bannerFrame").fadeOut("slow", function() {$("#bannerDiv").remove();$("#bannerFrame").remove();});});
	return false;
}