// JavaScript Document

var clearIntervalID = 0;

function setupClear() {
	
	if( clearIntervalID == 0 ) {
		clearIntervalID = setInterval( HideAll, 1000 );
	}
}

function stopClear() {
	if( clearIntervalID != 0 ) {
		clearInterval( 	clearIntervalID );
		clearIntervalID = 0;
	}
}

function HideAll( ) {

	var discoField = document.getElementById( 'album_discography' );
	//var loadingOverlay = document.getElementById( 'loadingOverlay' );

	var field = discoField.childNodes[0].childNodes;

	
	for( i = 0; i < field.length; i++ ){
	
		if( field[i].tagName == 'TR' ) {
			trfield = field[i].childNodes;
						
			for( j = 0; j < trfield.length; j++ ){
				tdfield = trfield[j].childNodes;

				for( k = 0; k < tdfield.length; k++ ){
					if( tdfield[k].tagName == 'DIV' && tdfield[k].id.match( "Album_[0-9]+" ) ) {
						tdfield[k].style.visibility = 'hidden';				
					}
				}
			}
		}
		
	}
	
	//loadingOverlay.style.visibility = 'hidden';
}


function showDetails( component, image, col ) {
	var layer = document.getElementById(component);
	var posx = findPosX(image);
	var posy = findPosY(image);
	var discoField = document.getElementById( 'album_discography' );
	//var loadingOverlay = document.getElementById( 'loadingOverlay' );
	
	HideAll();
	
	layer.style.visibility = 'visible';
	
	if( col > 1 ) {
		layer.style.left = ( ( posx - 2 ) - 240 ) + 'px';
		layer.style.top = ( posy - 2 ) + 'px';	
	} else {
		layer.style.left = ( posx - 2 ) + 'px';
		layer.style.top = ( posy - 2 ) + 'px';
	}
	

	/*loadingOverlay.style.left = findPosX(discoField) + "px";
	loadingOverlay.style.top = findPosY(discoField) + "px";
	loadingOverlay.style.height = discoField.clientHeight + "px";
	loadingOverlay.style.width = discoField.clientWidth + "px";
	loadingOverlay.style.visibility = 'visible';*/
	return;
	
	
}

function hideDetails( component ) {
	var layer = document.getElementById(component);
	//var loadingOverlay = document.getElementById( 'loadingOverlay' );
	
	layer.style.visibility = 'hidden';
	
	//loadingOverlay.style.visibility = 'hidden';
	
	return;
	
	
}

function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}