var flv_dragObject = null;
var flv_mouseOffset = null;
var timer_tt =0;
var timer_mo =0;
var mouse_over = 0;
var flv_started = new Array();
var flv_finished = new Array();


function closePopup(name) {
    var body = document.getElementsByTagName('body')[0];
    body.removeChild(document.getElementById(name));
    document.onmousemove = getMouseXY;

}


function getMouseOffset(target, ev){
    ev = ev || window.event;

    var docPos    = getPosition(target);
    var mousePos  = mouseCoords(ev);
    return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
}

function getPosition(e){
    var left = 0;
    var top  = 0;

    while (e.offsetParent){
	left += e.offsetLeft;
	top  += e.offsetTop;
	e     = e.offsetParent;
    }

    left += e.offsetLeft;
    top  += e.offsetTop;

    return {x:left, y:top};
}


function mouseMove(ev){
    ev           = ev || window.event;
    var mousePos = mouseCoords(ev);

    if(flv_dragObject){
	flv_dragObject.style.position = 'absolute';
	var top = mousePos.y - flv_mouseOffset.y;
	var left = mousePos.x - flv_mouseOffset.x;
	if (top < 2) top = 2;
	if (left < 2) left = 2;
	var maxtop = document.body.clientHeight - flv_dragObject.offsetHeight - 2;
	var maxleft = document.body.clientWidth - flv_dragObject.offsetWidth - 2;
	if (top > maxtop) top = maxtop;
	if (left > maxleft) left = maxleft;
	flv_dragObject.style.marginLeft = 0+'px';
	flv_dragObject.style.top      = top+'px';
	flv_dragObject.style.left     = left+'px';

	return false;
    }
}


function mouseUp(){
    flv_dragObject = null;
}


function makeDraggable(item, container){
    if(!item) return;
    item.onmousedown = function(ev){
	flv_dragObject  = container;
	flv_mouseOffset = getMouseOffset(container, ev);
	return false;
    }
}


function mouseCoords(ev){
    if(ev.pageX || ev.pageY){
	return {x:ev.pageX, y:ev.pageY};
    }
    return {
	x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
	y:ev.clientY + document.body.scrollTop  - document.body.clientTop
	    };
}
var $window = $(window);
function yt_player_popup(title, player_id, link, width, height) {
    el = document.createElement('div');
    el.id = 'yt_player_div_' + player_id;
    el.style.left = 50+'%';
	el.style.marginLeft = -width/2+'px';
    el.style.top = 120+'px';
    el.style.position = 'absolute';
    el.style.top=($window.height() - height)/2+$window.scrollTop() +'px';
    el.style.width = width + 2+'px';
    el.style.height = height + 20 + 2+'px';
    el.style.zIndex = 5;
    el.style.backgroundColor = 'white';
    el.innerHTML = '<table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #ffffff"><tr id="yt_player_popup_dragbar_' + player_id + '" width="100%" height="20"><td background='+global_imgpath+'/images/video_dragbar.gif><table border="0" cellspacing="0" cellpadding="4" width="'+(width-1)+'"><tr width="100%"><td style="cursor:move"><span style="color:#ffffff;font-family:Arial; font-size:9pt; font-weight:bold;">' + title + '</span></td><td align="right" style="cursor:move"><a href="javascript:closePopup(\'yt_player_div_' + player_id + '\');"><img src='+global_imgpath+'/images/close_button2.gif border="0"></a></td></tr></table></td></tr><tr><td colspan="1" style="padding:1px;background-color:#333333">';
    el.innerHTML += '<div id="yt_player_target_' + player_id + '">';
    el.innerHTML += '<object width="'+width+'" height="'+(height-2)+'"><param name="movie" value="'+link+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+link+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="'+width+'" height="'+(height-2)+'"></embed></object>';
    el.innerHTML += '</div></td></tr></table>';
    
    var body = document.getElementsByTagName('body')[0];
    body.appendChild(el);

    document.onmousemove = mouseMove;
    document.onmouseup = mouseUp;

    var dragbar = document.getElementById('yt_player_popup_dragbar_' + player_id);
    makeDraggable(dragbar, el);
}