var videoboxdiv;
var videoboxcontainerdiv;
var videoboxbgdiv;
var vidobj;
var videoboxie6selects;

var initvideo = function () {
	videoboxdiv = document.createElement('div');
	videoboxcontainerdiv = document.createElement('div');
	videoboxbgdiv = document.createElement('div');
	
	videoboxdiv.id = 'videobox';
	videoboxcontainerdiv.id = 'videoboxcontainer';
	videoboxbgdiv.id = 'videoboxbg';
	
	videoboxdiv.style.display = 'none';
	videoboxbgdiv.style.display = 'none';
	
	document.body.appendChild(videoboxdiv);
	document.body.appendChild(videoboxbgdiv);
	videoboxdiv.appendChild(videoboxcontainerdiv);
	
	var infoline = document.createElement('div');
	infoline.id = 'videoboxinfobox';
	videoboxdiv.appendChild(infoline);
	
	infoline.innerHTML = '<a href="javascript:hidevid();"><img src="images/closelabel.gif" alt="close" /></a>';
	videoboxbgdiv.onclick = function () { hidevid(); };
	
	initvidlinks();
};

var initvidlinks = function() {
	document.observe('click', function(event){
		var target = event.findElement('a[rel=videobox]') || event.findElement('area[rel=videobox]');
		if (target) {
			event.stop();
			
			vidid = target.href.split('-');
			showvid(vidid[vidid.length - 1]);
		}
	});
}

var showvid = function (videoid) {
	vidobj = document.createElement('div');
	vidobj.id = 'videoboxplayerobj';
	videoboxcontainerdiv.appendChild(vidobj);
	
	var viddata = document.createElement('script');
	viddata.setAttribute("type","text/javascript");
	viddata.setAttribute("src","http://media.villahostels.com/embed-" + videoid + ".js?parent=" + vidobj.id);
	videoboxcontainerdiv.appendChild(viddata);
	
	videoboxbgdiv.style.display = 'block';
	videoboxdiv.style.display = 'block';
	
	browserSize = getBrowserDims();
	pageSize = getDim(getElem('page'));
	size = getDim(videoboxdiv);
	
	videoboxdiv.style.left = (Math.round(( browserSize[0] - size[0] ) / 2) + browserSize[2]) + 'px';
	videoboxdiv.style.top = (Math.round(( browserSize[1] - size[1] ) / 2) + browserSize[3]) + 'px';
	
	videoboxbgdiv.style.width = (pageSize[0] > browserSize[0] ? pageSize[0] : browserSize[0]) + 'px';
	videoboxbgdiv.style.height = (pageSize[1] > browserSize[1] ? pageSize[1] : browserSize[1]) + 'px';
	
	if (/MSIE (\d+\.\d+)/.test(navigator.userAgent)) { //test for MSIE x.x
		var ieversion = new Number(RegExp.$1)
		if (ieversion < 7)
		{
			var selElem = document.getElementsByTagName("select");
			videoboxie6selects = new Array();
			for (var x = 0; x < selElem.length; x++)
			{
				videoboxie6selects[x] = selElem[x].style.visibility;
				selElem[x].style.visibility = 'hidden';
			}
		}
	}

};

var hidevid = function () {
	videoboxbgdiv.style.display = 'none';
	videoboxdiv.style.display = 'none';
	videoboxcontainerdiv.innerHTML = '';
	
	if (/MSIE (\d+\.\d+)/.test(navigator.userAgent)) { //test for MSIE x.x
		var ieversion = new Number(RegExp.$1)
		if (ieversion < 7)
		{
			var selElem = document.getElementsByTagName("select");
			for (var x = 0; x < selElem.length; x++)
			{
				selElem[x].style.visibility = videoboxie6selects[x];
			}
		}
	}
};

document.observe('dom:loaded', function () { initvideo(); });