$(document).ready(function() {
document.getElementById('screen').style.display = 'none';
document.getElementById('popup').style.display = 'none';
setOpacity(document.getElementById('screen'), 0);
setOpacity(document.getElementById('popup'), 0);

    // Using jQuery, set both the enctype and the encoding
    // attributes to be multipart/form-data.
    $( "form#upload-form" )
    .attr( "enctype", "multipart/form-data" )
    .attr( "encoding", "multipart/form-data" )
    ;
});


function overlayOn() {
fade('screen', 0, 50, 2);
setTimeout("document.getElementById('screen').style.display = 'block'", 0);
fade('popup', 0, 100, 5);
setTimeout("document.getElementById('popup').style.display = 'block'", 0);
}

function overlayOff() {
fade('screen', 50, 0, -2);
setTimeout("document.getElementById('screen').style.display = 'none'", 1500);
fade('popup', 100, 0, -5);
setTimeout("document.getElementById('popup').style.display = 'none'", 1500);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fade(objId, value, limit, opp) {
  if (document.getElementById) {
    obj = document.getElementById(objId);

	if(opp>0) {
    if (value <= limit) {
      setOpacity(obj, value);
	  value = value + opp;
      window.setTimeout("fade('"+objId+"',"+value+","+limit+","+opp+")", 2);
    }
	}
	else {

    if (value > limit) {
      setOpacity(obj, value);
	  value = value + opp;
      window.setTimeout("fade('"+objId+"',"+value+","+limit+","+opp+")", 2);
    }
	}
  }
}