extsource = 12;

// chamada qdo se passa o mouse sobre um registro
// basicamente so se muda a classe CSS
function vbrowseover( div, bcount, idx )
{
	pinpoint( brecs[bcount][idx].cols[6] );
	var obj = $('vbrowse'+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 vbrowseout( div, bcount, idx )
{
	pinpointout();
	var obj = $('vbrowse'+bcount);
	div.className = obj.selected == idx ? 'item_selected' : 'item';
}


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

var detailrequest = null;

/* gets the product record vars */


function vbrowserec( 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 vbrowsesortby( bcount, idx )
{
	var obj = $('vbrowse'+bcount);
	if( !isdefined(obj.sort) ) obj.sort = 1;
	if( obj.sort == idx ) idx *= -1;
	obj.sort = idx;
	vbrowserefresh( bcount, 0 );
}

function vbrowsesearch( o )
{
	var sval = o.search.value;
	//debug( sval, o.srchcateg.selectedIndex );

	var node = o;
	while( !isdefined( node.bcount ) && node != document.body ) {
		node = node.parentNode;
	}

	var bcount = node.bcount;
	var obj = $('vbrowse'+bcount);

	if( sval == obj.search )
	{
		o.search.focus();
	}
	else
	{
		obj.place = sval;
		obj.selected = -1;
		vbrowserefresh( bcount, 0 );
	}
	return false;
}


function vbrowseinsearch( o )
{
	vbrowsegoogle = false;
	$('vbrowsesearcherr').innerHTML = '';
	$('vbrowsesearcherr').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 )
	{
		$('vbrowsesearcherr').innerHTML = 'Type a name for search or select a category';
		$('vbrowsesearcherr').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 = $('vbrowse'+bcount);
		obj.place = sval;
		obj.srchcateg = cval;
		obj.selected = -1;
		brec[bcount] = 0;
		vbrowserefresh( bcount, 0 );
	}
	return false;
}



function vbrowserefresh( bcount, idx )
{
	$('vbrowsecontent_'+bcount).innerHTML = '';
	idx = brec[bcount];
	delete brecs[bcount];
	vbrowseget( bcount, idx );
	/*
	var obj = $('vbrowse' + bcount );
	var atoken = obj.atoken;

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

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


// desenha os primeiros vbrowsepag registros a partir do indice idx
function vbrowseshow( bcount, idx )
{
//	debug ('show', idx);
	var l, c, i, out = '', rec, max1, max2, nav, items;
	var sr, er;
	var obj = $('vbrowse' + bcount );
	var td;
	var content = $('vbrowsecontent_'+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 + vbrowsepag;
	if( se > btotrecs[bcount] ) se = btotrecs[bcount];

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

	if( se < btotrecs[bcount] )
		next = '<td class="browsenext" onmousedown="vbrowseshow(' + bcount + ', ' + (brec[bcount]+vbrowsepag) + ')"></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
	pinplaceout();
	for( i = idx ; i < se ; i++ )
	{
		rec = brecs[bcount][i];
		if( isdefined( rec ) )
		{
			if( vbrowsegoogle )
			{
				var classn = obj.selected == i ? 'item_selected' : 'item';
				items += '<tr><td><div id="tr' + bcount + '_' + i + '" valign=top class=' + classn + ' onmouseover="vbrowseover(this,' + bcount + ', ' + i + ')" onmouseout="vbrowseout(this,' + bcount + ', ' + i + ')">';

				vid = rec.cols[0];
				vsr = 2;
				var nusers = '';
				if( rec.cols[10] > 0 )
				{
					nusers =  '<div onmouseover="ucountover(this)" onmouseout="ucountout(this)" vid="' + vid + '" vsr="' + vsr + '" friends="' + rec.cols[11] + '" users="' + rec.cols[10] + '" class=ucount>(' + rec.cols[11] + '/' + rec.cols[10] + ')</div>';
				}

				name = rec.cols[1];
				address = rec.cols[2];
				city = rec.cols[3];
				state = rec.cols[12];
				country = rec.cols[5];
				var tmpaddr = [ address, city, state ];
				if( country != 'US' ) tmpaddr.push( country );
				while( tmpaddr.length && (tmpaddr[0] == name || tmpaddr[0] == '') )
					tmpaddr.shift();
				var addr = tmpaddr.join( ', ' );

				var val = '<div class=name>' + nusers + '<a href="javascript:pinvenue(' + vid + ', ' + vsr + ')">' + rec.cols[1] + '</a></div><div class=addr>' + addr + '</div>';
				addr = '<b>' + rec.cols[1] + '</b><br>' + addr;

				pinplace( rec.cols[6], 0, rec.cols[0], 1, addr , null, rec.cols[18]);
				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="pinvenue(' + vid + ', ' + vsr + ')"></div></td><td><div class=setplace onmousedown="setplace( ' + vid + ', 0, ' + vsr + ' );"></div></td></table></div>'+sbuzz;
				items += val + action;
				items += '</div></td></tr>';
			}
			else
			{
				var classn = obj.selected == i ? 'item_selected' : 'item';
				items += '<tr><td><div id="tr' + bcount + '_' + i + '" valign=top class=' + classn + ' onmouseover="vbrowseover(this,' + bcount + ', ' + i + ')" onmouseout="vbrowseout(this,' + bcount + ', ' + i + ')">';

				vrid = rec.cols[0];
				vid = rec.cols[13];
				vsr = rec.cols[14];
				var nusers = '';
				var myvsr = vsr == 2 ? 0 : vsr;
				myvsr = 2;
				var mycity = vsr == 2 ? 'city="'+ rec.cols[3]+'" uflag="1"': '';
				if( rec.cols[10] > 0 )
				{
					nusers =  '<div onmouseover="ucountover(this)" onmouseout="ucountout(this)" vid="' + vid + '" vsr="' + myvsr + '" ' + mycity + ' friends="' + rec.cols[11] + '" users="' + rec.cols[10] + '" class=ucount>(' + rec.cols[11] + '/' + rec.cols[10] + ')</div>';
					// 
				}

				name = rec.cols[1];
				address = rec.cols[2];
				city = rec.cols[3];
				state = rec.cols[12];
				country = rec.cols[5];
				var tmpaddr = [ address, city, state ];
				if( country != 'US' ) tmpaddr.push( country );
				while( tmpaddr.length && (tmpaddr[0] == name || tmpaddr[0] == '') )
					tmpaddr.shift();
				var addr = tmpaddr.join( ', ' );
				
				var val = '<div class=name>' + nusers + '<a href="javascript:govenueext(\'' + rec.cols[0] + '\', 1, ' + extsource + ' )">' + rec.cols[1] + '</a></div><div class=addr>' + addr + '</div>';

				addr = '<b>' + rec.cols[1] + '</b><br>' + addr;


				pinplace( rec.cols[6], 0, rec.cols[0], 1, addr , null, rec.cols[18]);
//				var action = '<div class=action><table cellpadding=0 cellspacing=0 border=0><tr><td><div class=showdetail onmousedown="govenueext(\'' + rec.cols[0] + '\', 1, ' + extsource + ')"></div></td><td><div class=setplace onmousedown="vbrowseclick(' + rec.cols[0] + ', 11, ' + bcount + ', \'' + atoken + '\')"></div></td></table></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="govenueext(\'' + rec.cols[0] + '\', 1, ' + extsource + ')"></div></td><td><div class=setplace onmousedown="vbrowseclick(\'' + rec.cols[0] + '\', ' + extsource + ', ' + 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 vbrowseget vai desenhar qdo chegar o resultado
			$('vbrowsecontent_'+bcount).innerHTML = '<div class=loading>Loading.</div>';
			vbrowseget( bcount, Math.floor(i/vbrowsepag)*vbrowsepag );
			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="vbrowseclick( event, this, ' + bcount + ', -1, 0)"></div>';
	//else 
	//	var addnew = '<div class=addnew><input type="button" value="Add New" onclick="vbrowseclick( 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="vbrowsecontent_tab'+bcount+'"><tr><td class=navigator>(Results listed by distance)</td></tr><tr><td align=right class=navigator>' + nav + items + '<tr><td align=right class=navigator><div class=wide>' + nav + '</div></table>';

	// decora os botoes
	buttonizeall( content );
}


function resultvbrowse( xml, obj, txt )
{
	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' );
			vbrowserec( bcount, i, cols );
		}
		vbrowseshow( obj.bcount, brec[bcount] );
	}
//	else if( !vbrowsegoogle )
//	{
//		vbrowsegoogle = true;
//		vbrowseget( bcount, 0 );
//	}
	else
	{
		var addnew = '';
		$('vbrowsecontent_'+bcount).innerHTML = '<div class=noresult>' + TXT_NO_PLACES_FOUND + '<br><br><br><br></div><div class=wide>' + addnew + '</div>';
		$('search' + bcount).select();
		//debug( obj.qry );
		buttonizeall( $('vbrowsecontent_'+bcount) );
	}
}

var vbrowsegoogle = false;
function vbrowseget( bcount, idx )
{
	if( $('panncontent2') != null ) $('panncontent2').innerHTML = '';
	var id = 'vbrowse' + bcount;
	var obj = $(id);
	var url = obj.url;
	var jpar = url.match( /\?/ ) ? '&' : '?';
	var params = '';
	if( isdefined( obj.place ) && obj.place != obj.search_ini ) params += '&p=' + obj.place;
	if( isdefined( obj.loc ) ) params += '&l=' + obj.loc;
	if( isdefined( obj.srchcateg ) ) params += '&cid=' + obj.srchcateg;
	if( isdefined( obj.srchid ) ) params += '&pid=' + obj.srchid;
	params += '&atoken=' + auth_token;
	params += '&mydomain=' + appdomain;
	if( idx < 0 ) idx = 0;
	var urlget = url + jpar + 's=' + idx + '&m=' + vbrowseqrysize + params + '&bcount=' + bcount;
	if( vbrowsegoogle )
	{
		var place = obj.place;
		var comma = place.indexOf( ',' ) > 0;
		if( !comma ) place += ', ' + mycity + ', ' + mystate + ', ' + mycountry;
		urlget = 'request_area_google.php?area=' + place;
		urlget += '&atoken=' + auth_token;
		urlget += '&mydomain=' + appdomain;
	}
	if( $('vbrowsecontent_'+bcount).innerHTML == '' ) 
		$('vbrowsecontent_'+bcount).innerHTML = '<div class=loading>' + TXT_SEARCHING_VENUES + '</div>';
	obj.qry = urlget;
//	debug ( 'vbrowse <a target="_blank" href="' + urlget + '">link get</a>' );
	ajaxrequest( nocache(urlget), 'resultvbrowse', obj, 1 );
}


function vbrowse( hang, title, url, loc, place, mycity )
{
	var i, rb, b, bcount, search;
	
	hang.innerHTML = '';
	bcount = browserct++;
	id = 'vbrowse' + bcount;
	var div = ce( 'DIV' );
	div.className = 'vbrowse';
	div.id = id;
	hang.appendChild( div );
	div.bcount = bcount;
	div.detailscript = '';
	div.url = url;
	div.loc = loc;
	div.formdiv = true;
	div.className = 'vbrowse';
	div.search_ini = '';
	//div.search_ini = 'Enter place or area';
	div.place = div.search_ini;
	var title = title != '' ? '<h1>' + title + '</h1>' : '';
	var search = '';
	var search = title == '' ? searchinvenues2( 'vbrowseinsearch', 'search' + bcount, div.place, div.srchcateg) : searchinvenues( 'vbrowseinsearch', 'search' + bcount, div.place, div.srchcateg);

	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="vbrowsecontent_' + bcount + '"></div></td></tr></table>';

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

	brec[bcount] = 0;
	//vbrowseget( bcount, 0 );
//	popbrowse($('vbrowsepopular1_' + bcount), 'Popular Places', 'request_popular.php', 0, 0, 0, atoken, 'city', mycity, 3);
//	popbrowse($('vbrowsepopular2_' + bcount), 'Popular Areas',  'request_popular.php', 1, 0, 0, atoken, '', '', 3);
	buttonizeall( div );
	formformat(div);
}