function button(i, state) {
	var bsrc = i.src;     
	if (bsrc)    
	{
	   	i.src = bsrc.replace(i.state, state);
		i.state = state; 
	}
}

function initNav() {
	// get all of the buttons
	// var buttons = document.getElementsByClassName('button');
	var buttons = $('img.button'); 
	for(var b in buttons) {
		// set default state
		buttons[b].state = 'up';
		buttons[b].onmouseover = function () {
			button(this, 'ro');
		};
		buttons[b].onmouseout = function () {
			button(this, 'up');
		};
		buttons[b].onmousedown = function () {
			button(this, 'dn');
		};
		buttons[b].onmouseup = function () {
			button(this, 'up');
		};
	}
	var buttons = $('img.sel');
	for(var b in buttons) {
		// set default state
		buttons[b].state = 'up';
		button(buttons[b], 'dn');
		buttons[b].onmouseover = function() {};			
		buttons[b].onmouseout = function() {};
		buttons[b].onmousedown = function() {};
		buttons[b].onmouseup = function() {};
	}
}

function playClip(f) {
	// alert(f);
	$f().play(f);
}
function clickPlay(f) {
	// alert(f);
	$('#play'+f).click(); 
}

function updateInfo (clip) {
	var searchID = $("li[href='"+clip.url+"']").attr('id');
	//var searchHTML = $("li[href='"+clip.url+"']").html();
	//to = setTimeout("updateLater('searchID')",500);
	 alert(searchHTML);
	
	// $("#info").html(searchHTML);
	// $("#info").get("clip/" + searchID);
}
       
var playerVisible = false;
function showPlayer(file) {
	/*if (!playerVisible)
	{
	   $('#player-box').show('blind',{},150,playClip(file));
	   playerVisible = true;  
	} else {
	   playClip(file); 
	}*/
	playClip(file); 
}