// chamada qdo se passa o mouse sobre um registro
// basicamente so se muda a classe CSS
function popbrowseover( div, bcount, idx )
{
	pinpoint( brecs[bcount][idx].cols[7] );
	var obj = $('popbrowse'+bcount);
	div.className = obj.selected == idx ? 'item_selected' : 'item_over';
}

// chamada qdo se passa o mouse sobre um registro
// basicamente so se muda a classe CSS
function popbrowseout( div, bcount, idx )
{
	pinpointout();
	var obj = $('popbrowse'+bcount);
	div.className = obj.selected == idx ? 'item_selected' : 'item';
}


function popbrowseclick( id , type , bcount)
{
	setplace( id, 0, type );
//	var urlget = 'linkmeme.php?source=1&&vrid=' + id + '&&vrsr=' + source + '&bcount=' + bcount + '&atoken=' + atoken + '&pan=popbrowse';
//	ajaxrequest( urlget, 'backtohome', $('rpopbrowse'+bcount), 0 );
//	popbrowserefresh( bcount, 0 );
}

var detailrequest = null;

/* gets the product record vars */


function popbrowserec( bcount, idx, nodelist )
{
	var i = 0, j;

	brecs[bcount][idx] = new Object;
	brecs[bcount][idx].id = nodelist[0].firstChild.nodeValue;
	brecs[bcount][idx].cols = new Array;	
	for( i = 0 ; i < nodelist.length ; i++ )
		brecs[bcount][idx].cols[i] = nodeval( nodelist[i] );
	
        //debug( brecs[bcount][idx].cols[2] , bcount, 'idx = ' + idx, 'id = ' + id );

}

function popbrowsesortby( bcount, idx )
{
	var obj = $('popbrowse'+bcount);
	if( !isdefined(obj.sort) ) obj.sort = 1;
	if( obj.sort == idx ) idx *= -1;
	obj.sort = idx;
	popbrowserefresh( bcount, 0 );
}

function popbrowsesearch( o )
{
	var sval = o.search.value;
	//debug( sval, o.srchcateg.selectedIndex );
	if( sval == 'search' )
	{
		o.search.focus();
	}
	else if( sval == '' && o.srchcateg.selectedIndex == 0 )
	{
		alert( 'ho' );
		alert( 'Type a venue for search or select a category' );
		alert( 'hey' );
		return false;
	}
	else
	{
		var node = o;
		while( !isdefined( node.bcount ) && node != document.body )
		{
			node = node.parentNode;
		}
		var bcount = node.bcount;
		var obj = $('popbrowse'+bcount);
		obj.place = o.search.value;
		obj.selected = -1;
		popbrowserefresh( bcount, 0 );
	}
	return false;
}


function popbrowseinsearch( o )
{
	$('popbrowsesearcherr').innerHTML = '';
	$('popbrowsesearcherr').style.display = 'none';
	var sval = o.search.value;
	//var ival = o.srchin.value;
	//var cval = o.srchcateg.value;
	var cval = 1;


	if((sval == 'search') && (cval == ''))
	{
		o.search.focus();
		return false;
	}
	else if( sval == '' && cval == 1 )
	{
		$('popbrowsesearcherr').innerHTML = 'Type a name for search or select a category';
		$('popbrowsesearcherr').style.display = 'block';
		o.search.focus();
		return false;
	}
	else
	{
		var node = o;
		while( !isdefined( node.bcount ) && node != document.body )
		{
			node = node.parentNode;
		}
		var bcount = node.bcount;
		var obj = $('popbrowse'+bcount);
		obj.place = sval;
		obj.srchcateg = cval;
		obj.selected = -1;
		brec[bcount] = 0;
		popbrowserefresh( bcount, 0 );
	}
	return false;
}



function popbrowserefresh( bcount, idx )
{
	$('popbrowsecontent_'+bcount).innerHTML = '';
	idx = brec[bcount];
	delete brecs[bcount];
	popbrowseget( bcount, idx );
	/*
	var obj = $('popbrowse' + bcount );
	var atoken = obj.atoken;

	refreshpage('home.php', atoken);
	*/
}

function popbrowsesave( idx )
{
	var func = function() { ajaxrequest('save.php?ident=' + popbrowseident + '&val=' + idx, '', null, 0); }
}


