// JavaScript Document

var __OUTER_DIV__DEFINITION = "outer"
var __INNER_DIV__DEFINITION = "inner";
var __CLOSE_DIV_DEFINITION = "closer";
var __FOOTER_DIV_DEFINITION = "footerdiv";
var __CLOSE_IMG = "/fabbri/images/icona_chiudi_bianco.gif";
var __PREV_IMG = "/fabbri/images/icona_indietro_bianco.gif";
var __NEXT_IMG = "/fabbri/images/icona_avanti_bianco.gif";
var __DL_IMG = "/fabbri/images/icona_scarica-bianco.gif";
var __PARENT_ID = "containerPopup";
var __DIV_IDX = 0;
var __CURRENT_EXPAND = null;

var lang = "it-it";

var __CHIUDI = new Array();
__CHIUDI["it-it"] = "chiudi";

var __PREV = new Array();
__PREV["it-it"] = "indietro";
var __NEXT = new Array();
__NEXT["it-it"] = "avanti";
var __CARTOLINA = new Array();
__CARTOLINA["it-it"] = "cartolina";
var __REGOLAMENTO = new Array();
__REGOLAMENTO["it-it"] = "regolamento";

var IMAGESTEP = 0;
var CARTOLINASTEP = 1;
var REGOLAMENTOSTEP = 2;

function createPullDown(imgWidth, imgHeight)
{
	var offset = 0
	if(arguments.length > 2)
		offset = 1;
	else
		offset = 20;
	var elem = document.createElement("div");
	if(elem)
	{
		elem.maxHeight = imgHeight + 22 + (offset * 2);
		elem.uniqueId = getNewId();
		elem.id = "_outer"+elem.uniqueId;
		var parent = document.getElementById(__PARENT_ID);
		if(parent)
		{
			elem.parentDiv = parent;
			parent.appendChild(elem);
		}
		elem.style.width = (imgWidth + (offset * 2))+"px";
		elem.style.height = (imgHeight + 20 + offset)+"px"
		elem.style.marginLeft =  Math.floor(-((imgWidth + (offset * 2))/2))+"px";
		//elem.style.marginTop = Math.floor(-((imgHeight+50)/2))+"px"
		elem.className = __OUTER_DIV__DEFINITION;
		elem.show = function(){__CURRENT_EXPAND = this;openPulldown()}
		elem.step = function(type,src){
			if(!this.steps)
				this.steps = new Array();
			this.steps[this.steps.length] = new Array(type,src);
		}
		elem.performNextStep = function()
		{
			if(this.steps && (this.steps.length >= this.currentStep + 1))
			{
				this.currentStep++;
				if(this.steps[this.currentStep][0] == IMAGESTEP)
				{
					var img = document.getElementById("__IMG"+this.uniqueId);
					if(img)
						img.src = this.steps[this.currentStep][1];
					var display = ((this.steps.length > this.currentStep + 1) && (this.steps[this.currentStep+1][0] == IMAGESTEP)) ? "block" : "none";
					var next = document.getElementById("_right"+this.uniqueId);
					if(next)
						next.style.display = display;
					var center = document.getElementById("_center"+this.uniqueId);
					if(center)
					{
						if(this.steps.length > this.currentStep + 1 && this.steps[this.currentStep + 1][0] != IMAGESTEP )
						{
							for(var i = this.currentStep + 1; i < this.steps.length; i++)
							{
								if(this.steps[i][0] == CARTOLINASTEP)
								{
									center.style.display = "block";
									var linkelem = document.getElementById("_centerlink"+this.uniqueId);
									if(linkelem)
									{
										linkelem.style.display = "block";
										linkelem.href =  this.steps[i][1];
										var imgelem = document.getElementById("_centerimg"+this.uniqueId);
										if(imgelem)
											imgelem.style.display = "inline";
									}
								}
								else if(this.steps[i][0] == REGOLAMENTOSTEP)
								{
									center.style.display = "block";
									var linkelem = document.getElementById("_centerlink2"+this.uniqueId);
									if(linkelem)
									{
										linkelem.style.display = "block";
										linkelem.href =  this.steps[i][1];
										var imgelem = document.getElementById("_centerimg2"+this.uniqueId);
										if(imgelem)
											imgelem.style.display = "inline";
									}
								}
							}
						}
						else
							center.style.display = "none";
					}
				}
				var prev = document.getElementById("_left"+this.uniqueId);
				if(prev)
					prev.style.display = (this.currentStep > 0) ? "block" : "none";
			}
		}
		elem.performPrevStep = function()
		{
			if(this.steps && this.currentStep> 0)
			{
				this.currentStep--;

				if(this.steps[this.currentStep][0] == IMAGESTEP)
				{
					var img = document.getElementById("__IMG"+this.uniqueId);
					if(img)
						img.src = this.steps[this.currentStep][1];
					var display = (this.steps.length > this.currentStep + 1) ? "block" : "none";
					var next = document.getElementById("_right"+this.uniqueId);
					if(next)
						next.style.display = display;
					var center = document.getElementById("_center"+this.uniqueId);
					if(center)
						center.style.display = "none";
				}
				var prev = document.getElementById("_left"+this.uniqueId);
				if(prev)
					prev.style.display = (this.currentStep > 0) ? "block" : "none";
			}
		}
		elem.currentStep = -1;
		elem.autoClose = false;
		elem.inner = document.createElement("div");
		elem.inner.id = "_inner"+elem.uniqueId;
		if(parent)
			parent.appendChild(elem);
		elem.inner.style.width = (imgWidth + (offset * 2))+"px";
		elem.inner.style.height = (imgHeight + 20 + offset)+"px"
		elem.inner.style.marginLeft =  Math.floor(-((imgWidth + (offset * 2))/2))+"px";
		//elem.inner.style.marginTop = Math.floor(-((imgHeight+30)/2))+"px"
		elem.inner.className = __INNER_DIV__DEFINITION;
		if(parent)
			parent.appendChild(elem.inner);
		var header = document.createElement("div");
		header.id = "_close"+elem.uniqueId;
		header.style.width = imgWidth +"px";
		header.style.height = "20px"
		header.className = __CLOSE_DIV_DEFINITION;
		elem.inner.appendChild(header);
		var closelink = document.createElement("a");
		closelink.parent = elem;
		closelink.id = "_closelink"+elem.uniqueId;
		closelink.onclick = function(){__CURRENT_EXPAND = elem;closePulldown()}
		closelink.innerHTML = __CHIUDI[lang];
		header.appendChild(closelink);
		var closeimg = document.createElement("img");
		closeimg.src = __CLOSE_IMG;
		closeimg.style.border = "0";
		closelink.appendChild(closeimg);
		var img = document.createElement("img");
		img.id = "__IMG"+elem.uniqueId;
		elem.inner.appendChild(img);
		var footerdiv = document.createElement("div");
		footerdiv.style.width = imgWidth +"px";
		footerdiv.className = __FOOTER_DIV_DEFINITION;
		elem.inner.appendChild(footerdiv);
		var leftdiv = document.createElement("div");
		leftdiv.className = "footerLeft";
		leftdiv.style.width = Math.floor((imgWidth)/2)+"px";
		footerdiv.appendChild(leftdiv);
		var leftinnerdiv = document.createElement("div");
		leftinnerdiv.id = "_left"+elem.uniqueId;
		leftinnerdiv.style.display = "none";
		leftdiv.appendChild(leftinnerdiv);
		var rightdiv = document.createElement("div");
		rightdiv.className = "footerRight";
		rightdiv.style.width = Math.floor((imgWidth)/2)+"px";
		footerdiv.appendChild(rightdiv);
		var rightinnerdiv = document.createElement("div");
		rightinnerdiv.style.display = "none";
		rightinnerdiv.id = "_right"+elem.uniqueId;
		rightdiv.appendChild(rightinnerdiv);
		var centerinnerdiv = document.createElement("div");
		centerinnerdiv.id = "_center"+elem.uniqueId;
		centerinnerdiv.style.display = "none";
		rightdiv.appendChild(centerinnerdiv);
		var prevlink = document.createElement("a");
		prevlink.onclick = function(){elem.performPrevStep()};
		leftinnerdiv.appendChild(prevlink);
		var previmg = document.createElement("img");
		previmg.src = __PREV_IMG;
		previmg.style.border = "0";
		prevlink.appendChild(previmg);
		prevlink.innerHTML += __PREV[lang];
		var nextlink = document.createElement("a");
		nextlink.onclick = function(){elem.performNextStep()};
		nextlink.innerHTML += __NEXT[lang];
		rightinnerdiv.appendChild(nextlink);
		var nextimg = document.createElement("img");
		nextimg.src = __NEXT_IMG;
		nextimg.style.border = "0";
		nextlink.appendChild(nextimg);
		var centerlink = document.createElement("a");
		centerlink.id = "_centerlink"+elem.uniqueId;
		centerlink.style.display = "none";
		centerlink.target = "new";
		centerlink.innerHTML += __CARTOLINA[lang];
		centerinnerdiv.appendChild(centerlink);
		var centerimg = document.createElement("img");
		centerimg.src = __DL_IMG;
		centerimg.id = "_centerimg"+elem.uniqueId;
		centerimg.style.border = "0";
		centerimg.style.display = "none";
		centerlink.appendChild(centerimg);
		var centerlink2 = document.createElement("a");
		centerlink2.id = "_centerlink2"+elem.uniqueId;
		centerlink2.style.display = "none";
		centerlink2.target = "new";
		centerlink2.innerHTML += __REGOLAMENTO[lang];
		centerinnerdiv.appendChild(centerlink2);
		var centerimg = document.createElement("img");
		centerimg.src = __DL_IMG;
		centerimg.id = "_centerimg2"+elem.uniqueId;
		centerimg.style.border = "0";
		centerimg.style.display = "none";
		centerlink2.appendChild(centerimg);
	}
	return elem;
}


