// Browser safe opacity handling function

function setOpacity(value, element_id) {

 document.getElementById(element_id).style.opacity = value / 10;
 document.getElementById(element_id).style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeInMyPopup(element_id) {
 for( var i = 0 ; i <= 100 ; i++ ) {
 
 setTimeout('setOpacity('+(i/10) +',"'+element_id+'");',3*i);
 } 
 
}

function fadeOutMyPopup(element_id) {
	
 for( var i = 0 ; i <= 100 ; i++ ) {


setTimeout('setOpacity('+(10 - i / 10) +',"'+element_id+'");',3*i);


}
setTimeout('closeMyPopup("'+element_id+'");', 800 );
 //closeMyPopup(element_id);
}

function closeMyPopup(element_id) {
 document.getElementById(element_id).style.display = "none"
}

function fireMyPopup(element_id) {
 setOpacity(0, element_id);
 document.getElementById(element_id).style.display = "block";
 $('.popup_block').css('width', 480);$('.popup_block').css('top', '10%');$('.popup_block').css('left', '50%');$('.popup').css('width', 480);
 fadeInMyPopup(element_id);
}

//To outomatic fadeout need to be called manually
function fadeOutMyPopupTimeout(element_id) {
	setTimeout('fadeOutMyPopup("'+element_id+'");', 800);
}