//##############################################################################
var helpButton = null;
var playButton = null;
var searchBoxLeft = null;
var searchBoxMid = null;
var searchBoxRight = null;
var searchSpan = null;
var tagInput = null;
var snapdragonLogo = null;
var livelabsLogo = null;
var closeButton = null;

var playHover = false;
var searchBoxHover = false;

//------------------------------------------------------------------------------
function startUI()
{
	helpButton = document.getElementById('helpButton');
	playButton = document.getElementById('playButton');
	searchBoxLeft = document.getElementById('searchBoxLeft');
	searchBoxMid = document.getElementById('searchBoxMid');
	searchBoxRight = document.getElementById('searchBoxRight');
	searchSpan = document.getElementById('searchSpan');
	tagInput = document.getElementById('tag');
	snapdragonLogo = document.getElementById('snapdragonLogo');
	livelabsLogo = document.getElementById('livelabsLogo');	
	closeButton = document.getElementById('closeButton');
}

//------------------------------------------------------------------------------
function isUI(element)
{
	return (isSearchUI(element) || element == helpButton 
			|| element == playButton || element == closeButton || element == livelabsLogo);
}

//------------------------------------------------------------------------------
function isSearchUI(element)
{
	return (element == searchBoxLeft || element == searchBoxMid 
			|| element == searchBoxRight || element == searchSpan || element == tagInput);
}

//------------------------------------------------------------------------------
function helpButtonMouseOver(event)
{
	helpButton.src = 'img/btn_help_hover.png';
}

//------------------------------------------------------------------------------
function helpButtonMouseOut(event)
{
	helpButton.src = 'img/btn_help_rest.png';
}

//------------------------------------------------------------------------------
function playButtonMouseOver(event)
{
	playHover = true;
	updatePlayButton();
}

//------------------------------------------------------------------------------
function playButtonMouseOut(event)
{
	playHover = false;
	updatePlayButton();
}

//------------------------------------------------------------------------------
function updatePlayButton()
{
    if(controller.auto) 
    {
    	if(playHover)
			playButton.src = 'img/btn_pause_hover.png';
		else
			playButton.src = 'img/btn_pause_rest.png';
    }
    else
    {
    	if(playHover)
			playButton.src = 'img/btn_play_hover.png';
		else
			playButton.src = 'img/btn_play_rest.png';
    }
}

//------------------------------------------------------------------------------
function searchBoxMouseOver(event)
{
	searchBoxHover = true;
	updateSearchBox();
}

//------------------------------------------------------------------------------
function searchBoxMouseOut(event)
{
	searchBoxHover = false;
	updateSearchBox();
}

//------------------------------------------------------------------------------
function updateSearchBox()
{
    if(searchBoxHover || isPanelUp(searchPanel)) 
    {
		searchBoxLeft.src = 'img/searchBox_L_hover.png';
		searchBoxMid.src = 'img/searchBox_M_hover.png';
		searchBoxRight.src = 'img/searchBox_R_hover.png';
    }
    else
    {
		searchBoxLeft.src = 'img/searchBox_L_rest.png';
		searchBoxMid.src = 'img/searchBox_M_rest.png';
		searchBoxRight.src = 'img/searchBox_R_rest.png';
    }
}

//------------------------------------------------------------------------------
function snapdragonLogoMouseOver(event)
{
	snapdragonLogo.src = 'img/logo_snapDragon_hover.png';
}

//------------------------------------------------------------------------------
function snapdragonLogoMouseOut(event)
{
	snapdragonLogo.src = 'img/logo_snapDragon.png';
}

//------------------------------------------------------------------------------
function livelabsLogoMouseOver(event)
{
	livelabsLogo.src = 'img/logo_liveLabs_hover.png';
}

//------------------------------------------------------------------------------
function livelabsLogoMouseOut(event)
{
	livelabsLogo.src = 'img/logo_liveLabs.png';
}

//------------------------------------------------------------------------------
function closeButtonMouseOver(event)
{
	closeButton.src = 'img/btn_close_hover.png';
}

//------------------------------------------------------------------------------
function closeButtonMouseOut(event)
{
	closeButton.src = 'img/btn_close_rest.png';
}