var idGrid		= null
var idTableGrid	= "Top1_dgPages"
var tableGrid	= null
var tbodyGrid	= null
var trGrid		= null
var tdGrid		= null
var divGrid		= null
var enabled		= false
var enabledDel	= false
var cellGrid	= null
var	coll1Grid		= ""


function selectCell( idDiv ){
	if( document.getElementById( idDiv ) ){		
		if( tdGrid ) tdGrid.style.backgroundColor = ""		
		tdGrid = document.getElementById( idDiv ).parentElement
		tdGrid.style.backgroundColor = "#E5E1E1"
		idGrid = idDiv
		enabled = true;
		enabledDel = true;
	}
}

function keysFunctions(){		
	if( event.keyCode == 39 && enabled ){		
		if( tdGrid ){
			tdOld = tdGrid
			try{				
				tdGrid = tdGrid.nextSibling
				tdGrid.style.backgroundColor = "#E5E1E1"
				idGrid = tdGrid.firstChild.id
				tdOld.style.backgroundColor = ""
			}catch(e){ tdGrid = tdOld  }
		}
	}
	
	if( event.keyCode == 37 && enabled ){		
		if( tdGrid ){
			tdOld = tdGrid
			try{
				tdGrid = tdGrid.previousSibling
				tdGrid.style.backgroundColor = "#E5E1E1"
				idGrid = tdGrid.firstChild.id
				tdOld.style.backgroundColor = ""
			}catch(e){ tdGrid = tdOld  }
		}
	}
			
	if( event.keyCode == 38 && enabled  ){
		if( tdGrid ){
			tdOld = tdGrid
			try{
				trGrid = tdGrid.parentElement
				trGrid = trGrid.previousSibling
				
				var arr = tdOld.firstChild.id.split("-")
				var namberColumn = arr[0]								
				tdGrid = trGrid.firstChild	
				i = 0;			
				while( 1 != 2  ){
					var arr2 = tdGrid.firstChild.id.split("-")
					if( arr[0] != arr2[0] ) tdGrid = tdGrid.nextSibling
					else break;					
					i++
				}
				
				tdGrid.style.backgroundColor = "#E5E1E1"
				idGrid = tdGrid.firstChild.id
				tdOld.style.backgroundColor = ""
			}catch(e){ tdGrid = tdOld  }
		}
	}
	
	if( event.keyCode == 40 && enabled  )
	{
		if( tdGrid ){
			tdOld = tdGrid
			try{
				trGrid = tdGrid.parentElement
				trGrid = trGrid.nextSibling
				
				var arr = tdOld.firstChild.id.split("-")
				var namberColumn = arr[0]								
				tdGrid = trGrid.firstChild	
				i = 0;			
				while( 1 != 2  ){
					var arr2 = tdGrid.firstChild.id.split("-")
					if( arr[0] != arr2[0] ) tdGrid = tdGrid.nextSibling
					else break;					
					i++
				}
				
				tdGrid.style.backgroundColor = "#E5E1E1"
				idGrid = tdGrid.firstChild.id
				tdOld.style.backgroundColor = ""
			}catch(e){ tdGrid = tdOld  }
		}
	}
}

var fInSearch = null
var active = false

function closeSearch(){	
	var obj = document.getElementById( idTableGrid )	
	document.getElementById( "divSearch" ).style.display="none"
	hideSearchFadeIn();	
	active = false
}

var enabledSearchFadeIn = false
function showSearchFadeIn(){
	var obj = document.getElementById( idTableGrid )
	if( obj ) obj.style.filter = "alpha(opacity=0)"		
	if( enabledSearchFadeIn ){
		if( obj ){			
			if( obj.filters.alpha.opacity < 80 ){		
				obj.filters.alpha.opacity += 20;
				window.setTimeout("showSearchFadeIn()", 100);
			}
			else{
				document.getElementById( "divSearch" ).style.display="block"
				enabledSearchFadeIn = false
			}
		}
	}
}

function hideSearchFadeIn(){
	enabledSearchFadeIn = false
	var obj = document.getElementById( idTableGrid )	
	if( obj ) obj.style.filter = "alpha(opacity=100)"		
	if( obj ){
		if( obj.filters.alpha.opacity > 1 ){
			obj.filters.alpha.opacity -= 25;
			window.setTimeout("hideSearchFadeIn()", 100);
		}
		else{
			obj.filters.alpha.opacity = -10
			obj.style.display = "none"
			document.getElementById( "divSearch" ).style.display="none"
		}
	}
}

function openSearch(){
	if( ! active ){
		var obj = document.getElementById( idTableGrid )
		obj.style.display = "block"
		obj.style.filter = "alpha(opacity=-10)"	
		enabledSearchFadeIn = true
		showSearchFadeIn()
		active = true
	}
}

function addRow( dataGrid, idColumn ){	
	tableGrid = document.getElementById( dataGrid )		
	tbodyGrid	= tableGrid.firstChild					// capturando tbody
	var row = document.createElement( "tr" )	// criando tr								
	var trBegin = tbodyGrid.firstChild				// capturando tr inicio
	var trEnd = tbodyGrid.lastChild					// capturando tr fim
	divGrid = "<div width=100% height=100% style=\"cursor:hand\" onclick=\"getPage( " + idColumn + ", 0 );closeSearch()\" id=\"coll" + idColumn + "\" >"
	
	cellGrid = document.createElement( "td" )	// criando td				
	cellGrid.innerHTML = divGrid.replace( "coll", "coll0-" ) + coll1Grid + "</div>"		
	row.appendChild( cellGrid )	
	tbodyGrid.appendChild( row )	
	tableGrid.appendChild( tbodyGrid )
}

function deleteRows( idTableGrid ){
	tableGrid = document.getElementById( idTableGrid )
	tbodyGrid = tableGrid.firstChild
	trGrid	  = tbodyGrid.firstChild
	tableGrid.removeChild( tbodyGrid )
	
	tbodyGrid = document.createElement( "tbody" )
	tableGrid.appendChild( tbodyGrid )
}

var timer = null
function getRows( inputId, tableId ){
	clearTimeout( timer )
	timer = setTimeout( "getRowsAjax( '" + inputId + "', '" + tableId + "' )", 800 )		
}

function getRowsAjax( inputId, tableId ){	
	timer = null
	openSearch()
	idTableGrid = tableId
	enabledDel = false;
	txt = document.getElementById( inputId )
	
	var url = "Ajax/AjaxPages.aspx?text=" + escape( txt.value )
	var objAjax = new Ajax()
	objAjax.Send(url , "GET", true, callbackGetPages );
	
	function callbackGetPages(){
		if( objAjax.Loading() ) top.createLoading()
		if( objAjax.Loadeds() ){
			var count = objAjax.GetLength("pageId")
			deleteRows( idTableGrid )
			for( i=0; i<count; i++ ){
				coll1Grid	= objAjax.Get( "name", i )
				var Id		= objAjax.Get( "pageId", i )
				addRow( idTableGrid, Id )
			}
			top.hideLoading();
		}
	}
}

document.onkeydown = keysFunctions