var BNJTV = BNJTV || {};
BNJTV.Widget = BNJTV.Widget || {};
BNJTV.Widget.Format = function(format) {
	var args = Array.prototype.slice.call(arguments, 1);
	return format.replace(/\{(\d+)\}/g, function(m, i) {
		return args[i];
	});
};
BNJTV.Widget.AddCss = function(url) {
	var headID = document.getElementsByTagName("head")[0];
	var cssNode = document.createElement('link');
	cssNode.type = 'text/css'; cssNode.rel = 'stylesheet';
	cssNode.href = url;
	cssNode.media = 'screen';
	headID.appendChild(cssNode);
};
BNJTV.Widget.AddJS = function(url) {
	var headID = document.getElementsByTagName("head")[0];         
	var newScript = document.createElement('script');
	newScript.type = 'text/javascript';
	newScript.src = url;
	headID.appendChild(newScript);
};

BNJTV.Widget.LatestGlobalWall = function(config) {

	return {
		Config: config,
		ControlID: "bnjtv_widget_latestglobal_"+parseInt(Math.random()*100000000000),
		CssUrl: "http://www.bnj.tv/Htdocs/Styles/widget-latestglobalwall.css",
		LeftTemplate:'<li onmouseover="{6}.UpdateItem({0});"><a href="#" onclick="return false;"><img src="http://bnj.tv.s3.amazonaws.com/Htdocs/Files/Videos/Thumbnails/{2}" /></a></li>',
		RightTemplate: '		<div class="glitem" id="{6}_{0}"{7}>'
			+'<div><h4><a href="#" onclick="{6}.OpenWindow({0},{8});return false;">{1}</a></h4></div>'
			+'<a href="#" onclick="{6}.OpenWindow({0},{8});return false;"><img src="http://bnj.tv.s3.amazonaws.com/Htdocs/Files/Videos/Thumbnails/{2}" /></a>'
			+'<span class="brief"><strong>{3}</strong> | <strong>{4} VUES</strong></span>'
		+'</div>',
		Render: function() { 
			BNJTV.Widget.AddCss(this.CssUrl);

			window[this.ControlID]=this;
// onmouseover="{6}.UpdateItem({0});"
			var right="",left="";
			for(var i=0;i<this.Config.Data.length;i++) {
				var cfg=this.Config.Data[i];
				left+=BNJTV.Widget.Format(this.LeftTemplate, cfg.ID, cfg.Title, cfg.Thumbnail, cfg.Date, cfg.ViewCount, cfg.CommentCount,this.ControlID);
				right+=BNJTV.Widget.Format(this.RightTemplate, cfg.ID, cfg.Title, cfg.Thumbnail, cfg.Date, cfg.ViewCount, cfg.CommentCount,this.ControlID,i==0?"":' style="display:none"',i+1);
				if(i==0) {
					this.LastShownID=cfg.ID;
				}
			}

			var code='<div class="bnjtvwglatestglobal"><div class="gright"><ul>'+left+'</ul></div><div class="gleft">'+right+'<a href="http://www.bnj.tv/Default.aspx?from=wglatestglobal" target="_blank" class="sitelink">Voir les vidéos de BNJ.TV</a></div><div class="gbottom"></div></div>';
 
			document.write(code);
		},
		LastShownID:"",
		UpdateItem:function(id) {
			var pr=document.getElementById(this.ControlID+"_"+this.LastShownID);
			if(pr!=null) {
				pr.style.display="none";
			}
			document.getElementById(this.ControlID+"_"+id).style.display="";	
			this.LastShownID=id;
		},
		OpenWindow:function(id,si) {
			SWFbox('SWFBox'+id, '940', '400', '#99CCFF', "http://www.bnj.tv/share/widget-latestglobalwall-host.html?id="+id+"&si="+si);
		}
	};
};

function SWFbox(swfName, swfWidth, swfHeight, swfBackground, swfURL) {
	// create the div structure
	createSWFbox(swfName, swfWidth, swfHeight, swfBackground, swfURL);
	// position the flash in the middle vertically 
	positionSWFbox(swfName, swfWidth, swfHeight);
	// finally make the swfbox visible
	document.getElementById(swfName).style.display = 'block';
}