// desenha os primeiros popbrowsepag registros a partir do indice idx
function popbrowseshow( bcount, idx )
{
//	debug ('show', idx);
	var l, c, i, out = '', rec, max1, max2, nav, items;
	var sr, er;
	var obj = $('popbrowse' + bcount );
	var td;
	var content = $('popbrowsecontent_'+bcount);

	if( !isdefined( obj.selected ) ) obj.selected = -1;

	nopopup();

	// acerta idx se tiver fora dos limites
	l = c = i = 0;
	if( idx < 1 ) idx = 0;
	if( idx >= btotrecs[bcount] ) idx = btotrecs[bcount]-1;
	// seta o registro base sendo visualizado atual
	brec[bcount] = idx;

	r = brec[bcount];


	//monta o html para o navegador de paginas
	sr = r + 1;
	se = r + popbrowsepag;
	if( se > btotrecs[bcount] ) se = btotrecs[bcount];

	if( sr > 1 )
		prev = '<td class="browseprev" onmousedown="popbrowseshow(' + bcount + ', ' + (brec[bcount]-popbrowsepag) + ')"></td>';
	else
		prev = '<td class="browseprev_off"></td>';

	if( se < btotrecs[bcount] )
		next = '<td class="browsenext" onmousedown="popbrowseshow(' + bcount + ', ' + (brec[bcount]+popbrowsepag) + ')"></td>';
	else
		next = '<td class="browsenext_off"></td>';

	nav = '<table cellpadding=0 cellspacing=0 border=0><tr>' + prev + '<td class=browsepos>' + sr + ' - ' + se + ' ' + TXT_NAV_OF + ' ' +btotrecs[bcount] + '</td>' + next + '</tr></table>';

	var items = '';

	// desenha as linhas com cada registro
	for( i = idx ; i < se ; i++ )
	{
		rec = brecs[bcount][i];
		if( isdefined( rec ) )
		{
			if (!(isdefined(rec.cols[8])))	rec.cols[8] = 0;
			if (!(isdefined(rec.cols[9])))	rec.cols[9] = 0;
			if (!(isdefined(rec.cols[10])))	rec.cols[10] = 0;

			var classn = obj.selected == i ? 'item_selected' : 'item';
			items += '<tr><td><div id="tr' + bcount + '_' + i + '" valign=top class=' + classn + ' onmouseover="popbrowseover(this,' + bcount + ', ' + i + ')" onmouseout="popbrowseout(this,' + bcount + ', ' + i + ')">';

			var vid = rec.cols[0];
			var vsr = rec.cols[1];
			var buzz = rec.cols[13] == 1 ? 1 : 0;
			var nusers = '';

			var numusers = rec.cols[9];
			var numfriends = rec.cols[10];
			if( numusers > 0 || numusers == '-' )
			{
				var params = '';
				params = 'vid="' + vid + '" vsr="' + vsr + '"';

				var numdisplay = numusers != '-' ? numfriends + '/' + numusers : numfriends;
				var uflag = obj.type_param ? 1 : 0;
				params += ' uflag="' + uflag + '" ';
				
				nusers =  '<div onmouseover="ucountover(this)" onmouseout="ucountout(this)" ' + params + ' friends="' + rec.cols[10] + '" users="' + rec.cols[9] + '" class=ucount>(' + numdisplay + ')</div>';
			}

			var val = '<div class=name>' + nusers + '<a href="javascript:govenue(' + rec.cols[0] + ', ' + rec.cols[1] + ', 0)">' + rec.cols[2] + '</a></div><div class=addr>' + rec.cols[3] + '</div>';

			//if( rec.cols[8] > 0 ) val += '<div class=ucount>Hits: ' + rec.cols[8] + ' | Users:' + rec.cols[9] + ' | Friends:' + rec.cols[10] + '</div>';

			var sbuzz = '<div class="buzzaction"><a href="javascript:pinvenue(' + vid + ', ' + vsr + ', 1)">Get Buzz!</a></div>';
			var action = '<div class=action><table cellpadding=0 cellspacing=0 border=0><tr><td><div class=showdetail onmousedown="govenue(' + rec.cols[0] + ', ' + rec.cols[1] + ', 0)"></div></td><td><div class=setplace onmousedown="popbrowseclick(' + rec.cols[0] + ', ' + rec.cols[1] + ', ' + bcount + ')"></div></td></table></div>' + sbuzz;

			items += val + action;
			items += '</div></td></tr>';
		}
		else
		{
			// se nao existe no buffer, faz um get para pegar a pagina do registro
			// a propria popbrowseget vai desenhar qdo chegar o resultado
			$('popbrowsecontent_'+bcount).innerHTML = '<div class=loading>Loading.</div>';
			popbrowseget( bcount, Math.floor(i/popbrowsepag)*popbrowsepag );
			return;
		}
	}

	// cria o html para o botao de Add New
	//if (obj.url == 'searchstylist.php')
	//	var addnew = '<div class=addnew><input type="button" value="Invite User" onclick="popbrowseclick( event, this, ' + bcount + ', -1, 0)"></div>';
	//else 
	//	var addnew = '<div class=addnew><input type="button" value="Add New" onclick="popbrowseclick( event, this, ' + bcount + ', -1, 0)"></div>';

	// insere o conteudo gerado no div content do componente
	content.innerHTML = '<table border="0" cellspacing="0" cellpadding="0" width=100% id="popbrowsecontent_tab'+bcount+'"><tr><td align=right class=navigator>' + nav + items + '</table>';

	// decora os botoes
	buttonizeall( content );
}


