/*apre un popup*/
/*
*sType: string tipo di popup
*sContent: string contenuto
*/
function fnOpenPopUp(sType,sContent,sBackgroundColor,sBorderColor,sActive,sFooterMessage){
	if(!sActive){
		return;
	}    
	var oOverlayBox = fnCreateOverlayBox(sType,sContent,sBackgroundColor,sBorderColor);
	document.body.appendChild(oOverlayBox);
       var oElToAttach = document.getElementById("button_close");
       if(oElToAttach.addEventListener){
        //for Mozilla etc
        oElToAttach.addEventListener("click",function(){fnRemoveBox(oOverlayBox,"body_content");},false);
        }
        else{
        //for IE
        oElToAttach.attachEvent("onclick",function(){fnRemoveBox(oOverlayBox,"body_content");});
    }
    
}

/*chiude un popup, elimina anche il div dello sfondo opaco*/
/*
*sType: string tipo di popup
*sContent: string contenuto
*/
function fnRemoveBox(oElement,sDivBackground){
    document.body.removeChild(oElement);
    var parentPopUp = document.getElementById(sDivBackground);
    document.body.removeChild(parentPopUp);
}

/*crea il box*/
function fnCreateOverlayBox(sType,sContent,sBackgroundColor,sBorderColor){
    var oNewBox = document.createElement("div");
    oNewBox.setAttribute("id","popup_evento");
    oNewBox.className = "overlay box";
    oNewBox.style.display = "none";
    oNewBox.style.backgroundColor = sBackgroundColor;
    oNewBox.style.border = sBorderColor;
    oNewBox.style.position = "absolute";
    oNewBox.style.top = "100px";
    oNewBox.style.opacity = "1";
    oNewBox.style.zIndex = "100";
    document.getElementById("body_content").style.backgroundColor = "green";
    fnSetOpacity(document.getElementById("body_content"));
    oNewBox.appendChild(fnCreateHeaderBox());
    oNewBox.appendChild(fnCreateBodyBox(sType,sContent,oNewBox));
    oNewBox.appendChild(fnCreateFooterBox(sType));
    oNewBox.style.display = "block";
    return oNewBox;
}

/*crea l'header*/
function fnCreateHeaderBox(){
    var oNewHeader = document.createElement("div");
    oNewHeader.className = "overlay header";
	oNewHeader.style.height = "30px";
oNewHeader.style.width = "526px";
oNewHeader.style.textAlign = "center";
var sHTML = "<div>Grazia De Lucca - Oltre il muro - 2010</div><div style=\"color:#CC0000;\">Vincitrice del concorso \"UN MURO\" </div>";
oNewHeader.innerHTML = sHTML;    
return oNewHeader;
}

/*crea il body*/
function fnCreateBodyBox(sType,sContent,oParent){
    var oNewBody = document.createElement("div");
    oNewBody.className = "overlay body";
    oNewBodyWrapImg = document.createElement("div");
    oNewBodyImg = document.createElement("img");
    oNewBodyImg.src = "/images/popup/"+sContent;
	oParent.style.width = "526px";
oParent.style.textAlign = "center"; 
    oParent.style.left = "50%";
    oParent.style.marginLeft = "-216px";
    //oParent.style.marginLeft = "-"+oNewBodyImg.offsetWidth/2+"px";
    oNewBodyWrapImg.appendChild(oNewBodyImg);
    oNewBody.appendChild(oNewBodyWrapImg);
    return oNewBody;
}

/*crea il body*/
function fnCreateFooterBox(sType){
    var oNewFooter = document.createElement("div");
    oNewFooter.className = "overlay footer";
    oNewBoxWrapImgClose = document.createElement("div");
    oNewBoxWrapImgClose.setAttribute("id","button_close");
    oNewFooter.appendChild(oNewBoxWrapImgClose);
    oNewBoxWrapImgClose.style.textAlign = "right";
    oNewBoxWrapImgClose.style.paddingRight = "5px";
    oNewCloseImg = document.createElement("img");
    oNewCloseImg.src = "/images/closePopUp.jpg";
    oNewCloseImg.style.cursor = "pointer";
    oNewBoxWrapImgClose.appendChild(oNewCloseImg);
    
    return oNewFooter;
}



/*funzioni di servizio per patch su IE*/

function fnSetOpacity(oElement){
    //for Mozilla etc
    oElement.style.opacity = "0.5";
    //for IE
    oElement.style.filter = "alpha(opacity='50')";
}