var cl_pathUrl = "http://www.vos-videos-x.com/promo/mandibule/click_dhtml/"
var cl_popupUrl = cl_pathUrl + "frame1.php?formule=46&tracker1=&tracker2=&pdv=5&inter=2&id_webmaster=93&email=@&payant=1&id_promo=104130"
var IE = document.all ? true : false;
var cl_obj;
var cl_opt;
var cl_PopClose = 1;

cl_mandi_content = '<div style="background: url(\'http://www.vos-videos-x.com/promo/mandibule/click_dhtml/img/st1_headdeg.png\') no-repeat; width:550px; height:15px; text-align: right;"><a href="javascript:none();" onclick="hide_box();"><img alt="Fermer" height="15" src="http://www.vos-videos-x.com/promo/mandibule/click_dhtml/img/st1_headclose.png" width="49" style="border: 0;" /></a></div><iframe name="vvx_cldhtml1" src="'+cl_popupUrl+'" width="550" height="248" scrolling="no"  framespacing="0" frameborder="0" allowtransparency="true"></iframe>';

function none(){}

function show_box() {
	cl_opt=1;
	dispose_box(1, 1);
	document.getElementById('back_fade').style.display = 'block';
	document.getElementById('content_cl_dhtml').style.display = 'block';
}

function hide_box() {
	delFade();	
	document.getElementById('content_cl_dhtml').style.display = 'none';
	cl_opt=0;

	if(cl_PopClose==1){
		cl_closePopupBack();
		window.focus();
	}
}

function cl_closePopupBack(){
	winwidth = screen.availWidth - 10;
	winheight = screen.availHeight - 30;
	window.open('http://www.vos-videos-x.com/abonnement/cb_check.php?formule=46&tracker1=&tracker2=&pdv=5&inter=2&id_webmaster=93&id_promo=104130', '_blank', 'scrollbars=yes, width=' + winwidth + ', height=' + winheight + ', top=0, left=0, resizable');
	window.focus();
}

function dispose_box(scroll, fade) {
	if(cl_opt==1){
		if(fade == 1)
			initFade();
		if(IE){
			document.getElementById('back_fade').style.left = document.documentElement.scrollLeft ? document.documentElement.scrollLeft +'px' : document.body.scrollLeft +'px';
			document.getElementById('back_fade').style.top = document.documentElement.scrollTop ? document.documentElement.scrollTop +'px' : document.body.scrollTop +'px';

			document.getElementById('content_cl_dhtml').style.left = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft +'px';
			document.getElementById('content_cl_dhtml').style.top = document.documentElement.scrollTop ? document.documentElement.scrollTop +'px' : document.body.scrollTop +'px';
		}else{
			document.getElementById('back_fade').style.left = window.pageXOffset +'px';
			document.getElementById('back_fade').style.top = window.pageYOffset +'px';

			document.getElementById('content_cl_dhtml').style.left = window.pageXOffset +'px';
			document.getElementById('content_cl_dhtml').style.top = window.pageYOffset +'px';
		}
		if(scroll == 1)
			setTimeout('dispose_box(1, 0)',100);
	}
}

function initFade(){
	cl_obj = document.getElementById("back_fade");
	for (var i=0;i<8;i++)
		setTimeout('setOpacity('+i+')',50*i);
	return false;
}

function delFade(){
	cl_obj = document.getElementById("back_fade");
	for (var j=9;j>0;j--)
		setTimeout('setOpacitydel('+(j-1)+')',450/j);
	return false;
}

function setOpacity(value){
	cl_obj.style.opacity = value/10;
	cl_obj.style.filter = 'alpha(opacity=' + value*10 + ')';
	cl_obj.style.backgroundColor = "#000000";
}

function setOpacitydel(value){
	cl_obj.style.opacity = value/10;
	cl_obj.style.filter = 'alpha(opacity=' + value*10 + ')';
	if(value == 0){
		cl_obj.style.backgroundColor = "";
		cl_obj.style.display = 'none';
	}
}

document.write('<style type="text/css">\
html, body {\
	margin: 0px;\
}\
#back_fade {\
	z-index: 19998;\
	width: 100%;\
	height: 100%;\
	display: none;\
	position: absolute;\
}\
#content_cl_dhtml {\
	z-index: 19999;\
	width: 100%;\
	height: 100%;\
	display: none;\
	position: absolute;\
	left: 0px;\
	top: 0px;\
}\
#cl_classtb1 {\
	z-index: 20000;\
	width: 100%;\
	height: 100%;\
	position: absolute;\
}\
</style>\
<div id="back_fade"><!-- MANDIBULE --></div>\
<div id="content_cl_dhtml">\
<table id="cl_classtb1"><tbody>\
<tr>\
<td align="center" id="cl_frame"></td>\
</tr>\
</tbody></table>\
</div>');


if (document.getElementById){
	document.getElementById("cl_frame").innerHTML = cl_mandi_content;
}else if (document.all){
	document.all("cl_frame").innerHTML = cl_mandi_content;
}


if(window.addEventListener){ // Firefox 1+, Opera 9, Safari 3+, etc.
	window.addEventListener("scroll", dispose_box, false);
}else if(document.addEventListener){ // Opera 7, Opera 8
	document.addEventListener("scroll", dispose_box, false);
}else if("onscroll" in self){ // MSIE 6, 7 and MSIE 8
	self.onscroll = dispose_box;
};