function gradient(id, level)
{
	var box = document.getElementById(id);
	box.style.opacity = level;
	box.style.MozOpacity = level;
	box.style.KhtmlOpacity = level;
	box.style.filter = "alpha(opacity=" + level * 100 + ")";
	box.style.display="block";
	return;
}


function fadein(id) 
{
	var level = 0;
	while(level <= 1)
	{
		setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
		level += 0.01;
	}
}


// Open the lightbox


function openbox()
{
  setCookie('popup', true);
  var newpopup = document.createElement('div');
  newpopup.id = "popupjs";
  
  newpopup.innerHTML = '<div id="shadowing" onclick="closebox()"></div>' +
							'<div id="box" style="display: none; ">' +
							'<div style="height:566px;margin:0 auto;position:relative;width:759px;">' +
							'<div style="width:337px;height:544px;background:url(\'/pop-up/micro.png\') no-repeat;position:relative;margin-top:20px;float:left;">' +
							'<a href="maison-ecologique-portable.htm" rel="nofollow" title="Maison écologique portable d\'Ecop Habitat" onclick="window.parent.location.href=\'/maison-ecologique-portable.htm?utm_source=popup&utm_medium=popup&utm_term=clic_microloft&utm_campaign=chemin_popup\'" style="position:absolute; top:177px; left:123px; height:26px; width:121px; display:block;"> </a><a href="maison-ecologique-portable-terrain.htm" rel="nofollow" title="Maison écologique portable d\'Ecop Habitat avec terrain" onclick="window.parent.location.href=\'/maison-ecologique-portable-terrain.htm?utm_source=popup&amp;utm_medium=popup&amp;utm_term=clic_microloft-terrain&amp;utm_campaign=chemin_popup\'" style="position:absolute; top:0px; left:47px; height:81px; width:272px; display:block;"> </a></div>' +
							'<div style="width:310px;height:566px;background:url(\'/pop-up/maxi.png\') no-repeat;margin-left:25px;;position:relative;float:left;">' +
							'<a href="http://www.maxiloft.fr" title="Construction loft écologique et bioclimatique" rel="nofollow" onclick="window.parent.location.href=\'http://www.maxiloft.fr?utm_source=popup&utm_medium=popup&utm_term=clic_maxiloft&utm_campaign=chemin_popup\'" style="position:absolute; top:188px; right:93px; height:26px; width:121px; display:block;"> </a><a href="http://www.maxiloft.fr/maxiloft-terrains.html" title="Construction loft écologique et bioclimatique avec terrain" rel="nofollow" onclick="window.parent.location.href=\'http://www.maxiloft.fr/maxiloft-terrains.html?utm_source=popup&amp;utm_medium=popup&amp;utm_term=clic_maxiloft-terrain&amp;utm_campaign=chemin_popup\'" style="position:absolute; top:20px; right:78px; height:81px; width:212px; display:block;"> </a>	</div>' +
							'<a href="#" onclick="closebox();return false;" style=" background:url(\'/pop-up/bt.png\') no-repeat;position:absolute;top:10px;right:0;height:30px;width:163px;display:block;"> </a>	</div></div>';
  document.body.appendChild(newpopup);
  document.getElementById('box').style.display='block';
}


// Close the lightbox

function closebox()
{
   document.getElementById('box').style.display='none';
   document.getElementById('shadowing').style.display='none';
}
	
function setCookie(sName, sValue) {
    var today = new Date(), expires = new Date();
    expires.setTime(today.getTime() + (3600*24*1000));
    document.cookie = sName + "=" + encodeURIComponent(sValue) + ";expires=" + expires.toGMTString();
}

function getCookie(sName) {
    var cookContent = document.cookie, cookEnd, i, j;
    var sName = sName + "=";
    for (i=0, c=cookContent.length; i<c; i++) {
        j = i + sName.length;
        if (cookContent.substring(i, j) == sName) {
            cookEnd = cookContent.indexOf(";", j);
            if (cookEnd == -1) {
                cookEnd = cookContent.length;
            }
            return decodeURIComponent(cookContent.substring(j, cookEnd));
        }
    }       
    return null;
}