var VideoItem = {
	mouseOver : function(item, titleId, controlsId) {
		item.className = 'videoItemHover';
		document.getElementById(titleId).className = 'videoItemTitleHover';
		document.getElementById(controlsId).className = 'videoItemControlsHover';
	},
	
	mouseOut : function(item, titleId, controlsId) {
		item.className = 'videoItem';
		document.getElementById(titleId).className = 'videoItemTitle';
		document.getElementById(controlsId).className = 'videoItemControls';
	},
	
	download : function(url) {
		$('durl').value = url;
		$('df').submit();
	}
}


var loaded = false;
var imer;
function mouseOverImage(name,id,nr){

	if (!loaded) return;
	
	if(name)
		imname = name;
	
		imname.className = 'hover';
		imname.src = "http://img.youtube.com/vi/" + id + "/" + nr + ".jpg";
		nr++;
		if (nr > 3) 
			nr = 1;
		timer = setTimeout("mouseOverImage(false,'" + id + "'," + nr + ");", 1000);
}


function mouseOutImage(name){
	
	if (!loaded) return;

	if(name)
		imname = name;
	//make border back to greyish
	
	//imname.style.border = 	'4px solid #333333';
	imname.className = '';
	if(timer)
		clearTimeout(timer)

}

function getVideoId(url){

	if (!loaded) return;

	var id = false;
	var fIndex = url.indexOf("watch?v=");
	if (fIndex != -1) {
		var str = url.substr(fIndex + 8);
		var lIndex = str.indexOf('&');
		if (lIndex != -1) {
			id = str.substr(0, lIndex);
		}
		else {
			id = str;
		}
	}
	return id;
}

var DirectLink = {
	_last: null,
	
	toggle: function(e) {
		if (this._last == e) {
			this._last.style.display = 'none';
			this._last = null;
			return false;
		}
		
		if (this._last != null) {
			this._last.style.display = 'none';
		}
		
		this._last = e;
		this._last.style.display = 'block';
		return false;
	},
	
	listItemOnMouseOver: function(e) {
	},
	
	listItemOnMouseOut: function(e) {
	}
};

window.addEvent('domready', function() {
    loaded = true;
    var url = $('url');
    if (url && url.focus) url.focus();
});