function resultpopbrowse( xml, obj, txt )
{
//   	if( myuid == '563559771' || myuid == '591323352' || myuid == '2306' ) debug ( '<textarea style="width: 300px; height: 300px">' + txt + '</textarea>' );
	if( checkreload( xml ) ) return;

	var labels, frec, lrec, trec, recfunc, i, j, cols;
	var reclist = ntag( xml, 'rec' );
	var bcount = obj.bcount;
	var detailscript = obj.detailscript;
	var url = obj.url;
	obj = $(obj.id);
	obj.bcount = bcount;
	obj.detailscript = detailscript;
	obj.url = url;

//	debug( '<textarea style="width: 400px; height: 500px;">' + txt + '</textarea>' );

	if( !isdefined( brecs[bcount] ) )
	{
		brecs[bcount] = new Array;
		btotrecs[bcount] = 0;
		if( !isdefined(brec[bcount]) ) brec[bcount] = 0;
	}
	frec = vtag( xml, 'firstrec' ) * 1;
	lrec = vtag( xml, 'lastrec' ) * 1;
	trec = vtag( xml, 'totrec' ) * 1;
	obj.frec = frec;
	obj.lrec = lrec;
	obj.trec = trec;
	//debug (trec, frec, lrec);
	if( trec > 0)
	{
		labels = ntag( xml, 'labels' );
		if( labels != null && labels.length )
		{
			cols = ntag( labels[0], 'c' )
			obj.labels = new Array;
			for( i = 0 ; i < cols.length ; i++ )
			{
				obj.labels[i] = cols[i].firstChild.nodeValue;
			}
		}
		//debug( frec, lrec, trec );

		btotrecs[bcount] = trec;

		for( j = 0, i = frec ; i <= lrec ; i++, j++ )
		{
			var cols = ntag( reclist[j], 'c' );
			popbrowserec( bcount, i, cols );
		}
		popbrowseshow( obj.bcount, brec[bcount] );
	}
	else
	{
		var addnew = '';
		var place = obj.type_param == 0 ? TXT_PLACES : TXT_AREAS;
		$('popbrowsecontent_'+bcount).innerHTML = '<div class=noresult><br>' + msg( TXT_NO_POPULAR, place, '<a style="color: #3B5998" href="http://apps.facebook.com/yellowpin/index.php?p=invite">', '</a>' ) + '</div>';
		//$('search' + bcount).select();
		//debug( obj.qry );
		buttonizeall( $('popbrowsecontent_'+bcount) );
	}
}

function popbrowseget( bcount, idx )
{
	var id = 'popbrowse' + bcount;
	var obj = $(id);
	var url = obj.url;
	var jpar = url.match( /\?/ ) ? '&' : '?';
	var params = '';
	if( isdefined( obj.type_param ) ) params += '&type_param=' + obj.type_param;
	if( isdefined( obj.type_user ) ) params += '&type_user=' + obj.type_user;
	if( isdefined( obj.type_base ) ) params += '&type_base=' + obj.type_base;
	params += '&atoken=' + auth_token;
	params += '&mydomain=' + appdomain;
	if( isdefined( obj.param_name ) ) params += '&' + obj.param_name + '=' + obj.param_value;
	if( idx < 0 ) idx = 0;
	var urlget = url + jpar + 's=' + idx + '&m=' + popbrowseqrysize + params + '&bcount=' + bcount + '&r=' + rpar();
	if( $('popbrowsecontent_'+bcount).innerHTML == '' ) 
		$('popbrowsecontent_'+bcount).innerHTML = '<div class=loading>' + TXT_SEARCHING_VENUES + '</div>';
	obj.qry = urlget;
	//debug ( 'popbrowse <a target="_blank" href="' + urlget + '">link get</a>' );
	ajaxrequest( urlget, 'resultpopbrowse', obj, 1 );
}


function popbrowse( hang, title, url, type_param, type_user, type_base, param_name, param_value , tampage)
{
	var i, rb, b, bcount, search;
	
	hang.innerHTML = '';
	bcount = browserct++;
	id = 'popbrowse' + bcount;
	var div = ce( 'DIV' );
	div.className = 'popbrowse';
	div.id = id;
	hang.appendChild( div );
	div.bcount = bcount;
	div.detailscript = '';
	div.url = url;
	div.param_name = param_name;
	div.param_value = param_value;
	div.type_param = type_param;
	div.type_user = type_user;
	div.type_base = type_base;
	div.formdiv = true;
	div.className = 'popbrowse';
	div.search = '';
	var title = title != '' ? '<h1>' + title + '</h1>' : '';
	var search = '';

	popbrowsepag = tampage;

//	div.innerHTML = '<div class="generalhead" id="head' + bcount + '">' + title + search + '</div><table width=100% cellpadding=0 cellspacing=0 border=0><tr><td valign=top><div id="popbrowsecontent_' + bcount + '" cclass="content"></div></td></tr></table>';
	div.innerHTML = '<table width=100% cellpadding=0 cellspacing=0 border=0><tr><td valign=top><div id="popbrowsecontent_' + bcount + '" cclass="content"></div></td></tr></table>';

//	div.innerHTML = '<table width=210 cellpadding=0 cellspacing=0 border=0><tr><td valign=top><div id="popbrowsecontent_' + bcount + '" class="content"></div></td><td width=1></td></tr></table>';

	brec[bcount] = 0;
	popbrowseget( bcount, 0 );
	buttonizeall( div );
}