function createSWFbox(swfName, swfWidth, swfHeight, swfBackground, swfURL) {
	// get basic browser properties 
	var pageBody = document.getElementsByTagName("body").item(0);
	var userAgent = navigator.userAgent.toLowerCase();

	// start creating the div structure 
	var SWFbox = document.createElement("div");
	SWFbox.setAttribute('id', swfName);
	SWFbox.className = 'bnjtvswfbox';
	pageBody.appendChild(SWFbox);

	var SWFbox_back = document.createElement("div");
	SWFbox_back.className = 'bnjtvswfbox-back';
	// fix a bug with flickering flash over opacity on the firefox for Mac 
	if (userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox') != -1) {
		SWFbox_back.style.backgroundImage = "url(http://i221.photobucket.com/albums/dd128/kdiweb/swfbox_back.png)";
		SWFbox_back.style.backgroundRepeat = "repeat";
	} else {
		SWFbox_back.style.backgroundColor = "#976bd4";
		SWFbox_back.style.MozOpacity = 0.8;
		SWFbox_back.style.opacity = .80;
		SWFbox_back.style.filter = "alpha(opacity=80)";
	}
	SWFbox.appendChild(SWFbox_back);

	var SWFbox_container = document.createElement("div");
	SWFbox_container.className = 'bnjtvswfbox-container';
	SWFbox.appendChild(SWFbox_container);
	
	var SWFbox_content = document.createElement("div");
	SWFbox_content.className = 'bnjtvswfbox-content';
	SWFbox_container.appendChild(SWFbox_content);

	//	SWFbox_content.innerHTML = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="' + swfWidth + '" height="' + swfHeight + '" id="' + swfName + '-flash" class="swfbox-flash"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="' + swfURL + '" /><param name="quality" value="high" /><param name="bgcolor" value="' + swfBackground + '" /><embed src="' + swfURL + '" quality="high" bgcolor="' + swfBackground + '" width="' + swfWidth + '" height="' + swfHeight + '" name="' + swfName + '-flash" class="swfbox-flash" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object>';
	
	SWFbox_content.innerHTML = "<div class='bnjtvswfbox-logo' style='width:" + swfWidth + "px; height:32px; margin:0 auto; position:relative;'><a href='http://www.bnj.tv/' target='_blank' class='bnjtvswfbox-logo-link'>BNJ.TV</a><a href='#' onclick='return false;' class='bnjtvswfbox-logo-close'>fermer</a></div><iframe src='"+swfURL+"' frameborder='0' height='"+swfHeight+"' width='"+swfWidth+"' scrolling='no' style='border:10px solid #FFFFFF;margin:0;width:" + swfWidth + ";height:" + swfHeight + ";'></iframe>";

	SWFbox.onclick = function(e) {
		// fix a bug with Safari that passes the onclick event hierarchically inside the flash object 
		if (userAgent.indexOf('safari') != -1) {
			if (e.target.className == 'bnjtvswfbox-flash') return;
			hideSWFbox(swfName);
		} else {
			hideSWFbox(swfName);
		}
	}
	window.onscroll = function() {
		window.onscroll = null;
		if (document.getElementById(swfName)) {
			hideSWFbox(swfName);
		}
	}
}

function positionSWFbox(swfName, swfWidth, swfHeight) {
	// find the browser's window dimensions
	windowDimensions = windowSize();
	pageScrolls = pageScroll();
	// get new positions for the swfbox divs so it appears in the middle vertically 
	positionDivs = new Array();
	positionDivs = { 'swfbox-back-top': String(pageScrolls[1]) + 'px',
		'swfbox-back-height': String(windowDimensions[1]) + 'px',
		'swfbox-container-top': String(pageScrolls[1] + (windowDimensions[1] / 2)) + 'px',
		'swfbox-content-top': String(-(swfHeight / 2)) + 'px'
	};
	// apply the new position of each div
	swfboxNodes = document.getElementById(swfName).childNodes;
	for (var i = 0; i < swfboxNodes.length; i++) {
		if (swfboxNodes[i].className == 'bnjtvswfbox-container') {
			swfboxNodes[i].style.top = positionDivs['swfbox-container-top'];
			// find the content div inside the container
			for (var j = 0; j < swfboxNodes[i].childNodes.length; j++) {
				if (swfboxNodes[i].childNodes[j].className == 'bnjtvswfbox-content') {
					swfboxNodes[i].childNodes[j].style.top = positionDivs['swfbox-content-top'];
				}
			}
		}
		if (swfboxNodes[i].className == 'bnjtvswfbox-back') {
			swfboxNodes[i].style.top = positionDivs['swfbox-back-top'];
			swfboxNodes[i].style.height = positionDivs['swfbox-back-height'];
		}
	}
}

function hideSWFbox(swfName) {
	// hide the swfbox
	var pageBody = document.getElementsByTagName("body").item(0);
	var SWFbox = document.getElementById(swfName);
	SWFbox.style.display = 'none';
	pageBody.removeChild(SWFbox);
}

function windowSize() {
	var windowWidth = 0, windowHeight = 0;
	if (typeof (window.innerWidth) == 'number') {
		//Non-IE
		windowWidth = window.innerWidth;
		windowHeight = window.innerHeight;
	} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
		//IE 6+ in 'standards compliant mode'
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
		//IE 4 compatible
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}
	return [windowWidth, windowHeight];
}

function pageScroll() {
	var xScroll, yScroll;
 
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;
	}
	return [xScroll, yScroll];
}

function compareScroll(oldYScroll, swfName) {
	pageScrolls = pageScroll();
	if (pageScrolls[1] != oldYScroll) {
		hideSWFbox(swfName);
	}
}

document.write('<script type="text/javascript" src="http://www.bnj.tv/share/widget-global-latest-wall-ds.js?pinky='+Math.random()+'"></script>');