function getNewId()
{
	return (__DIV_IDX++);
}

function openPulldown()
{
	expStep = 0;
    elem = __CURRENT_EXPAND;
    if(elem)
    {
        elem.style.display = "block";
        elem.style.clip = "rect(0px 0px 0px 0px)";
    }
    elem = __CURRENT_EXPAND.inner;
    if(elem)
    {
        elem.style.display = "block";
        elem.style.clip = "rect(0px 0px 0px 0px)";
    }
	//aggiunge il primo step
	if(__CURRENT_EXPAND.steps)
		__CURRENT_EXPAND.performNextStep();
    expandPulldown();
}

function closePulldown()
{
    var elem = __CURRENT_EXPAND;
    if(elem && elem.parentDiv)
	{
		elem.parentDiv.removeChild(elem.inner);
		elem.parentDiv.removeChild(elem);
	}
}

var expStep = 0;

function expandPulldown()
{
    expStep += 10;
    if(expStep <= __CURRENT_EXPAND.maxHeight+10)
    {
        var elem = __CURRENT_EXPAND;
        if(elem)
            elem.style.clip = "rect(0px 564px "+expStep+"px 0px)";
        elem = __CURRENT_EXPAND.inner;
        if(elem)
            elem.style.clip = "rect(0px 564px "+expStep+"px 0px)";
        setTimeout("expandPulldown()", 2);
    }
    else if(__CURRENT_EXPAND.autoClose)
        setTimeout("closePulldown()", 8000);
}