var debuga=0;
//var TXTMODE = ["WAITING", "REJECTED", "ACCEPTED", "CANCELED", "CONFIRMED", "ADJUSTED", "ORDERED"];
var TXTMODE = ["WAITING", "REJECTED", "ACCEPTED", "CANCELED", "CONFIRMED", "ADJUSTED", "PENDING"];
var txtmode = ["Waiting", "Rejected", "Accepted", "Canceled", "Confirmed", "Adjusted", "Pending"];
showimg = 0;

function getValue( obj )
{
	var val = obj.innerHTML;
	val =  val.substr(2);
	return moeda2float(val);
}
function addCountViews(id, op, txtdiv)
{
	if($(txtdiv)!=null)
	{
		var url='DB/service.php?action=addCountViews&id='+id+'&op='+op;
		ajaxrequest( nocache(url),'formresult', null, 1 );
	}
}
function browserOneLookbook( hang, title, id, param, action)
{
	script='DB/service.php?action=showLookbook'+param;
	var browser = new browsecomponent( hang, title, script );
	browser.param=param;

	browser.idType=0;
	browser.type="browserOneLookbook";
	browser.countViews = true;
	browser.id=id;
	browser.theaction='';
	browser.cols = 1;
	browser.rows = 1;
	browser.txt_loading = 'Searching...';
	browser.hang.className='browserBrandorders';
	//browser.debug_mode = true;
	browser.parameters.id = id;
	browser.parameters.imgpng = 1;

	//turn off click event
	browser.click = function( div, idx ) { };
	browser.over = function( div, idx ) { };
	browser.out = function( div, idx ) { };

	if(img_owner!='' && showimg)
		browser.searchHTML='<div class="squareborder130" style="background-color: transparent; border: 0px; width: 234px; margin-top: 8px;"><div class="square130" style="background-color: transparent; width: 234px;"><img src="'+img_owner+'" onload="imgmaxrect(this,234,130); " id="img_logo"/></div></div>';

	//turn off navigators
	browser.nav1 = browser.nav2 = function() { return '' };

	//cell customization
	browser.cell = function( rec, arec )
	{
		var i = 0;
		var idLookbook = arec.idLookbook;
		var idBrand = arec._idBrand;
		var txt='Lookbook';
		var count=arec.count*1;

		if(count==0)
			othercount = '0 product';
		else if(count==1)
			othercount = '1 product';
		else
			othercount = count+' products';

		if(arec.owneredit>0)
			browser.owner = 1;
		else
			browser.owner = 0;
	
		var title = arec.title;
		var description = arec.description;
		var addedDate = arec.addedDate;
		var lastmodifiedDate = arec.lastmodifiedDate;
		var active = arec.active;
		var count = arec.count;
		var viewStatus = arec.viewStatus;		

		var editabletitle="DB/service.php?action=setItem"+txt+"&id"+txt+"="+idLookbook+"&item=title&value=";
		var editabledescription="DB/service.php?action=setItem"+txt+"&id"+txt+"="+idLookbook+"&item=description&value=";

		var predictive="DB/service.php?action=show"+txt+"&firstrec=0&numrec=0&id="+idBrand+"&op=0&order=1&viewStatus=2&active=1";
		if (!browser.owner) predictive+='&viewStatus=1&active=1';
		
		//OWNER E LISTA
		if (browser.owner==1  && idLookbook>0)
			var status='<div name="div_viewstatus" id="div_viewstatus" class="titlepageright" style="width:100px;"><form><select defaultvalue="'+viewStatus+'" class="titlepageright" setstyle="width:100px;" onchange="getme(this).viewStatus(this.valueid, '+idLookbook+');"><option value=1>All Stores</option><option value=2>My Stores</option><option value=0>Private</option></select></form></div>';
		else
			var status='';

		var out= '<div id="divline" name="divline" class="brandorders" style="margin-top: 9px;">';
		//top area
		out+='<table cellspacing=0 cellpadding=0 border=0 class="tableborder"><tr><td colspan="2"><div class="toppage" style="padding-top: 0px; padding-bottom: 4px;"><div class="title" id="browserOneLookbook'+idLookbook+'" style="float: left;">'+txt.toUpperCase()+' - '+title+'</div><div class="title textviolet" style="float: right; margin-top: 12px;">&nbsp;</div></div><div class="hr">&nbsp</div></div></tr><tr>';

		if(browser.owner==1)
			out+='<td colspan="2" id="subtitlepage"><form><div style="display: table; margin-top: 13px; margin-bottom: 18px;">';

		//OWNER
		if(browser.owner==1 && idLookbook>0)
		{
			out+='<div style="float: left; padding-right: 10px;"><input type="button" value="SEND '+txt.toUpperCase()+'"  onclick="getme(this).sendLookbook(this, \''+idLookbook+'\')"/></div>'
			
			out+= '<div style="float: left; padding-right: 10px;"><input type="button" value="DELETE '+txt.toUpperCase()+'" onclick="getme(this).del_line(this, \''+idLookbook+'\');"/></div>';
		}
		if(browser.owner==1)
		{
			out+='<div class="text" style="float: left; padding-top: 2px;">VIEW LOOKBOOKS:&nbsp;&nbsp;<input type="text" predictive="'+predictive+'" allownew=0  onchange="getme(this).searchline(this, this.valueid );" helper="(Select a Lookbook)" usevalue="1" value="' + idLookbook + '" style="width:150px;"/></div>';

			out += '<div style="float: right;">&nbsp</div></div></form></td></tr><tr><td colspan="2"><div class="borderDotted" style="margin-top: 14px;margin-bottom: 20px;">&nbsp</div></td></tr><tr>';
		}
		
		//leftmenu

		//out+='<td valign=top><div class="leftmenu" id="div_leftmenu"><b>Created:</b> '+addedDate+'<br>'+ count +' products<br>'+othercount+'<div class="leftmenusub">'+txt+' Info</div><b>Title</b><br><div class="txtdetail" type="text" editable="'+editabletitle+'" name="titleline" id="titleline" '+this.editablediv()+'>'+title+'</div><br><b>Description</b><br><div name="txtdescription" id="txtdescription" type="textarea" class="txtareadetail" style="" editable="'+editabledescription+'" '+this.editablediv()+'/>'+ description+'</div><br>'+ status+'<br><br></div></td>';

		othercount = '';
		out+='<td valign=top><div class="leftmenu text14" id="div_leftmenu"><b>Created:</b> '+addedDate+'<br>'+ count +' products<br>'+othercount+'<div class="borderDotted" style="margin-top: 18px; margin-bottom: 10px;">&nbsp</div><div class="leftmenusub">'+txt.toUpperCase()+' INFO</div><b>Title</b><br><div type="text" editable="'+editabletitle+'" name="titleline" id="titleline" '+this.editablediv('','txtdetail text14')+'>'+title+'</div><br><b>Description</b><br><div name="txtdescription" id="txtdescription" type="textarea"  style="" editable="'+editabledescription+'" '+this.editablediv('', 'txtareadetail text14')+'/>'+ description+'</div><br>'+ status+'<br></td>';

		out+='<td valign=top class="contentpage"><div id="div_browserProducts" name="div_browserProducts">';
		if(browser.owner==1)
			out+='<div class="text12" style="margin-bottom: 4px;">Click and drag the items on the right to your lookbook.<br>You can resize, move and layer images. Changes are automatically saved</div>';
		out+='<div class="divbox" id="divbox" style="float: left;">';

		if(browser.owner==0 && arec.url>'')
			out+='<img src="DB/'+arec.url+'"/>';

		out+='</div><div style="float: left; width: 140px; overflow: hidden;" id="contentpage">&nbsp</div></div><div id="div_browserOneProduct" name="div_browserOneProduct" ></div></td></tr></table></div>';

		this.id=idLookbook ;
		if (browser.countViews == true && browser.owner==0 && idLookbook>0)
		{
			div='browserOneLine'+idLookbook;
			time=setTimeout('addCountViews("'+idLookbook+'", "3", "'+div+'")', 5000);			
		} 

		var txt = '';
		if(browser.owner==1)
		for(var j=0; j<arec.img.length; j++)
		{
			if(isdefined(arec.img[j][7]))
			{
				txt += ' createDrag2( $(\"divbox\"), \"DB/'+arec.img[j][7][0][0]+'\", '+arec.img[j][3]+', '+arec.img[j][4]+', '+arec.img[j][5]+', '+arec.img[j][6]+', '+arec.img[j][1]+'  ); ' ;
			}
		}
		if(txt!='')
			this.theaction = ' if($(\"divbox\")!=null) {'+txt+'} ';

		return out;
	}
	browser.sendLookbook = function( obj, idLookbook )
	{
		abubble("DB\/bubble.php?action=send_lookbook&idLookbook="+idLookbook, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.editablediv= function( string , className)
	{
		if(typeof(string)=='undefined')
			var string=' ';
		var a='';
		if (this.owner==1 && this.id>0)
			a=' onclick="'+string+'editdiv( this );" onmouseout="editonmouseout(this);" onmouseover="editonmouseover(this);" class="'+className+'"';
		else
			a= ' class="text14 p_details" ';
		return a;
	}
	browser.del_line= function( obj , idLookbook)
	{
		abubble("DB\/bubble.php?action=del_lookbook&idLookbook="+idLookbook, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.searchline=function( obj, idLookbook )
	{
		obj=browser.hang.parentNode;
		var id = obj.id;

		this.drawn = false;
		this.parameters.id = idLookbook;
		this.refresh();			
	}
	browser.viewStatus=function( viewStatus , idLookbook )
	{
		var url='DB/service.php?action=setItemLookbook&idLookbook='+idLookbook+'&item=viewStatus&value='+viewStatus;
		ajaxrequest( nocache(url),null, null, 1 );
	}
	//just prepend a close_item_action() before show()
	browser.show = function(idx) 
	{
		this._show(idx);

		if ($('divpredictive')!=null)
			formformat($('divpredictive'));

		if ( this.getidProduct==0 && this.id && $('div_browserProducts')!=null) 
		{
			this.action(this.id); 
		}
		if ( this.getidProduct>0 && $('div_browserProducts')!=null) 
		{
			if ($('divpredictive')!=null)
				formformat($('divpredictive'));

			var id = myid;
			if(this.getidBrand>0)
				id=this.getidBrand;

			var param='&id='+id+'&op=4&order=1&viewstatus=2&active=1';
			var trk1 = browserProducts($('div_browserProducts'), '' , 1, id, param , 'Collections', this.owner, browser.allLines);
			trk1.getidProduct=this.getidProduct;
			trk1.show();		
		}   
		if ($('div_viewstatus')!=null)
			formformat($('div_viewstatus'));

		if ($('backtoline_product')!=null)
			formformat($('backtoline_product'));

		if ($('subtitlepage')!=null)
			formformat($('subtitlepage'));

		if (this.theaction!='')	
		{
			eval(this.theaction);	
			this.theaction = '';
		}
		if($('contentpage')!=null)
		{
			exec_save_drag = '';

			trk = browserOneLookbookImages($('contentpage'), this.id, this.owner).show();

			exec_save_drag = ' var url = \'DB/service.php?action=saveLookbookImage&idLookbook='+browser.id+'&positions=\'+getPositions($(\'divbox\')); ajaxrequest( nocache(url), null, null, 1 ); ';
		}
		nobubble();
	};
	return browser;
}
function browserOneLookbookImages( hang, idLookbook , owner )
{
	//exec_save_drag = '';

	var script='DB/service.php?action=showLookbookProdImgs&idLookbook='+idLookbook;
	var browser = new browsecomponent( hang, '', script );
	browser.cols = 1;
	browser.rows = 5;
	browser.owner = owner;
	browser.id = idLookbook;
	browser.hang.className = 'LookbookImages';
	browser.txt_loading = ' Loading...';
	//browser.debug_mode = true;

	browser.click = browser.over = browser.out = browser.nav = function() { return '' };
	
	browser.nav1 = browser.nav2 = function() { return '' };

	browser.nav1 = function ( idx )
	{
		if( !isdefined( this.totrec ) || this.totrec <= 0 ) return '';
		var prev = idx > 0 ? '<div class="navtop_on" onclick="getme(this).show( ' + (idx-this.pagesize) +  ' )"></div>' : '<div class="navtop_off"></div>';
		var idx2 = idx+this.pagesize;
		if( idx2 > this.totrec ) idx2 = this.totrec;
		return prev;
	}
	browser.nav2 = function ( idx )
	{
		if( !isdefined( this.totrec ) || this.totrec <= 0 ) return '';
		var next = idx+this.pagesize < this.totrec ? '<div class="navbottom_on" onclick="getme(this).show( ' + (idx+this.pagesize) +  ' )"></div>' : '<div class="navbottom_off"></div>';
		var idx2 = idx+this.pagesize;
		if( idx2 > this.totrec ) idx2 = this.totrec;
		return next;
	}
	browser.cell = function( rec, arec, idx )
	{
		dragg = ' onmousedown="getme(this).toProduct(\''+arec.idProduct+'\', \''+arec.idLine+'\', \''+arec.idBrand+'\');" ';
		if(browser.owner==1)
			dragg = 'onmousedown="this.idImg= '+arec.idImg+' ; clickDIV( event, this , $(\'divbox\'), document.body )"';
		
		var out = '<div class="squareborder115" style="cursor: pointer; margin-bottom: 10px;"><div class="square115"><img src="DB/'+arec.url+'" onload="imgsquare(this,115);" '+dragg+'/></div></div>';
	
		//exec_save_drag = ' var url = \'DB/service.php?action=saveLookbookImage&idLookbook='+browser.id+'&positions=\'+getPositions($(\'divbox\')); ajaxrequest( nocache(url), null, null, 1 );  ';

		return out;
	}
	browser.toProduct = function( idProduct, idLine, idBrand )
	{
		trk= getme($('div_leftmenu'), 'browserOneBrand');
		trk.getLine = idLine;
		trk.clickmenu($('onebrand_lines'), 'lines', idBrand, idProduct);
	}
	browser.notfound = function()
	{
		if(browser.owner)
			browser.content.innerHTML = '<div class="text14">Products not found. <br><a href="javascript:;" onclick="clickmenu(\'menu_products\', \'products\');">Click here</a> to add products.</div>';
		else
			browser.content.innerHTML = '';
	}
	return browser;
}
function browserOneProduct( hang, title, idLine, param, txt_divback, owner, all)
{
	if (!owner) param+='&active=1';
	script='DB/service.php?action=showProduct'+param;
	var browser = new browsecomponent( hang, title, script );
	browser.owner = owner;

	browser.changes=0;
	browser.idType=0;
	browser.type="browserOneProduct";
	browser.idLine=idLine;
	browser.countViews = true;
	browser.param = param;
	browser.cols = 1;
	browser.rows = 1;
	browser.txt_loading = 'Searching...';
	browser.idBrand=myid;
	browser.all=all;
	browser.hang.className='browserBrandorders';
	//browser.debug_mode = true;
	//browser.hang.className += ' trackitem';

	browser.txt_divback= txt_divback;
	if ( browser.txt_divback=='browserLines' )
	{
		var valueback='BACK TO COLLECTIONS';
	}
	else if ( browser.txt_divback=='browserBookmarks'  )
	{
		var valueback='BACK TO BOOKMARKS';
	}
	else
	{
		var valueback='BACK TO PRODUCTS';
	}


	//browser.searchHTML = '<table cellpadding="0" cellspacing="0" border="0" width=620 style="margin: 0px; padding: 0px;"><tr><td class="title" style="margin: 0px; padding: 0px;">PRODUCT DETAIL</td><td align=right><input id="oneproductbackbutton" type="button" value="'+valueback+'" onclick="getme(this).back( this );" style="width: 150px;"></div></td></tr></table>';

	browser.searchHTML = '<div><input id="oneproductbackbutton" type="button" value="'+valueback+'" onclick="getme(this).back( this );" style="width: 170px;"></div><div class="title" style="margin: 0px; padding: 0px;">PRODUCT DETAIL</div>';

	//turn off click event
	browser.click = function( div, idx ) { };
	browser.over = function( div, idx ) { };
	browser.out = function( div, idx ) { };
	browser.back=function( obj )
	{
		if ( browser.txt_divback=='browserLines' || browser.txt_divback=='browserBookmarks' )
		{
			var div_browserLines = getme(getme(getme(getme(obj).hang.parentNode).hang).hang.parentNode);
			getme(getme(obj).hang.parentNode).hang.innerHTML='';
			
			div_browserLines.drawn=false;
			div_browserLines.show();
		}
		else
		{
			$('div_browserOneProduct').innerHTML='';
			var div_browserProducts=getme($('div_browserProducts'));
			div_browserProducts.getidProduct=0;
			div_browserProducts.drawn=false;
			div_browserProducts.show();
		}
	}

	//turn off navigators
	browser.nav1 = browser.nav2 = function() { return '' };
	browser.nav = function ( idx )
	{
		if( !isdefined( this.totrec ) || this.totrec <= 0 ) return '';
		var prev = idx > 0 ? '<div class="navon" onclick="getme(this).show( ' + (idx-this.pagesize) +  ' )"><div class="imgleft">&nbsp;</div></div>' : '<div class="navoff"><div class="imgleft">&nbsp;</div></div>';
		var next = idx+this.pagesize < this.totrec ? '<div class="navon" onclick="getme(this).show( ' + (idx+this.pagesize) +  ' )"><div class="imgright">&nbsp;</div></div>' : '<div class="navoff"><div class="imgright">&nbsp;</div></div>';
		var idx2 = idx+this.pagesize;
		if( idx2 > this.totrec ) idx2 = this.totrec;
		var pos = (idx+1) + ' - ' + idx2 + ' of ' + (this.totrec);
		var pos =  (idx2*1) + ' of ' + (this.totrec*1);
		var pos='<div class="text12" style="padding-top: 1px;">&nbsp;'+pos+'&nbsp;</div>';
		var output = '<table cellpadding="0" cellspacing="0" border="0"><tr><td>' + prev + '</td><td>' + pos + '</td><td>' + next + '</td></tr></table>';
		return output;
	}

	//cell customization
	browser.cell = function( rec, arec, idx )
	{
		browser.owner = arec.owneredit;

		var i = 0;
		var idProduct = arec.idProduct;
		var _idBrand = arec._idBrand;
		var title = arec.title;
		var name_brand = arec.name_brand;
		var description = arec.description;
		var style = arec.style;
		var cost = arec.cost;
		var item = arec.item;
		var minOrder = arec.minOrder;
		var img_url = arec.img_url;
		var active = arec.active;
		var stock = arec.stock;
		var countViews = arec.countViews;
		var countLookbook = arec.countLookbook;
		var countBookmark = arec.countBookmark;
		var img = arec.img;
		var color = arec.color;
		var size = arec.size;
		var lines = arec.lines;
		var lookbooks = arec.lookbooks;

		var editabletitle="DB/service.php?action=setItemProduct&idProduct="+idProduct+"&item=title&value=";
		var editabledescription="DB/service.php?action=setItemProduct&idProduct="+idProduct+"&item=description&value=";
		var editablestyle="DB/service.php?action=setItemProduct&idProduct="+idProduct+"&item=style&value=";
		var editableitem="DB/service.php?action=setItemProduct&idProduct="+idProduct+"&item=item&value=";
		var editablecolor="DB/service.php?action=setItemProduct&idProduct="+idProduct+"&item=color&value=";
		var editablesize="DB/service.php?action=setItemProduct&idProduct="+idProduct+"&item=size&value=";
		var editablecost="DB/service.php?action=setItemProduct&idProduct="+idProduct+"&item=cost&value=";
		var editableimgdescription='DB/service.php?action=setItemImg&item=description&value=';
		
		var editable = (browser.owner==1 && browser.idType==0) ? 1 : 0;
		
		browser.img=img;
		browser.img_url=img_url;	

		title = (title>'') ? title : '&nbsp';
		description = (description>'') ? description : '&nbsp';
		style = (style>'') ? style : '&nbsp';
		cost = (cost>'') ? cost : '&nbsp';
		
		txtcolor='';
		for(var i=0; i<color.length; i++)
		{
			if(i<color.length-1)
				txtcolor+=color[i][0]+", ";
			else
				txtcolor+=color[i][0];
		}
		txtsize='';
		for(var i=0; i<size.length; i++)
		{
			if(i<size.length-1)
				txtsize+=size[i][0]+", ";
			else
				txtsize+=size[i][0];
		}
		txtsize = (size=='') ? '&nbsp;' : txtsize;
		txtcolor = (color=='') ? '&nbsp;' : txtcolor;

		var txtcolorsize='<tr><td class="specificationitem" valign=top style="margin-top: 10px;">Color</td></tr><tr><td><div id="color" style="display: none;"></div><div editable="'+editablecolor+'" '+browser.editablesizecolor( 'getme(this).setChanges();', idProduct, 'color', 'txtdetail txtspecification sizecolor')+' id="edit_color">'+txtcolor+'</div></td></tr><tr><td class="specificationitem" valign=top style="margin-top: 10px;">Size</td></tr><tr><td><div id="size" style="display: none;"></div><div editable="'+editablesize+'" '+browser.editablesizecolor( 'getme(this).setChanges();', idProduct, 'size', 'txtdetail txtspecification sizecolor')+'id="edit_size">'+txtsize+'</div></td></tr>';


		//BOTÕES E NAVEGAÇÃO
		if (browser.owner==1&& this.idType==0)
			var nav='<div id="oneproduct_top" name="oneproduct_top"><form><table cellpadding="0" cellspacing="0" border="0" width=290><tr><td align=right><input type="button" value="ADD TO COLLECTION" style="width: 140px;" onclick="getme(this).add_to(this, 0, \''+_idBrand+'\', \''+idProduct+'\');"></div></td><td align=right><input type="button" value="ADD TO LOOKBOOK" style="width: 140px;" onclick="getme(this).add_to(this, 1, \''+_idBrand+'\', \''+idProduct+'\');"></div></td></tr><tr><td align=right colspan="2"><input type="button" value="DELETE PRODUCT" style="width: 130px;" onclick="getme(this).del_product( this,  \''+idProduct+'\' );"></div></td></tr></table></form></div>';
		else if (this.idType==2)
			//PARA BOOKMARKS
			var nav='<div id="oneproduct_top" name="oneproduct_top"><form><table cellpadding="0" cellspacing="0" border="0" width=290><tr><td align=right><input type="button" value="BOOKMARK" style="width: 110px;" onclick="getme(this).add_to(this, 2, \''+_idBrand+'\', \''+idProduct+'\');"></td><td align=right><input type="button" value="ADD TO PURCHASE ORDER" style="width: 180px;" onclick="getme(this).add_to(this, 3, \''+_idBrand+'\', \''+idProduct+'\');"></td></tr><tr><td colspan=2 align=right><input type="button" value="DELETE" style="width: 80px;" onclick="getme(this).del_product( this,  \''+idProduct+'\' );"></td></tr></table></form></div>';
			//PARA BRANDS NÃO-OWNER
		else if(mytype==0 && browser.owner==0)
			var nav='<div id="oneproduct_top" name="oneproduct_top"><form><table cellpadding="0" cellspacing="0" border="0" width=290><tr><td align=right><input type="button" value="BOOKMARK" style="width: 110px;" onclick="getme(this).add_to(this, 2, \''+_idBrand+'\', \''+idProduct+'\');"></td><td align=right><input type="button" value="ADD TO PURCHASE ORDER" onclick="getme(this).add_to(this, 3, \''+_idBrand+'\', \''+idProduct+'\');" style="width: 170px;"></td></tr></table></form></div>';
		else
			var nav='&nbsp';

		var cont=0;
		//description e color da imagem grande
		for(var i=0; i<img.length; i++)
			if(img[i][1]==img_url)
			{				
				if(editable)
				{
					var txtimg='<div class="specificationitem">Image caption</div><div name="img_detail" id="img_detail"><div  id="imgdescription" name="imgdescription" type="text" '+browser.editablediv( 'getme(this).setChanges();', 'txtdetail txtimgdetails')+'  editable="DB/service.php?action=setItemImg&idImg='+img[i][0]+'&item=description&value=" style="margin: 0px;">'+img[i][3]+'</div><div class="specificationitem" style="width: 10px;">';
					
					 //txtimg+='Select Product Color from specification list;
						
					 txtimg+='</div><div class="txtdetail txtimgdetails" id="imgcolor" name="imgcolor" '+browser.editableimgcolor( 'getme(this).setChanges();', idProduct, img[i][0], img[i][2] )+' style="margin: 0px;">'+img[i][5]+'</div>';
				}
				else
				{
					if(img[i][3]>'' && img[i][5]>'')
						imgdetail = img[i][3]+' - <i>'+img[i][5]+'</i>';
					else if(img[i][5]>'')
						imgdetail = '<i>'+img[i][5]+'</i>';
					else if(img[i][3]>'')
						imgdetail = img[i][3];
					else
						imgdetail = '';
					var txtimg ='<div class="text14" style="padding-top: 10px; padding-bottom: 10px; text-align: center;">'+imgdetail+'</div>';
				}
				
				if(!editable)
					txtimg+=nav+'<div id="div_navigate_lines">&nbsp;</div><br>';

				txtimg+='<div name="imgid" id="imgid" style="display: none;">'+img[i][0]+'</div></div>';
				cont++;
				break;
			}
		if (img=='')
		{
			var txtimg='<div name="img_detail" id="img_detail"><div name="imgid" id="imgid" style="display: none;"></div>';
		}
		
		var txt_changeimage='';
		if(img.length>1)
			txt_changeimage='onclick="getme(this).changeImage(\''+idProduct+'\');"';
		//ações da imagem
		//SOMENTE PARA LISTAS E OWNER
		//<td align=right width=40><div class="imgsettings">zoom</div></td><td align=right width=10 class="imgsetseparator">|</td>
		if (this.owner==1 && this.idType==0)
			txtimg+='<table width=300 cellpadding="0" cellspacing="0" border="0" style=" padding-top:15px; padding-bottom:10px;"><tr><td align=center width=100><div class="imgsettings" '+txt_changeimage+' ><nobr>change image</nobr></div></td><td width=2 class="imgsetseparator">|</td><td align=center><div id="add_image" class="imgsettings" onclick="getme(this).add_image(this, \''+idProduct+'\');"><nobr>add image</nobr></div></td><td width=2 class="imgsetseparator">|</td><td align=center><div id="del_image" class="imgsettings" onclick="getme(this).delete_image(this, \''+idProduct+'\');"><nobr>delete image</nobr></div></td></tr></table>';
		
		//imagens menores
		txtimg+='<table cellpadding="0" cellspacing="0" border="0" class="tableimgsmall"><tr>';
		var countline=0;

		if(img.length>1)
		for(var i=0; i<img.length; i++)
			if(img[i][1]!=img_url)
			{
				if (countline>=4) { txtimg+='</tr><tr>'; countline=0;}
				txtimg+='<td class="imgsmall"><div class="squareborder70"><div class="square70"><div id="div_img'+i+'" name="div_img'+i+'"><img src="DB/'+img[i][1]+'" onload="imgsquare(this,70);" onclick=" getme(this).setChanges(); getme(this).changeImgView( \''+i+'\');" id="img'+i+'" name="img'+i+'"></div></div></div></td>';
				countline++;
			}
		txtimg+='</tr></table></div>';

		//Exibe a Especificação
		//<tr><td class="specificationitem">Item</td><td><div id="div_browserProducts_item" name="div_browserProducts_item" class="txtdetail txtspecification" editable="'+editableitem+'" type="text" '+browser.editablediv( 'getme(this).setChanges();')+'>'+item+'</div></td></tr>
		var txtSpecification='<table cellpadding="0" cellspacing="0" border="0"><tr><td class="specificationitem" style="padding-top: 0px;">Style</td></tr><tr><td><div id="div_browserProducts_style" name="div_browserProducts_style" editable="'+editablestyle+'" type="text" '+browser.editablediv( 'getme(this).setChanges();', 'txtdetail txtspecification')+'>'+style+'</div></td></tr>'+txtcolorsize+'<tr><td class="specificationitem">Cost</td></tr><tr><td><div id="div_browserProducts_cost" name="div_browserProducts_cost"  editable="'+editablecost+'" type="text" '+browser.editablediv( ' getme(this).setChanges(); ', 'txtdetail txtspecification')+' item="cost">$ '+float2moeda(cost)+' </div></td></tr></table>';
		
		//Exibe o campo Also in
		var txtalsoin='<div class="txtareadetail"><div class="txtareadetail" style="width: 100%;height:100%;">';
		for (var i=0; i<lines.length; i++)
			if ($('titleline'))
				if(lines[i]!=$('titleline').innerHTML)
					txtalsoin+=lines[i]+'<br>';
		txtalsoin+='</div></div>';

		//Exibe o campo Lookbooks
		var flag_look = 0;
		var txtinlookbooks='<div class="text14">';
		for (var i=0; i<lookbooks.length; i++)
			if(lookbooks[i]!='')
			{
				if(!flag_look)
				{
					txtinlookbooks += '<div class="titleitem" style="margin-top: 6px;">IN LOOKBOOKS:</div>';
					flag_look = 1;
				}
				txtinlookbooks+=lookbooks[i]+'<br>';
			}
		txtinlookbooks+='</div>';

		if(img_url=='') img_url='img/default.jpg';

		//HTML da célula
		var out= '<table cellpadding="0" cellspacing="0" border="0" id="browserOneProduct'+idProduct+'"><tr><td valign=top class="imgsection"><div class="squareborder300"><div class="square300"><div id="div_displayImage" name="div_displayImage"><img src="DB/' + img_url + '" id="displayImage" name="displayImage" onload="imgmaxdimcenter(this,300);"/></div></div></div>'+txtimg+'</td><td valign=top style="padding-left: 20px">';
		
		if(editable)
			out+=nav+'<br><div style="float: right; padding-right: 10px;" id="div_navigate_lines">&nbsp;</div><br><br>';
		
		out+='<div class="titleitem">PRODUCT TITLE:</div><div id="div_browserProducts_title" name="div_browserProducts_title" editable="'+editabletitle+'"  type="text" '+browser.editablediv( 'getme(this).setChanges();', 'txtdetail')+'>'+title+'</div><br><div class="titleitem">DESCRIPTION:</div><div id="div_browserProducts_description" name="div_browserProducts_description" editable="'+editabledescription+'" type="textarea" '+browser.editablediv( 'getme(this).setChanges();', 'txtareadetail')+'>'+description+'</div><br><div class="titleitem">SPECIFICATION:</div></div>'+txtSpecification+'<br>'+txtinlookbooks+'</td></tr></table>';

		//<div class="titleitem" style="margin-top: 6px;">Also in (other lines):</div>'+txtalsoin+'
		if (browser.countViews == true && browser.owner==0)
		{
			div='browserOneProduct'+idProduct;
			time=setTimeout('addCountViews("'+idProduct+'", "1", "'+div+'")', 5000);			
		}
		return out;
	}  
	browser.add_to= function(obj, type , idBrand, idProduct)
	{
		var aux='';

		if(type==0)
			txtType='Line';
		else if(type==1)
			txtType='Lookbook';
		else if(type==2)
			txtType='Bookmark';
		else if(type==3)
		{
			txtType='PurchaseOrder';
			aux='&idStore='+myid;
		}
	
		var txtobj='';
		if(getme(browser.hang, 'browserLines')!=null)
			txtobj=getme(browser.hang, 'browserLines').hang.id;
		else if(getme(browser.hang, 'browserBookmarks')!=null)
			txtobj=getme(browser.hang, 'browserBookmarks').hang.id;

		abubble("DB\/bubble.php?action=add_to_"+txtType+"&idBrand="+idBrand+"&idProducts="+idProduct+"&obj="+txtobj+"&idLine="+browser.idLine+aux, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,420);
	}
	browser.add_image= function( obj, idProduct )
	{
		abubble("DB\/bubble.php?action=addImage&idProduct="+idProduct+'&obj='+obj.id, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/3),500,100);
	}
	browser.delete_image= function( obj, idProduct )
	{
		idImg=$('imgid').innerHTML;
		if(idImg!='')
			abubble("DB\/bubble.php?action=deleteImage&idProduct="+idProduct+"&idImg="+idImg+'&obj='+obj.id, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/3),300,80);
	}
	browser.del_product= function( obj , idProduct)
	{
		//PARA LISTAS
		if(browser.idType==0)
		{
			if(browser.all==1)
				abubble("DB\/bubble.php?action=del_product_allbrand&idBrand="+browser.idBrand+"&idProducts="+idProduct, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
			else
				abubble("DB\/bubble.php?action=del_product&idLine="+browser.idLine+"&idProducts="+idProduct, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
		}
		else if(browser.idType==2)
			abubble("DB\/bubble.php?action=del_product_bookmark&idBookmark="+browser.idLine+"&idProducts="+idProduct, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.imgid= function( obj )
	{
		var editabletxtimg="DB/service.php?action=setItemImg&item=description&idImg=";
		if ($('imgid')!=null)
		{
			editabletxtimg+= $('imgid').innerHTML;
			obj.setAttribute('editable', editabletxtimg);
		}
	}
	browser.changeImgView= function( idx )
	{
		//fotos recebem as informações adicionais
		if($('imgdescription')!=null)
			$('displayImage').description=$('imgdescription').innerHTML;
		if($('imgcolor')!=null)
			$('displayImage').color=$('imgcolor').innerHTML;
		if($('imgid')!=null)
			$('displayImage').idimg=$('imgid').innerHTML;
		
		//variável de apoio guarda os valores da imagem antiga
		var old_img=$('displayImage').src;
		var old_description=$('displayImage').description;
		var old_color= $('displayImage').color;
		var old_idimg= $('displayImage').idimg;
		
		$('div_displayImage').innerHTML= '<img id="displayImage"  onload="imgmaxdimcenter(this,300);">';
		
		//imagem em exibição é alocada
		$('displayImage').src=$('img'+idx).src;
		$('displayImage').description=$('img'+idx).description;
		$('displayImage').color=$('img'+idx).color;
		$('displayImage').idimg=$('img'+idx).idimg;

		$('div_img'+idx).innerHTML='<img id="img'+idx+'" onload="imgsquare(this,70);" onclick=" getme(this).setChanges(); getme(this).changeImgView( \''+idx+'\');">';

		//alocamos a imagem menor
		$('img'+idx).src=old_img;
		$('img'+idx).description=old_description;
		$('img'+idx).color=old_color;
		$('img'+idx).idimg=old_idimg;

		//imgsquare($('img'+idx), 70);
		//imgmaxdimcenter($('displayImage'), 300);

		//exibimos a descricao e as cores
		if($('imgdescription')!=null)
			$('imgdescription').innerHTML=$('displayImage').description;
		if($('imgcolor')!=null)
			$('imgcolor').innerHTML=$('displayImage').color;
		if($('imgid')!=null)
			$('imgid').innerHTML=$('displayImage').idimg;

		if($('imgdescription')!=null)
			if($('imgdescription').innerHTML=="undefined")
				$('imgdescription').innerHTML="";
		if($('imgcolor')!=null)
			if($('imgcolor').innerHTML=="undefined")
				$('imgcolor').innerHTML="";
		
	}
	browser.changeImage= function( idProduct )
	{
		var img_url_complete= $('displayImage').src;
		var a=img_url_complete.split('/');
		var img_url= a[a.length-2]+'/'+a[a.length-1];

		var url='DB/service.php?action=setItemProduct&idProduct='+idProduct+'&item=img&value='+img_url;
		ajaxrequest( nocache(url), null, null, 1 );

		fademessage('Image changed successfully!');
	}
	//aloca os dados auxiliares das imagens menores
	browser.saveImg=function()
	{
		var count=this.img.length;
		for(var i=0; i<count; i++)
			if(this.img[i][1]!=this.img_url)
			{
				var a='img'+i;
				if ($(a)!=null)
				{
					$(a).description=this.img[i][3];
					$(a).color=this.img[i][5];
					$(a).idimg=this.img[i][0];
				}
			}		
	}
	browser.editablediv= function( string, className )
	{
		//OWNER E LISTA
		if (browser.owner==1 && browser.idType==0)
			return ' onclick="'+string+'editdiv( this );" onmouseout="editonmouseout(this);" onmouseover="editonmouseover(this);" class="'+className+'"';
		else
			return ' class="text14 p_details" ';
	}
	browser.editablesizecolor= function( string , idProduct, type, className)
	{
		//OWNER E LISTA
		if (browser.owner==1 && browser.idType==0)
			return ' onclick="'+string+'editsizecolor( this , \''+browser.idBrand+'\' , \''+idProduct+'\', \''+type+'\');" onmouseout="editonmouseout(this);" onmouseover="editonmouseover(this);" class="'+className+'"';
		else
			return 'class="text14 p_details" ';
	}
	browser.editableimgcolor= function( string , idProduct, idImg, idColor)
	{
		//OWNER E LISTA
		if (browser.owner==1 && browser.idType==0)
			return ' onclick="'+string+'editimgcolor( this , \''+browser.idBrand+'\' , \''+idProduct+'\', \''+idImg+'\',  \''+idColor+'\');" onmouseout="editonmouseout(this);" onmouseover="editonmouseover(this);" ';
		else
			return ' ';
	}
	browser.setChanges= function() { browser.changes=1; }
	//just prepend a close_item_action() before show()
	//browser.show = function(idx) { this.iaction.close(); this._show(idx)};
	browser.show = function(idx)
	{
		if ($('div_browserProducts')!=null)
			$('div_browserProducts').innerHTML='';
		
		this.saveidx = idx;
		if (this.changes==1)
		{
			this.changes=0;
			this.reset();
		}
		if( !this.drawn ) this.draw();
		if( !isdefined( idx ) )
		{
			this.loading();
			this.get( 0 );
			return;
		}
		if( idx < 0 ) idx = 0;
		if( idx >= this.totrec && this.totrec > 0 ) idx = this.totrec - 1;
		this.firstrec = idx;

		this.savevars();

		var nav1 = this.nav1( idx );
		var nav2 = this.nav2( idx );
		var output = '<table cellpadding="0" cellspacing="0" border="0">';
		var i = idx;
		for( var row = 0 ; row < this.rows ; row++ )
		{
			output += row > 0 ? '</tr><tr>' : '<tr>';
			for( var col = 0 ; col < this.cols ; col++ )
			{
				if( i >= this.totrec ) { this.get(i); this.loading(); return;}
				var rec = this.recs[i];
				var arec = this.arecs[i];
				if( isdefined( rec ) )
				{
					output += '<td><div class="item" ' 
								 + 'onmouseover="getme(this).over( this, ' + i + ')" '
								 + 'onmouseout="getme(this).out( this, ' + i + ')" ' 
								 + 'onmousedown="getme(this).click( this, ' + i + ')">' 
								 +  this.cell( rec, arec, idx ) + '</div></td>';
				}
				else
				{
					this.get( this.firstrec );
					this.loading();
					return;
				}
				i++;
			}
		}
		output += '</tr></table>';
		this.content.innerHTML = output;
		
		browser.saveImg();

		if ($('div_navigate_lines')!=null)
			$('div_navigate_lines').innerHTML=browser.nav( idx );

		if ($('oneproduct_top')!=null)
			formformat($('oneproduct_top'));

		nobubble(); 
	};
	//ajaxhistory.mark( $(mypage), function () { browser.back($('oneproductbackbutton')); }  );
	return browser;
}

function browserProducts( hang, title, order, idLine, param, oldPage, owner, all, hideButtons)
{
	if (!owner) param+='&active=1';
	script='DB/service.php?action=showProduct'+param+'&order='+order;
	var browser = new browsecomponent( hang, title, script );

	browser.hideButtons = hideButtons;
	browser.oldPage=oldPage;
	browser.type= 'browserProducts';
	browser.idLine= idLine;
	browser.idProduct = [];
	browser.owner = owner;
	browser.param = param;
	browser.cols = 4;
	browser.rows = 7;
	browser.txt_loading = 'Searching...';
	browser.idType=0;
	browser.idBrand=myid;
	browser.all=all;
	browser.ids=[];
	browser.getidProduct=0;
	browser.hang.className='browserBrandorders';
	//browser.debug_mode = true;

	var width=620;

	up='SINGLE UPLOAD';
	sizeup = 130;

	if(browser.all==1)
	{
		browser.cols = 6;
		browser.rows = 7;
		width=880;
	}
	
	var backbutton='';
	if(browser.oldPage=='' || browser.oldPage=='Lines' || browser.oldPage=='add lines')
	{
		backbutton='BACK TO COLLECTIONS';
		browser.idType=0;

		sizebtn = 160;
	}	
	else if(browser.oldPage=='add bookmarks' || browser.oldPage=='Bookmarks')
	{
		backbutton='BACK TO BOOKMARKS';
		browser.idType=2;

		sizebtn = 150;
	}
	else
	{
		backbutton='BACK';
		sizebtn = 60;
	}
	btndelete = '';
	browser.searchHTML='<div class="text14 bold" style="padding-bottom: 10px;">PRODUCTS</div>';
	browser.check = 0;

	//OWNER E LISTA
	if (browser.owner==1 && browser.idType==0)
	{
		txt1 = txt2 = txt3 = txt4 = '';
		if(!browser.hideButtons)
		{
			txt1 ='<td align=center><input type="button" value="ADD SELECTED TO COLLECTION" onclick="getme(this).add_selected(this , 0);" style="width: 200px;"/></td>';		
			txt3 ='<td align=center><input type="button" value="DELETE SELECTED" onclick="getme(this).del_product( this );" style="width: 120px;"/></td>';
			txt2 = '<td align=center><input type="button" value="ADD SELECTED TO LOOKBOOK" onclick="getme(this).add_selected( this , 1);" style="width: 200px;"/></td>';

			btn='<input type="button" value="'+up+'" style="width: '+sizeup+'px;" onclick="getme(this).addLine(this);"/>';
			if(browser.all==1)
				txt4 ='<td align=center>'+btn+'</td>';
			else
			btndelete = '<div style="padding-left: 10px; float: left;">'+btn+'</div>';
		}
		else
		{
			browser.footerHTML = '<div class="hr">&nbsp</div><div style="float: right; padding-top: 6px;"><input type="button" value="NEXT STEP" onclick="getme(this).add_selected_to_look(this);"/></div>';
			
			clicksubmenu( 'submenu_lookbooks', 'lookbooks', 1);
			if($('browserOneLine0')!=null)
				$('browserOneLine0').innerHTML = "ADD PRODUCTS TO NEW LOOKBOOK";

			txt1='<div class="text14" style="padding-bottom: 10px;">Check off the products you would like to add to your lookbook and click the next step button</div>';
		}

		browser.searchHTML +='<table cellspacing=0 cellpadding=0 border=0><tr>'+txt1+txt2+txt3+txt4;		
		
		browser.searchHTML +='</tr></table>';
		browser.check = 1;
	}
	else if((browser.idType==2) || (mytype==0 && browser.owner==0))
	{
		//BOOKMARK OU BRAND NÃO-OWNER
		browser.searchHTML +='<table cellspacing=0 cellpadding=0 border=0><tr><td><input type="button" value="ADD SELECTED TO BOOKMARK" onclick="getme(this).add_selected( this , 2);" style="width: 200px;"/>&nbsp;&nbsp;</td><td><input type="button" value="ADD SELECTED TO PURCHASE ORDER" onclick="getme(this).add_selected( this , 3);" style="width: 240px;"/>&nbsp;&nbsp;</td>';
		
		//BOOKMARK
		if(browser.idType==2)
			browser.searchHTML +='<td><input type="button" style="width: 140px;" value="DELETE SELECTED" onclick="getme(this).del_product( this );"/></td>';
		
		browser.searchHTML +='</tr></table>';

		browser.check = 1;
	}

	btnback = '';
	if(!browser.hideButtons)
		btnback = '<div style="float: left;" id="backtoline_product" name="backtoline_product"><input type="button" id="backtoline_button" name="backtoline_button" value="'+backbutton+'" onclick="getme(this).back(this);" style="width: '+sizebtn+'px;"/></div>';

	browser.searchHTML +='<div style="padding-top: 10px; margin-bottom: 20px; display: table; width: '+width+'px"><div class="text bold" style="float: left; padding-left: 6px; padding-right: 10px; padding-top: 5px;">SORT PRODUCTS BY</div><div name="divpredictive_order" id="divpredictive_order" style="float: left; padding-right: 10px; padding-top: 2px;"><select name="order" id="order" defaultvalue="'+order+'" class="titlepageright" setstyle="width: 130px;" onchange="getme(this).search(this.valueid);"><option value=1>Recently Added</option><option value=2>Most Popular</option><option value=3>Most Views</option></select></div>'+btnback+btndelete+'<div id="navigate_browserProducts" style="float: right;"></div></div>';

	//browser.footerHTML = '</div></td></tr></table>';
	browser.click = function( div, idx ) { };
	browser.over = function( div, idx ) { };
	browser.out = function( div, idx ) { };
	browser.back=function(obj)
	{
		
		if(browser.oldPage=='' || browser.oldPage=='Lines' || browser.oldPage=='Collections' || browser.oldPage=='Bookmarks')
		{
			var div_browserLines = getme(getme(getme(getme(obj).hang.parentNode).hang).hang.parentNode);
			getme(getme(obj).hang.parentNode).hang.innerHTML='';

			div_browserLines.drawn=false;
			div_browserLines.show();
		}
		else if(browser.oldPage=='add lines')
		{
			getme(getme(obj).hang.parentNode).hang.innerHTML='';
			div_browserLines = getme($('navigate'), 'browserLines');
			div_browserLines.hang.innerHTML='';
			div_browserLines.hang.style.display='block';
			div_browserLines.drawn=false;
			div_browserLines.show();
		}
		else if(browser.oldPage=='add bookmarks')
		{
			getme(getme(obj).hang.parentNode).hang.innerHTML='';
			div_browserLines = getme($('navigate'), 'browserBookmarks');
			div_browserLines.hang.innerHTML='';
			div_browserLines.hang.style.display='block';
			div_browserLines.drawn=false;
			div_browserLines.show();
		}
		
	}
	//turn off navigators
	browser.nav1 = browser.nav2 = function() { return '' };

	browser.nav = function ( idx )
	{
		if( !isdefined( this.totrec ) || this.totrec <= 0 ) return '';
		var prev = idx > 0 ? '<div class="navon" onclick="getme(this).show( ' + (idx-this.pagesize) +  ' )"><div class="imgleft">&nbsp;</div></div>' : '<div class="navoff"><div class="imgleft">&nbsp;</div></div>';
		var next = idx+this.pagesize < this.totrec ? '<div class="navon" onclick="getme(this).show( ' + (idx+this.pagesize) +  ' )"><div class="imgright">&nbsp;</div></div>' : '<div class="navoff"><div class="imgright">&nbsp;</div></div>';
		var idx2 = idx+this.pagesize;
		if( idx2 > this.totrec ) idx2 = this.totrec;
		var pos = (idx+1) + ' - ' + idx2 + ' of ' + (this.totrec);
		var pos='<div class="text12" style="padding-top: 1px;">&nbsp;'+pos+'&nbsp;</div>';
		var output = '<table cellpadding="0" cellspacing="0" border="0"><tr><td>' + prev + '</td><td><div class="">' + pos + '</div></td><td>' + next + '</td></tr></table>';
		return output;
	}
	//cell customization
	browser.cell = function( rec, arec , idx)
	{
		var i = 0;
		var idProduct = arec.idProduct;
		var _idBrand = arec._idBrand;
		var title = arec.title;
		var name_brand = arec.name_brand;
		var description = arec.description;
		var style = arec.style;
		var cost = arec.cost;
		var minOrder = arec.minOrder;
		var img_url = arec.img_url;
		var active = arec.active;
		var stock = arec.stock;
		var countViews = arec.countViews;
		var countLookbook = arec.countLookbook;
		var countBookmark = arec.countBookmark;
		var img = arec.img;
		var color = arec.color;
		var size = arec.size;
		var addedDate = arec.addedDate;

		browser.ids[idProduct]=idx;
	
		browser.idProduct=browser.idProduct.concat(idProduct);

		if(img_url=='') img_url='img/default.jpg';

		var out= '<div class="squareborder115" style="cursor: pointer; padding: 0px; margin-left: 15px; margin-right: 15px; " onclick="getme(this).productclick(\''+idx+'\');"><div class="square115"><img src="DB/' + img_url + '"  onload="imgsquare(this,115)"></div></div><div style="display: table; width: 115px; margin-bottom: 20px;">';
		
		if(browser.check==1)
			out+='<div style="margin-left: 65px; margin-top: 6px;"><input type="checkbox" name="chk_'+idProduct+'" id="chk_'+idProduct+'" onchange="nobubble();" class="styled"/></div>';
		else
			out +='&nbsp';
		
		out+='</div>';
		return out;
	}
	browser.addLine= function( obj )
	{
		if(browser.all!=1)
			trk= showNewProduct( obj, browser.idBrand, browser.idLine, 'upload_to_line');
		else
			clicksubmenu( 'submenu_uploadproduct', 'uploadproduct');
	}
	browser.search= function( order )
	{
		browser.parameters.order=order;
		browser.show();
	}
	browser.add_selected_to_look = function(obj)
	{
		var txt=[];
		for(var i=0; i<browser.idProduct.length; i++)
			if($('chk_'+browser.idProduct[i])!=null)
				if($('chk_'+browser.idProduct[i]).checked==true)
					txt.push(browser.idProduct[i]);

		if(txt.length==0)
		{
			warning('Select one product.');
			return;
		}
		//debug(browser.hideButtons, this.hideButtons);

		var url='DB/service.php?action=saveProductsToLookbook&idLookbook='+browser.hideButtons+'&idProducts='+jsonout(txt);
		ajaxrequest( nocache(url),function(){browser.toLookbook(browser.hideButtons)}, null, 1 );
	}
	browser.toLookbook = function(idLookbook)
	{
		clickmenu('menu_products', 'products');
		clicksubmenu('submenu_lookbooks', 'lookbooks');
		
		if($('add_line_button')==null)
			return;

		trk = getme($('add_line_button'));
		trk.idLookbook = idLookbook;
		trk.show();
	}
	browser.add_selected= function( obj , type)
	{
		var aux='';
		if(type==0)
			txtType='Line';
		else if (type==1)
			txtType='Lookbook';
		else if (type==2)
			txtType='Bookmark';
		else if (type==3)
		{
			txtType='PurchaseOrder';
			aux='&idStore='+myid;
		}

		var txt=[];
		for(var i=0; i<browser.idProduct.length; i++)
			if($('chk_'+browser.idProduct[i])!=null)
				if($('chk_'+browser.idProduct[i]).checked==true)
					txt.push(browser.idProduct[i]);

		if(txt.length==0)
		{
			warning('Select one product.');
			return;
		}

		if(getme(browser.hang, 'browserLines')!=null)
			var txtobj=getme(browser.hang, 'browserLines').hang.id;
		else
			var txtobj=getme(browser.hang, 'browserBookmarks').hang.id;
	
		//debug(obj.clientWidth);
		abubble("DB\/bubble.php?action=add_to_"+txtType+"&idBrand="+browser.idBrand+"&idProducts="+jsonout(txt)+"&obj="+txtobj+aux, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.del_product= function( obj )
	{
		var txt=[];
		for(var i=0; i<browser.idProduct.length; i++)
			if($('chk_'+browser.idProduct[i])!=null)
				if($('chk_'+browser.idProduct[i]).checked==true)
					txt.push(browser.idProduct[i]);

		if(txt.length==0)
		{
			warning('Select one product.');
			return;
		}
		//debug(obj.clientWidth);

		if(oldPage=="Bookmarks")
			abubble("DB\/bubble.php?action=del_product_bookmark&idBookmark="+browser.idLine+"&idProducts="+jsonout(txt), getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
		else if(browser.all==1)
			abubble("DB\/bubble.php?action=del_product_allbrand&idBrand="+browser.idBrand+"&idProducts="+jsonout(txt), getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
		else
			abubble("DB\/bubble.php?action=del_product&idLine="+browser.idLine+"&idProducts="+jsonout(txt), getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}

	//turn off click event
	browser.productclick = function( idx ) 
	{
		browser.hang.innerHTML='';		

		var all=0;
		if(browser.all==1)
			all=1;

		trk2 = browserOneProduct($("div_browserOneProduct"), '', browser.idLine, this.param,  browser.oldPage, this.owner , all);
		$("div_browserOneProduct").style.display='block';
		if( browser.oldPage=='Bookmarks')	
			trk2.idType=2;

		trk2.show( idx ); 
	}
	//just prepend a close_item_action() before show()
	//browser.show = function(idx) { this.iaction.close(); this._show(idx)};
	browser.show = function(idx)
	{ 
		if(!this.totrec>0 && browser.getidProduct>0) this.hang.style.display='none'; else this.hang.style.display='block';
		if( !this.drawn ) this.draw();
		if( !isdefined( idx ) )
		{
			this.loading();
			this.get( 0 );
			return;
		}
		if( idx < 0 ) idx = 0;
		if( idx >= this.totrec && this.totrec > 0 ) idx = this.totrec - 1;
		this.firstrec = idx;

		this.savevars();

		var nav1 = this.nav1( idx );
		var nav2 = this.nav2( idx );
		var output = '<div id="cellProducts"><form><table cellpadding="0" cellspacing="0" border="0" class="clearTable">';
		var i = idx;
		for( var row = 0 ; row < this.rows ; row++ )
		{
			output += row > 0 ? '</tr><tr>' : '<tr>';
			for( var col = 0 ; col < this.cols ; col++ )
			{		
				if( i >= this.totrec ) { row = col = 1000; break; }
				var rec = this.recs[i];
				var arec = this.arecs[i];
				if( isdefined( rec ) )
				{
					output += '<td><div class="item" ' 
								 + 'onmouseover="getme(this).over( this, ' + i + ')" '
								 + 'onmouseout="getme(this).out( this, ' + i + ')" ' 
								 + 'onmousedown="getme(this).click( this, ' + i + ')">' 
								 +  this.cell( rec, arec , i ) + '</div></td>';
				}
				else
				{
					this.get( this.firstrec );
					this.loading();
					return;
				}
				i++;
			}
		}
		output += '</tr></table></div>';
		//alert($('div_navigate'));
		
		this.content.innerHTML = nav1 + output + nav2 + '<div id="footer">'+this.footerHTML+'</div>';
		//if ($('divpredictive_order')!=null)
			//formformat($('divpredictive_order'));
		
		if($('navigate_browserProducts')!=null)
			$('navigate_browserProducts').innerHTML=this.nav( idx );
		
		if($('cellProducts')!=null)
			formformat($('cellProducts'));
		
		if($('footer')!=null)
			formformat($('footer'));
		
		nobubble();
		browser.actionProduct(); 

	};
	browser.actionProduct=function()
	{
		if(browser.getidProduct>0)
			browser.productclick(browser.ids[browser.getidProduct]);
	}
	//ajaxhistory.mark( $(mypage), function () { browser.back($('backtoline_button')); }  );

	return browser;
}
function browserOneLine( hang, title, id, param, action )
{
	//script='DB/service.php?action=showLine'+param;
	script=param;
	var browser = new browsecomponent( hang, title, script );
	browser.param=param;

	browser.idType=0;
	browser.type="browserOneLine";
	browser.countViews = true;
	browser.id=id;
	//browser.owner= owner;
	browser.theaction=action;
	browser.cols = 1;
	browser.rows = 1;
	browser.txt_loading = 'Searching...';
	browser.hang.className='browserBrandorders';
	browser.getidProduct=0;
	browser.allLines = 1;
	//browser.debug_mode = true;

	if(browser.compact!=1 && img_owner!='' && showimg)
		browser.searchHTML='<div class="squareborder130" style="background-color: transparent; border: 0px; width: 234px; margin-top: 8px;"><div class="square130" style="background-color: transparent; width: 234px;"><img src="'+img_owner+'" onload="imgmaxrect(this,234,130); " id="img_logo"/></div></div>';
	else
		browser.searchHTML='';
	
	browser.parameters.id = id;

	//turn off click event
	browser.click = function( div, idx ) { };
	browser.over = function( div, idx ) { };
	browser.out = function( div, idx ) { };

	//turn off navigators
	browser.nav1 = browser.nav2 = function() { return '' };

	//cell customization
	browser.cell = function( rec, arec )
	{
		if(browser.id!=0)
		{
			if(arec.owneredit>0)
				browser.owner = 1;
			else
				browser.owner = 0;
		}

		var i = 0;
		if(browser.idType==0)
		{
			var txt='Collection';
			var idLine = arec.idLine;
			var _idBrand = arec._idBrand;
			var othercount= arec.countLookbook+' products in lookbook';

			txt_f = 'Line';
		}
		else if(browser.idType==2)
		{
			var idLine = arec.idBookmark;
			var _idBrand = arec._idStore;
			var txt='Bookmark';
			var othercount=arec.countPurchaseOrder+' products in purchase order<br>'+arec.countOrdered+' products ordered';

			txt_f = txt;
		}
	
		var title = arec.title;
		var description = arec.description;
		var addedDate = arec.addedDate;
		var lastmodifiedDate = arec.lastmodifiedDate;
		var active = arec.active;
		var count = arec.count;
		var viewStatus = arec.viewStatus;		

		var editabletitle="DB/service.php?action=setItem"+txt_f+"&id"+txt_f+"="+idLine+"&item=title&value=";
		var editabledescription="DB/service.php?action=setItem"+txt_f+"&id"+txt_f+"="+idLine+"&item=description&value=";

		if(idLine==0) _idBrand=myid;
		var predictive="DB/service.php?action=show"+txt_f+"&firstrec=0&numrec=0&id="+_idBrand+"&op=0&order=1&viewStatus=2&active=1";
		if (!browser.owner) predictive+='&viewStatus=1&active=1';

		editable = (this.owner==1 && this.id>0) ? 1 : 0;
		//OWNER E LISTA
		if (browser.owner==1 && browser.idType==0 && idLine>0)
			var status='<div name="div_viewstatus" id="div_viewstatus" class="titlepageright" style="width:100px;"><form><select defaultvalue="'+viewStatus+'" class="titlepageright" setstyle="width:100px;" onchange="getme(this).viewStatus(this.valueid, '+idLine+');"><option value=1>All Stores</option><option value=2>My Stores</option><option value=0>Private</option></select></form></div>';
		else
			var status='';

		var out= '<div id="divline" name="divline" class="brandorders" style="margin-top: 10px;"><table cellspacing=0 cellpadding=0 border=0 class="tableborder"><tr><td colspan=2>';
		//top area
		out+='<div class="toppage" style="padding-top: 0px; padding-bottom: 4px;"><div class="title" id="browserOneLine'+idLine+'" style="float: left;">'+txt.toUpperCase()+' - '+title+'</div><div class="title textviolet" style="float: right; margin-top: 12px;">&nbsp;</div></div><div class="hr">&nbsp</div></div></tr><tr>';
		
		if(idLine>0)
		{			
			out+='<td class="subtitlepage" colspan=2 style="padding-bottom: 20px;"><form name="frm_predictive" id="frm_predictive"><div id="subtitlepage" name="subtitlepage" style="width: 100%; margin-bottom: 15px; margin-top: 15px; display: table;">';
		}

		//OWNER
		if (browser.owner==1 && idLine>0 && browser.idType==0)
			out+='<div style="float: left; margin-right: 20px;"><input type="button" value="SEND '+txt.toUpperCase()+'"  onclick="getme(this).sendLine(this, \''+idLine+'\')" style="width: 130px;"/></div>';
		if (browser.owner==1 && idLine>0)
			out+= '<div style="float: left; margin-right: 20px;"><input type="button" value="DELETE '+txt.toUpperCase()+'" onclick="getme(this).del_line(this, \''+idLine+'\');" style="width: 150px;"/></div>';

		if(idLine>0)
		{
			out+='<div class="text" style="float: left; padding-top: 2px;">VIEW '+txt.toUpperCase()+'S:&nbsp;&nbsp;<input type="text" predictive="'+predictive+'" allownew=0  onchange="getme(this).searchline(this, this.valueid );" helper="(select a '+txt+')" usevalue="1" value="' + idLine + '" style="width:150px;"/></div>';

			out+= '<div style="float: right;">&nbsp</div></div></form><div class="borderDotted">&nbsp</div></td></tr><tr>';
		}
		
		//leftmenu
		if(count==0)
			othercount1 = '0 product';
		else if(count==1)
			othercount1 = '1 product';
		else
			othercount1 = count+' products';

		if(idLine>0)
		{
			out+='<td valign=top><div class="leftmenu text14" id="div_leftmenu">Created: '+addedDate+'<br>'+ othercount1 +'<br>'+othercount+'<div class="borderDotted" style="margin-top: 18px; margin-bottom: 10px;">&nbsp</div><div class="leftmenusub">'+txt.toUpperCase()+' INFO</div><b>TITLE:</b><br><div type="text" editable="'+editabletitle+'" name="titleline" id="titleline" '+this.editablediv('','txtdetail text14')+'>'+title+'</div><br><b>DESCRIPTION:</b><br><div name="txtdescription" id="txtdescription" type="textarea" editable="'+editabledescription+'" '+this.editablediv('','txtareadetail text14')+'/>'+ description+'</div>';
					
			out+='<br>'+ status+'<br>';
			
			//out+='<b>Line send to<br><div type="textarea" class="txtareadetail" style="margin-bottom: 20px;" name="txtlinesend" id="txtlinesend" wrap="virtual"></div>';

			out+='</div></td><td valign=top class="contentpage"><div id="div_browserProducts" name="div_browserProducts"></div><div id="div_browserOneProduct" name="div_browserOneProduct"></div></td></tr></table></div>';
		}
		else
		{
			//out+='<td valign=top><div cclass="leftmenu" id="div_leftmenu">&nbsp;</div></td>';
			out+='<td valign=top class="contentpage" colspan=2><div id="div_browserProducts" name="div_browserProducts"></div><div id="div_browserOneProduct" name="div_browserOneProduct"></div></td></tr></table></div>';
		}

		this.id=idLine ;

		if (browser.countViews == true && browser.owner==0 && idLine>0)
		{
			div='browserOneLine'+idLine;
			time=setTimeout('addCountViews("'+idLine+'", "2", "'+div+'")', 5000);			
		}
		return out;
	}
	browser.sendLine = function( obj, idLine )
	{
		abubble("DB\/bubble.php?action=send_line&idLine="+idLine, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.editablediv= function( string, className )
	{
		if(typeof(string)=='undefined')
			var string=' ';
		var a='';
		if (this.owner==1 && this.id>0)
			a=' onclick="'+string+'editdiv( this );" onmouseout="editonmouseout(this);" onmouseover="editonmouseover(this);" class="'+className+'"';
		else
			a=' class="text14 p_details" style="margin-top: 4px;" ';
		return a;
	}
	browser.del_line= function( obj , idLine)
	{
		abubble("DB\/bubble.php?action=del_line&idLine="+idLine, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.searchline=function( obj, idLine )
	{
		obj=browser.hang.parentNode;
		var id = obj.id;

		this.drawn = false;
		this.parameters.id = idLine;
		this.show();		
	}
	browser.action=function(idLine)
	{
		if ($('divpredictive')!=null)
			formformat($('divpredictive'));

		if(this.idType==0)
			var txt='Collections';
		else if(this.idType==2)
			var txt='Bookmarks';


		if(idLine>0)
		{
			var param='&id='+idLine+'&op='+this.idType+'&order=1&viewstatus=2&active=1';
			trk1 = browserProducts($("div_browserProducts"), "" , 1, idLine, param , txt, this.owner, 0, browser.hideButtons);
		}
		else
		{
			var param='&id='+this.getidBrand+'&op=4&order=1&viewstatus=2&active=1';
			trk1 = browserProducts($("div_browserProducts"), "" , 1, myid, param , txt, this.owner, 1, browser.hideButtons);
		}
		trk1.loadvars('browserProducts'+idLine);
		trk1.show();
	}
	browser.viewStatus=function( viewStatus , idLine )
	{
		var url='DB/service.php?action=setItemLine&idline='+idLine+'&item=viewStatus&value='+viewStatus;
		ajaxrequest( nocache(url),null, null, 1 );
	}
	//just prepend a close_item_action() before show()
	browser.show = function(idx) 
	{
		this._show(idx);

		if ($('divpredictive')!=null)
			formformat($('divpredictive'));

		if ( this.getidProduct==0 && this.id && $('div_browserProducts')!=null) 
		{
			this.action(this.id); 
		}
		if ( this.getidProduct>0 && $('div_browserProducts')!=null) 
		{
			if ($('divpredictive')!=null)
			formformat($('divpredictive'));

			var id = myid;
			if(this.getidBrand>0)
				id=this.getidBrand;

			var param='&id='+id+'&op=4&order=1&viewstatus=2&active=1';
			var trk1 = browserProducts($('div_browserProducts'), '' , 1, id, param , 'Collections', this.owner, browser.allLines, browser.hideButtons);
			trk1.getidProduct=this.getidProduct;
			trk1.show();		
		}
		if ($('div_viewstatus')!=null)
			formformat($('div_viewstatus'));

		if ($('backtoline_product')!=null)
			formformat($('backtoline_product'));

		if ($('subtitlepage')!=null)
			formformat($('subtitlepage'));

		if (this.theaction!='')	
		{
			if ($('div_browserOneProduct')!=null && browser.getidProduct==0 )
			{	
				//alert(this.theaction);
				eval(this.theaction);			
			}
		}

	nobubble();
	};
	return browser;
}
function browserLines( hang, title, id, search, param, compact, idType)
{
	//script='DB/service.php?action=showLine'+param;
	script=param;
	var browser = new browsecomponent( hang, title, script );
	browser.param=param;
	browser.idLine= new Array();

	browser.compact = (compact==1) ? compact : 0;
	browser.idType= (!isdefined(idType)) ? 0 : idType;
	//browser.type==0 //Line
	browser.type= 'browserLines';
	browser.cont= 0;
	browser.cols = 1;
	browser.rows = 6;
	browser.txt_loading = 'Searching...';
	//browser.debug_mode = true;
	browser.hang.className='browserBrandorders browserLines';
	browser.head='';
	browser.parameters.search = search;
	browser.parameters.id = id;	

	t = (browser.idType==0) ? 'COLLECTION' : 'FOLDER';
	ts = (browser.idType==0) ? 'COLLECTIONS' : 'BOOKMARKS';
	t_aux = (browser.idType==0) ? 'Line' : 'Bookmark';

	if(browser.compact!=1 && img_owner!='' && showimg)
		browser.searchHTML='<div id="owner_image" style="display: none;"><div class="squareborder130" style="background-color: transparent; border: 0px; width: 234px; margin-top: 8px;"><div class="square130" style="background-color: transparent; width: 234px;"><img src="'+img_owner+'" onload="imgmaxrect(this,234,130); " id="img_logo"/></div></div></div>';
	else
		browser.searchHTML='';

	browser.searchHTML += '<div class="title" style="margin-top: 8px; height: 34px;"><div style="float: left;">'+ts+'</div>';
	
	if(browser.compact!=1)
		browser.searchHTML += '<div class="textviolet" style="float: right; margin-top: 12px;">&nbsp;</div></div><div class="hr">&nbsp</div><div style="display: table; width: 100%; padding-top: 14px; padding-bottom: 16px;">';
	else
		browser.searchHTML +='<div style="float: left; padding-left: 20px;" id="navigate">&nbsp;b</div><div>&nbsp</div></div>';

	
	if(browser.compact!=1)
		browser.searchHTML+='<div style="float: left; padding-right: 10px;"><input type="button" value="ADD '+t+'" onclick="getme(this).add'+t_aux+'(this);" id="add_line_button" style="width: 120px;"></div>';

	if(browser.compact!=1 && browser.idType==0)
		browser.searchHTML += '<div style="float: left; padding-right: 10px;"><input type="button" value="VIEW ALL PRODUCTS" onclick="getme(this).viewall(\'trk2.getidBrand = browser.getidBrand;\');" id="viewall" style="width: 150px;"/></div>';

	if(browser.compact!=1)
		browser.searchHTML += '<div style="float: left; padding-top: 1px; padding-right: 10px;" class="text">SORT BY&nbsp;&nbsp;<select defaultvalue="1"  onchange="getme(this).orderby(this, this.valueid);" setstyle="width: 170px;"><option value=1>Date</option><option value=2>Date of Last Modified</option><option value=3>Most Products</option><option value=4>Most Views</option></select></div>';
		
	if(browser.compact!=1)
		browser.searchHTML += '<div style="float: left; padding-top: 1px; padding-right: 10px;" class="text">SEARCH&nbsp;&nbsp;<input type="text" name="search" id="search" value="'+search+'" style="width: 140px;"></div>';
	
	if(browser.compact!=1)
		browser.searchHTML += '<div style="float: left; padding-right: 6px;"><input type="submit" value="GO"/></div>';
	
	if(browser.compact!=1)
		browser.searchHTML += '<div style="float: right;" id="navigate">&nbsp;</div></div>';
		
	//turn off click event
	//browser.click = function( div, idx ) { };
	//browser.over = function( div, idx ) { };
	//browser.out = function( div, idx ) { };
	//turn off navigators
	browser.click = function( div, idx ) { };
	browser.nav1 = browser.nav2 = function() { return '' };
	browser.nav = function ( idx )
	{
		if( !isdefined( this.totrec ) || this.totrec <= 0 ) return '';
		var prev = idx > 0 ? '<div class="navon" onclick="getme(this).show( ' + (idx-this.pagesize) +  ' )"><div class="imgleft">&nbsp;</div></div>' : '<div class="navoff"><div class="imgleft">&nbsp;</div></div>';
		var next = idx+this.pagesize < this.totrec ? '<div class="navon" onclick="getme(this).show( ' + (idx+this.pagesize) +  ' )"><div class="imgright">&nbsp;</div></div>' : '<div class="navoff"><div class="imgright">&nbsp;</div></div>';
		var idx2 = idx+this.pagesize;
		if( idx2 > this.totrec ) idx2 = this.totrec;
		var pos = (idx+1) + ' - ' + idx2 + ' of ' + (this.totrec);
		var pos='<div class="text12" style="padding-top: 1px;">&nbsp;'+pos+'&nbsp;</div>';
		var output = '<table cellpadding="0" cellspacing="0" border="0"><tr><td>' + prev + '</td><td><div class="">' + pos + '</div></td><td>' + next + '</td></tr></table>';
		return output;
	}
	//cell customization
	browser.cell = function( rec, arec , idx)
	{
		if(arec.owneredit>0 && browser.compact!=1)
			browser.owner = 1;
		//else
		//	browser.owner = 0;

		//if(browser.owner==1)
			//$('add_line_button').style.display = 'block';

		if(browser.idType==0)
		{
			var idLine = arec.idLine;
			var _idBrand = arec._idBrand;
			browser.idBrand=_idBrand;
		}
		else if(browser.idType==2)
		{
			var idLine=arec.idBookmark;
			var _idStore = arec._idStore;
			browser.idStore=_idStore;
		}
		
		var title = arec.title;
		var description = arec.description;
		var addedDate = arec.addedDate;
		var lastmodifiedDate = arec.lastmodifiedDate;
		var active = arec.active;
		var count = arec.count;
		var viewStatus = arec.viewStatus;
		var countLookbook = arec.countLookbook;
		var countViews = arec.countViews;

		browser.getidBrand = _idBrand;

		browser.cont++;
		if(count>0)
		{
			browser.idLine=browser.idLine.concat(idLine);
		}
		
		var txtviewStatus='';
		var txtdelete='';
		if (browser.owner==1)
		{
			txtdelete = '<input type="button" value="DELETE ALL" onclick="getme(this).del_line(this, \''+idLine+'\');">';
			if(browser.idType==0)
				txtviewStatus='<select defaultvalue="'+viewStatus+'" class="titlepageright" setstyle="width:100px;" onchange="getme(this).viewStatus(this.valueid, '+idLine+');"><option value=1>All Stores</option><option value=2>My Stores</option><option value=0>Private</option></select>';
		}

		//var out= '<table cellpadding="0" cellspacing="0" border="0" class="itemline"><tr><td valign=top class="contentline" height=140><div class="titlecontentline">'+title+'</div><div class="item"><b>Created: </b>'+addedDate+'</div><div class="item">'+count+' products</div><div style="height: 35px;"></div><table cellpadding="0" cellspacing="0" border="0" width=100%><tr><td width=80> '+txtviewStatus+' </td> <td align=right class="bottom" onclick="getme(this).clickdetail(\''+idLine+'\');">details</td><td align=right class="bottom" >'+txtdelete+'</td></tr> </table></td><td width=740><div name="itemproduct'+idLine+'" id="itemproduct'+idLine+'" style="width: 700px; height: 140px; margin-left: 10px;"></div></td></tr><tr><td colspan=2><div class="itemlinedown"></div></td></tr></table>';
		
		if(count==0)
			products = '';
		else if(count==1)
			products = '1 product - ';
		else
			products = count+' products - ';

		var txt = '<div class="textviolet2" style="font-size: 18px;" onclick="getme(this).clickdetail(\''+idLine+'\');">'+title+'</div><div class="text" style="font-size: 14px;">Created: '+addedDate+'</div><div class="text" style="font-size: 14px;">'+products+'<span class="textviolet" style="cursor: pointer; font-size: 14px;" onclick="getme(this).clickdetail(\''+idLine+'\');">See Details</span><div style="position: absolute; bottom: 0px; left: 0px;" id="divpredictive'+browser.cont+'"><div style="margin-bottom: 8px;">'+txtviewStatus+'</div> <div>'+txtdelete+'</div></div></div>';

		var out = '<div style="width: 882px; display: table; margin-bottom: 20px;"><div class="borderDotted">&nbsp</div><div style="width: 264px; height: 122px; overflow: hidden; float: left; position: relative; margin-top: 20px;">'+txt+'</div><div style="width: 608px; overflow: hidden; float: left; margin-top: 20px;" id="itemproduct'+idLine+'"></div></div>';
		return out;
	}
	browser.del_line= function( obj , idLine)
	{
		abubble("DB\/bubble.php?action=del_line&idLine="+idLine, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.addLine= function( obj )
	{
		trk= showNewLine( obj, myid, 2);
	}
	browser.orderby=function( obj, order )
	{
		browser.parameters.order=order;
		browser.show();
	}

	browser.itemproduct=function ( txt_obj, idLine)
	{
		trk = browserProductsComponent( $(txt_obj), '', idLine, '&id='+idLine+'&op='+browser.idType+'&active=1&order=1',  this.owner  );
		trk.hangaux = browser.hangaux;
		trk.compact = browser.compact;
		trk.idType=browser.idType;
		trk.show();
	}
	browser.clickMenu = function()
	{
		type = 'lines';
			obj = $('onebrand_lines');
			submenu= new Array('onebrand_brandhome','onebrand_lines', 'onebrand_lookbooks', 'onebrand_profile');
			for(var i=0; i<submenu.length; i++)
				if (submenu[i]!='submenu_'+type)
					if ($(submenu[i])!=null)
						$(submenu[i]).className= 'item';

		if(obj!=null) obj.className= 'item_selected';
	}
	browser.clickdetail=function ( idLine )
	{
		if(browser.compact==1)
		{
			browser.hang = browser.hangaux;
			browser.clickMenu();
		}

		txt='&viewstatus=1';
		if(browser.owner==1)
			txt='&viewstatus=2';

		browser.hang.innerHTML='';
		var div = ce( 'DIV' );
		div.id = 'div_browserOneLine';
		div.name = 'div_browserOneLine';
		browser.hang.appendChild( div );			

		trk2 = browserOneLine(div, '',idLine , 'DB/service.php?action=showLine&id='+idLine+'&op=1&order=1&active=1'+txt , '' );
		trk2.loadvars('browserOneLine'+idLine);
		trk2.show();

		return trk2; 
	}
	browser.viewall=function ( txt )
	{
		browser.hang.innerHTML='';
		var div = ce( 'DIV' );
		div.id = 'div_browserOneLine';
		div.name = 'div_browserOneLine';
		browser.hang.appendChild( div );

		trk2 = browserOneLine(div, '',0 , 'DB/service.php?action=showLine&id=0&op=1&active=1&viewstatus=2&order=1' , '');
		//trk2.loadvars('browserOneLine'+idLine);
		trk2.owner = browser.owner;
		eval(txt);
		trk2.show(); 
	}
	browser.viewStatus=function( viewStatus , idLine )
	{
		var url='DB/service.php?action=setItemLine&idline='+idLine+'&item=viewStatus&value='+viewStatus;
		ajaxrequest( nocache(url),null, null, 1 );
	}
	browser.notfound = function()
	{
		browser._notfound();

		if(browser.compact!=1 && browser.owner!=0)
			browser.addLine($('add_line_button'));
	}
	//just prepend a close_item_action() before show()
	browser.show = function(idx) 
	{
		if(this.hang.style.display != 'block')
			this.hang.style.display = 'block';

		if($('div_newlookbook')!=null)
			$('div_newlookbook').parentNode.removeChild($('div_newlookbook'));

		this._show(idx);

		if($('add_line_button')!=null && browser.idType!=2)
			if(!(browser.parameters.id==myid && mytype==1) || browser.compact==1)
				$('add_line_button').wrapper.style.display = 'none';

		if ($('navigate')!=null)
			$('navigate').innerHTML = this.nav( idx );	

		if ($('divpredictive_orderlist')!=null)
			formformat($('divpredictive_orderlist'));

		if (browser.cont>0)
			for (var i=1; i<=browser.cont; i++)
				if ($('divpredictive'+i)!=null)
					formformat($('divpredictive'+i));

		for (var i=0; i<browser.idLine.length; i++)
			if ($('itemproduct'+browser.idLine[i])!=null)
				browser.itemproduct('itemproduct'+browser.idLine[i], browser.idLine[i] );
		
		if($('div_oneBrand')!=null && browser.owner==1)
			$('div_oneBrand').style.display = 'none';

		if(browser.owner==1 && $('owner_image')!=null)
			$('owner_image').style.display = 'block';

		nobubble();
	};
	return browser;
}
function browserProductsComponent( hang, title, idLine, param , owner) 
{
	if (!owner) param+='&active=1';

	script='DB/service.php?action=showProduct'+param;
	var browser = new browsecomponent( hang, title, script );

	browser.type='browserProductsComponent';
	browser.owner=owner;
	browser.idLine= idLine;
	browser.param = param;
	browser.cols = 4;
	browser.rows = 1;
	//browser.debug_mode = true;
	browser.txt_loading = 'Searching...';
	browser.searchHTML='';
	browser.hang.className='';
	browser.head='';
	browser.idType=0;
	//browser.debug_mode = true;
	//browser.hang.className += ' trackitem';

	//turn off click event
	browser.click = function( div, idx ) { };
	browser.productClick = function( obj, idx, idProduct, idBrand ) 
	{
		
		obj=getme(getme(obj).hang.parentNode).hang;
		//obj=getme(obj, 'browserLines').hang;
		if(browser.compact==1)
		{
			obj = browser.hangaux;
			browser.clickMenu();
		}
	
		obj.innerHTML='';

		var div = ce( 'DIV' );
		div.id = 'div_browserOneLine';
		div.name = 'div_browserOneLine';
		obj.appendChild( div );

		var action=' if ($(\"div_browserProducts\")!=\"null\") $(\"div_browserProducts\").style.display=\'none\'; trk3 = browserOneProduct($(\"div_browserOneProduct\"), "" , "'+this.idLine+'", "&id='+this.idLine+'&op='+this.idType+'&active=1&viewstatus=2&order=1", \"browserLines\", \"'+this.owner+'\" ); trk3.idType=2;  trk3.show('+idx+'); '; 

		if(this.idType==0)
		{
			if(browser.owner!=1)
				aux_idLine = 0;
			else
				aux_idLine = this.idLine;
			
			var action=' if ($(\"div_browserProducts\")!=\"null\") $(\"div_browserProducts\").style.display=\'none\'; trk3 = browserOneProduct($(\"div_browserOneProduct\"), "" , "'+aux_idLine+'", "&id='+this.idLine+'&op=0&active=1&viewstatus=2&order=1", \"browserLines\", \"'+this.owner+'\" ); trk3.show('+idx+');';
				
			trk2 = browserOneLine(div, '', aux_idLine , 'DB/service.php?action=showLine&id='+aux_idLine+'&op=1&active=1&viewstatus=2&order=1', action, this.owner );
			
		}
		else if(this.idType==2)
		{
			var action=' if ($(\"div_browserProducts\")!=\"null\") $(\"div_browserProducts\").style.display=\'none\'; trk3 = browserOneProduct($(\"div_browserOneProduct\"), "" , "'+this.idLine+'", "&id='+this.idLine+'&op=2&active=1&viewstatus=2&order=1", \"browserBookmarks\", \"'+this.owner+'\" ); trk3.idType=2; trk3.show('+idx+');'; 

			trk2 = browserOneBookmark(div, '',this.idLine , 'DB/service.php?action=showBookmark&id='+this.idLine+'&op=1&active=1&viewstatus=2&order=1', action, this.owner );
		}
		trk2.show();
	}
	browser.clickMenu = function()
	{
		type = 'lines';
			obj = $('onebrand_lines');
			submenu= new Array('onebrand_brandhome','onebrand_lines', 'onebrand_lookbooks', 'onebrand_profile');
			for(var i=0; i<submenu.length; i++)
				if (submenu[i]!='submenu_'+type)
					if ($(submenu[i])!=null)
						$(submenu[i]).className= 'item';

		if(obj!=null) obj.className= 'item_selected';
	}
	browser.over = function( div, idx ) { };
	browser.out = function( div, idx ) { };
	browser.nav = function ( idx ) {};
	//turn off navigators
	browser.nav1 = browser.nav2 = function() { return '' };

	browser.navright = function ( idx )
	{
		if( !isdefined( this.totrec ) || this.totrec <= 0 ) return '';
		var prev = idx > 0 ? '<div class="navprev_on" onclick="getme(this).show( ' + (idx-this.pagesize) +  ' )"></div>' : '<div class="navprev_off"></div>';
		var idx2 = idx+this.pagesize;
		if( idx2 > this.totrec ) idx2 = this.totrec;
		return prev;
	}
	browser.navleft = function ( idx )
	{
		if( !isdefined( this.totrec ) || this.totrec <= 0 ) return '';
		var next = idx+this.pagesize < this.totrec ? '<div class="navnext_on" onclick="getme(this).show( ' + (idx+this.pagesize) +  ' )"></div>' : '<div class="navnext_off"></div>';
		var idx2 = idx+this.pagesize;
		if( idx2 > this.totrec ) idx2 = this.totrec;
		return next;
	}

	//cell customization
	browser.cell = function( rec, arec , idx)
	{
		var i = 0;
		var idProduct = arec.idProduct;
		var _idBrand = arec._idBrand;
		var title = arec.title;
		var name_brand = arec.name_brand;
		var description = arec.description;
		var style = arec.style;
		var cost = arec.cost;
		var minOrder = arec.minOrder;
		var img_url = arec.img_url;
		var active = arec.active;
		var stock = arec.stock;
		var countViews = arec.countViews;
		var countLookbook = arec.countLookbook;
		var countBookmark = arec.countBookmark;
		var img = arec.img;
		var color = arec.color;
		var size = arec.size;

		if(img_url=='') img_url='img/default.jpg';
		var out= '<div class="squareborder115" style="cursor: pointer; margin-right: 12px; padding: 0px;" onclick="getme(this).productClick(this, \''+idx+'\', \''+idProduct+'\', \''+_idBrand+'\');"><div class="square115"><img src="DB/' + img_url + '"  onload="imgsquare(this,115)"> </div></div>';
		return out;
	}
	browser.show = function(idx)
	{ 
		if( !this.drawn ) this.draw();
		if( !isdefined( idx ) )
		{
			this.loading();
			this.get( 0 );
			return;
		}
		if( idx < 0 ) idx = 0;
		if( idx >= this.totrec && this.totrec > 0 ) idx = this.totrec - 1;
		this.firstrec = idx;

		this.savevars();

		var nav1 = this.navleft( idx );
		var nav2 = this.navright( idx );
		var output = '<table cellpadding="0" cellspacing="0" border="0"><tr><td valign=middle>'+nav2+'</td>';
		var i = idx;
		for( var row = 0 ; row < this.rows ; row++ )
		{
		//	output += row > 0 ? '</tr><tr>' : '<tr>';
			for( var col = 0 ; col < this.cols ; col++ )
			{		
				if( i >= this.totrec ) { row = col = 1000; break; }
				var rec = this.recs[i];
				var arec = this.arecs[i];
				if( isdefined( rec ) )
				{
					output += '<td><div class="item" ' 
								 + 'onmouseover="getme(this).over( this, ' + i + ')" '
								 + 'onmouseout="getme(this).out( this, ' + i + ')" ' 
								 + 'onmousedown="getme(this).click( this, ' + i + ')">' 
								 +  this.cell( rec, arec , i) + '</div></td>';
				}
				else
				{
					this.get( this.firstrec );
					this.loading();
					return;
				}
				i++;
			}
		}
		output += '<td valign=middle>'+nav1+'</td></tr></table>';
		this.content.innerHTML = output ;
	};
	return browser;
}

function showNewLine(obj , idBrand, old)
{
	if(old==1)
		hang=obj;
	else if(old==2)
		hang=getme(obj, "browserLines").hang;
	else
		hang=getme(obj, "browserBookmarks").hang;


	back= function()
	{
		hang.style.display='block';
		getme(hang).show();
		hang.parentNode.removeChild($('div_newline'));
	}

	if($('div_newline')==null)
	{
		div = ce( 'DIV' );
		div.id = 'div_newline';
		hang.parentNode.appendChild( div );
	}
	else
		div=$('div_newline');
	hang.style.display='none';

	var output='<div name="div_newline_header" id="div_newline_header" class="brandorders newLine"></div><div name="div_newline_content" id="div_newline_content" class="brandorders newLine">';

	output+='</div>';

	div.innerHTML=output;

	if ($('div_newline_content')!=null)
	{
		loadurl('addnewline.php?idBrand='+idBrand+'&hangid='+div.id+'&old='+old, $('div_newline_content'));
		//formformat($('div_newline'));
	}
	
	if ($('div_newline_header')!=null && old!=2)
		trk = browserLinesComponent( $('div_newline_header'), '', 'DB/service.php?action=showLine&id='+idBrand+'&op=0&active=1&viewStatus=2&order=1' ).show();
	
}
function showNewBookmark(obj , idStore, old)
{
	if(old==1)
		hang=obj;
	else
		hang=getme(obj, "browserBookmarks").hang;
	back= function()
	{
		hang.style.display='block';
		hang.parentNode.removeChild($('div_newline'));
	}
	
	if($('div_newline')==null)
	{
		div = ce( 'DIV' );
		div.id = 'div_newline';
		hang.parentNode.appendChild( div );
	}
	else
		div=$('div_newline');
	hang.style.display='none';

	var output='<div name="div_newline_header" id="div_newline_header" class="brandorders newLine"></div><div name="div_newline_content" id="div_newline_content" class="brandorders newLine">';

	output+='</div>';

	div.innerHTML=output;

	if ($('div_newline_content')!=null)
	{
		loadurl('addnewbookmark.php?idStore='+idStore+'&hangid='+div.id, $('div_newline_content'));
		//formformat($('div_newline'));
	}
	//if ($('div_newline_header')!=null)
	//	trk = browserLinesComponent( $('div_newline_header'), '', 'DB/service.php?action=showBookmark&id='+idStore+'&op=0&active=1&viewStatus=2&order=1' );
	//	trk.idType=2;
	//	trk.show();
}


function browserLinesComponent( hang, title, param )
{
	//script='DB/service.php?action=showLine'+param;
	script=param;
	var browser = new browsecomponent( hang, title, script );
	browser.param=param;

	browser.idType=0;
	browser.type="browserLinesComponent";
	browser.countViews = true;
	browser.cols = 1;
	browser.rows = 1;
	browser.txt_loading = 'Searching...';
	browser.hang.className=' browserBrandorders';

	browser.click = function( div, idx ) { };
	browser.over = function( div, idx ) { };
	browser.out = function( div, idx ) { };

	browser.nav1 = browser.nav2 = function() { return '' };


	//cell customization
	browser.cell = function( rec, arec )
	{
		var i = 0;
		if(browser.idType==0)
		{
			var idLine = arec.idLine;
			var _idBrand = arec._idBrand;
			var predictive="DB/service.php?action=showLine&firstrec=0&numrec=0&id="+_idBrand+"&op=0&order=1&viewStatus=2&active=1";
			browser.idBrand=_idBrand;
			var txt='Collections';
			var txt1='collection';
		}
		else if(browser.idType==2)
		{
			var idBookmark = arec.idBookmark;
			var _idStore = arec._idStore;
			var predictive="DB/service.php?action=showBookmark&firstrec=0&numrec=0&id="+_idStore+"&op=0&order=1&viewStatus=2&active=1";
			browser.idStore=_idStore;
			var txt='Bookmarks';
			var txt1='bookmark';
		}
		var title = arec.title;
		var description = arec.description;
		var addedDate = arec.addedDate;
		var lastmodifiedDate = arec.lastmodifiedDate;
		var active = arec.active;
		var count = arec.count;
		var viewStatus = arec.viewStatus;		
		
		var out='';
		out+='<div class="brandorders" name="divpredictive_newline" id="divpredictive_newline"><form><table cellspacing=0 cellpadding=0 border=0 class="toppage" style="height: 40px; padding: 0px; margin: 0px;"><tr><td class="title" >'+txt.toUpperCase()+'</td><td align="right" style="padding-top: 10px;"><div class="titlepageright white" style="font-size: 16px;"><b>View '+txt+':</b>&nbsp;&nbsp;<input type="text" predictive="'+predictive+'" allownew=0  onchange="getme(this).searchline( this.valueid );" helper="(select a '+txt1+')" usevalue="1" value="0" style="width:150px;"/></div></td></tr></table></form></div><div class="hr">&nbsp</div>';
		
		return out;
	}
	browser.searchline=function(  idLine )
	{
		obj=browser.hang.parentNode;
		obj.innerHTML='';

		var param='&id='+idLine+'&op=1&order=1&viewstatus=2&active=1';

		if(browser.idType==0)
		{
			var action='trk3 = browserProducts($(\"div_browserProducts\"), "" , "1", "'+idLine+'", "&id='+idLine+'&op=0&active=1&viewstatus=2&order=1", "add lines", "1" );  trk3.show();'; 

			trk1 = browserOneLine(obj, "" , idLine, 'DB/service.php?action=showLine'+param, action, 1 ).show();
		}
		else if(browser.idType==2)
		{
			var action='trk3 = browserProducts($(\"div_browserProducts\"), "" , "1", "'+idLine+'", "&id='+idLine+'&op=0&active=1&viewstatus=2&order=1", "add bookmarks", "1" );  trk3.show();'; 

			trk1 = browserOneBookmark(obj, "" , idLine, 'DB/service.php?action=showBookmark'+param, action, 1 ).show();
		}
	}
	browser.show = function(idx) 
	{
		if(browser.totrec==0)
			this.hang.style.display='none';
		else
			this.hang.style.display='block';
		this._show(idx);
		
		if ($('divpredictive_newline')!=null)
			formformat($('divpredictive_newline'));
		
	};
	return browser;
}


function showNewProduct(obj, idBrand, idLine, old)
{
	if(obj.id!='upload_product')
	{
		hang=getme(obj, "browserProducts").hang;
		//hang.parentNode.style.backgroundColor='#4D4D4D';
		back= function()
		{
			hang.style.display='block';
			hang.parentNode.removeChild($('div_newproduct'));
			//hang.parentNode.style.backgroundColor='#999';
		}
	}
	else
	{
		hang=obj;
	}
	
	if($('div_newproduct')==null)
	{
		div = ce( 'DIV' );
		div.id = 'div_newproduct';
		hang.parentNode.appendChild( div );
	}
	else
		div=$('div_newproduct');

	hang.style.display='none';

	div.innerHTML='<div name="div_newproduct_content" id="div_newproduct_content" class="brandorders newProduct"></div>';

	if ($('div_newproduct_content')!=null)
	{
		loadurl('addnewproduct.php?idLine='+idLine+'&idBrand='+idBrand+'&hangid='+div.id+'&old='+old, $('div_newproduct_content'), false);
		//formformat($('div_newline'));
	}
	//if ($('div_newproduct_header')!=null)
		//trk = browserLinesComponent( $('div_newproduct_header'), '', '&id='+idBrand+'&op=0&active=1&viewStatus=2&order=1' ).show();
}
function showNewProductExcel(obj, idBrand, idLine)
{
	loadurl('saveproducts.php?idLine='+idLine+'&idBrand='+idBrand+'&old='+obj.id, obj, false);
}
function browserLookbooks( hang, title, id, param, compact )
{
	script='DB/service.php?action=showLookbook'+param;
	var browser = new browsecomponent( hang, title, script );
	browser.param=param;

	browser.compact = compact;
	browser.cont=0;
	browser.id=id;
	browser.type="browserLookbooks";
	//browser.debug_mode = true;
	browser.cols = 4;
	browser.rows = 2;
	browser.txt_loading = 'Searching...';
	browser.hang.className='browserBrandorders browserLookbooks';
	
	if(browser.compact!=1 && img_owner!='' && showimg)
		browser.searchHTML='<div class="squareborder130" style="background-color: transparent; border: 0px; width: 234px; margin-top: 8px;"><div class="square130" style="background-color: transparent; width: 234px;"><img src="'+img_owner+'" onload="imgmaxrect(this,234,130); " id="img_logo"/></div></div>';

	browser.searchHTML += '<div class="title" style="height: 34px; margin-top: 9px;"><div style="float: left;">LOOKBOOKS</div></div>';
	
	if(browser.compact!=1)
	{
		browser.searchHTML += '<div class="hr">&nbsp</div><div style="display: table; width: 100%; padding-top: 9px; padding-bottom: 20px;">';
		browser.searchHTML+='<div style="float: left; padding-top: 4px;" id="add_new_lookbook"><input type="button" value="ADD LOOKBOOKS" onclick="getme(this).addnew();" id="add_line_button"></div>';
		browser.searchHTML += '<div style="float: right;" id="navigate_lookbook">&nbsp;</div></div><div class="borderDotted">&nbsp</div>';
	}	

	browser.click = function( div, idx ) { };
	browser.over = function( div, idx ) { };
	browser.out = function( div, idx ) { };

	//browser.nav1 = browser.nav2 = function() { return '' };

	//cell customization
	browser.cell = function( rec, arec )
	{
		if(arec.owneredit>0 && browser.compact!=1)
			browser.owner = 1;
		else
			browser.owner = 0;

		var i = 0;
		var idLookbook = arec.idLookbook;
		var _idBrand = arec._idBrand;
		var title = arec.title;
		var description = arec.description;
		var addedDate = arec.addedDate;
		var lastmodifiedDate = arec.lastmodifiedDate;
		var active = arec.active;
		var viewStatus = arec.viewStatus;
		var publish = arec.publish;
		var count = arec.count;
		var img = arec.img;
		var status='';
		if (browser.owner==1)
			status='<div style="padding-top: 10px;"><select defaultvalue="'+viewStatus+'" setstyle="width:100px;" onchange="getme(this).changeViewStatus(this.valueid, '+idLookbook+');"><option value=1>All Stores</option><option value=2>My Stores</option><option value=0>Private</option></select></div>';

		//var txtoptions = '<div><div class="textviolet" style="cursor: pointer;" onclick="getme(this).showLookbook(\''+idLookbook+'\');" >See Details</div>';
		//if (browser.owner==1)
		//	txtoptions += '<div class="textviolet" onclick="getme(this).delLookbook(this, \''+idLookbook+'\');">Delete</div>';
		//txtoptions += '</div>';
		var txtoptions = '';

		if (browser.owner==1)
			status += '<div style="padding-top: 10px;"><input type="button" onclick="getme(this).delLookbook(this, \''+idLookbook+'\');" value="DELETE"/></div>';

		var out='<div name="divpredictive'+browser.cont+'" id="divpredictive'+browser.cont+'" class="viewStatus"><form><div class="showLookbook"><div class="imageLookbook" onclick="getme(this).showLookbook(\''+idLookbook+'\');">';
		
		if(arec.url>'')
			out+='<img src = "DB/'+arec.url+'" width=161 height=250/>';

		if(count==0)
			products = '';
		else if(count==1)
			products = '1 product -&nbsp';
		else
			products = count+' products -&nbsp';

		products = '<div style="display: table; width: 160px; overflow: hidden;"><div class="text12" style="float: left;">'+products+'</div><div class="textviolet" style="float: left; cursor: pointer;" onclick="getme(this).showLookbook(\''+idLookbook+'\');" >See Details</div><div style="float: right;">&nbsp</div></div>';

		out+='</div><div class="infoLookbook text"><div class="bold text16">'+title+'</div>'+products+'<div>'+txtoptions+''+status+'</div></div></div></form></div>';
	
		browser.cont++;
		browser.idBrand=_idBrand;
		return out;
	}
	browser.showLookbook = function( idLookbook )
	{
		if(this.compact==1)
			this.clickMenu();

		browserOneLookbook(this.hang, title, idLookbook, this.param+'&op=1' ).show();
	}
	browser.delLookbook= function( obj, idLookbook )
	{
		abubble("DB\/bubble.php?action=del_lookbook&idLookbook="+idLookbook+'&hang='+browser.hang.id, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.clickMenu = function()
	{
		type = 'lookbooks';
			obj = $('onebrand_lookbooks');
			submenu= new Array('onebrand_brandhome','onebrand_lines', 'onebrand_lookbooks', 'onebrand_profile');
			for(var i=0; i<submenu.length; i++)
				if (submenu[i]!='submenu_'+type)
					if ($(submenu[i])!=null)
						$(submenu[i]).className= 'item';

		if(obj!=null) obj.className= 'item_selected';
	}
	browser.changeViewStatus=function( value, idLookbook )
	{
		var url='DB/service.php?action=setItemLookbook&idLookbook='+idLookbook+'&item=viewStatus&value='+value;
		ajaxrequest( nocache(url),null, null, 1 );
	}
	browser.addnew=function()
	{
		if($('div_newlookbook')==null)
		{
			div = ce( 'DIV');
			div.id = 'div_newlookbook';
			this.hang.parentNode.appendChild( div );
		}
		else
			div=$('div_newlookbook');

		browser.hang.style.display='none';
		div.style.display='block';
		back=function()
		{
			$(div.id).style.display='none';
			$(browser.hang.id).style.display='block';
			browser.reset();
			browser.show();
		}
		loadurl('addnewlookbook.php?idBrand='+browser.id+'&hangid='+div.id+'&old='+this.hang.id, div);
	}
	browser.nav = function ( idx )
	{
		if( !isdefined( this.totrec ) || this.totrec <= 0 ) return '';
		var prev = idx > 0 ? '<div class="navon" onclick="getme(this).show( ' + (idx-this.pagesize) +  ' )"><div class="imgleft">&nbsp;</div></div>' : '<div class="navoff"><div class="imgleft">&nbsp;</div></div>';
		var next = idx+this.pagesize < this.totrec ? '<div class="navon" onclick="getme(this).show( ' + (idx+this.pagesize) +  ' )"><div class="imgright">&nbsp;</div></div>' : '<div class="navoff"><div class="imgright">&nbsp;</div></div>';
		var idx2 = idx+this.pagesize;
		if( idx2 > this.totrec ) idx2 = this.totrec;
		var pos = (idx+1) + ' - ' + idx2 + ' of ' + (this.totrec);
		var pos='<div class="text12" style="padding-top: 1px;">&nbsp;'+pos+'&nbsp;</div>';
		var output = '<table cellpadding="0" cellspacing="0" border="0"><tr><td>' + prev + '</td><td><div class="">' + pos + '</div></td><td>' + next + '</td></tr></table>';
		return output;
	}
	browser.notfound = function()
	{
		browser._notfound();
		
		if(browser.compact!=1 && browser.owner!=0)
			browser.addnew();
	}
	browser.show = function(idx) 
	{
		if( !this.drawn ) this.draw();

		if($('add_new_lookbook')!=null)
			if(!(browser.id==myid && mytype==1) || browser.compact==1)
				$('add_new_lookbook').style.display = 'none';

		if( !isdefined( idx ) )
		{
			this.loading();
			this.get( 0 );
			return;
		}
		if( idx < 0 ) idx = 0;
		if( idx >= this.totrec && this.totrec > 0 ) idx = this.totrec - 1;
		this.firstrec = idx;

		this.savevars();

		var nav1 = this.nav1( idx );
		var nav2 = this.nav2( idx );
		var output = '<table cellpadding="0" cellspacing="0" border="0">';
		var i = idx;
		for( var row = 0 ; row < this.rows ; row++ )
		{
			output += row > 0 ? '</tr><tr>' : '<tr>';
			for( var col = 0 ; col < this.cols ; col++ )
			{
				if( i >= this.totrec ) { row = col = 1000; break; }
				var rec = this.recs[i];
				var arec = this.arecs[i];
				if( isdefined( rec ) )
				{
					output += '<td><div class="item" ' 
								 + 'onmouseover="getme(this).over( this, ' + i + ')" '
								 + 'onmouseout="getme(this).out( this, ' + i + ')" ' 
								 + 'onmousedown="getme(this).click( this, ' + i + ')">' 
								 +  this.cell( rec, arec ) + '</div></td>';
				}
				else
				{
					this.get( this.firstrec );
					this.loading();
					return;
				}
				i++;
			}
		}
		output += '</tr></table>';
		this.content.innerHTML = output+ this.footerHTML;

		if ($('navigate_lookbook')!=null) 
			$('navigate_lookbook').innerHTML=this.nav(idx);

		for(var i=0; i<browser.cont; i++)
			if ($('divpredictive'+i)!=null)
				formformat($('divpredictive'+i));

		if(browser.idLookbook>0)
			browser.showLookbook(browser.idLookbook);
	};
	return browser;
}


function browserBrands( hang, title, param, search, letter, idStore, restrictStore, idCategory)
{
	if (!owner) param+='&viewStatus=1&active=1';
	//script='DB/service.php?action=showBrand&restrictStore=1'+param;
	var browser = new browsecomponent( hang, '', param );
	
	browser.type= 'browserBrands';
	browser.cols = 4;
	browser.rows = 7;
	browser.txt_loading = 'Searching...';
	//browser.debug_mode = true;
	browser.hang.className=' browserBrandorders browserBrands';
	browser.head='';
	browser.param=param;
	browser.parameters.restrictStore = restrictStore;
	browser.parameters.idStore = idStore;
	browser.parameters.idCategory = idCategory;
	browser.parameters.search = search;
	browser.parameters.letter = letter;	

	browser.searchHTML = '<div class="title" style="padding-bottom: 5px;">'+title.toUpperCase()+'</div><div class="hr">&nbsp</div>';
	
	browser.searchHTML += '<div class="text12 bold" style="padding-top:5px; padding-bottom: 12px;">YOU MAY SORT OR SEARCH USING THESE TOOLS:</div><div style="display: table; width: 100%; padding-bottom: 14px;">';
	
	browser.searchHTML += '<div class="opt"><input type="text" predictive="DB/service.php?action=getTradeShows&all=1" allownew="0" usevalue="1" navigate="0" name="tradeshow" style="width: 182px;" value="0" sort="0"></div><div class="opt"><input type="text" predictive="DB/service.php?action=getShowrooms&all=1" allownew="0" usevalue="1" navigate="0" name="showroom" style="width: 182px;" value="0" sort="0"></div><div class="opt" style="width: 23%;"><input type="text" predictive="DB/service.php?action=showClassCategory&firstrec=0&numrec=0&all=1&type=1&count=1" allownew="0" usevalue="1" navigate="0" name="idCategory" style="width: 182px;" value="0"></div><div class="text opt" style="width: 27%;"><input type="hidden" value="0" id="restrictStore"/><span style="width: 40px;">SEARCH</span>&nbsp;&nbsp;&nbsp;<input type="text" name="search" id="search" value="'+search+'" style="width: 168px;" predictive="'+browser.param+'" allownew="1" navigate="1" helper="(Brand Name)"></div><div style=" float: right;"><input type="button" value="GO" style="button" onclick="getme(this).submitform(this);"/></div></div>';

	//browser.searchHTML +='<select id="restrictStore" name="restrictStore" defaultvalue="0" onchange="getme(this).sortby(this.valueid);" setstyle="width: 150px;"><option value="0">all brands</option><option value="1">my brands</option><option value="2">in address book</option></select>';
	
	t = 4;
	browser.searchHTML += '<div class="hr">&nbsp</div>';
	if(browser.parameters.restrictStore==0)
	{
		browser.searchHTML += '<div style="display: table; width: 100%; padding-top: 5px;"><div class="text12 bold">YOU MAY ALSO SORT ALPHABETICALLY:</div>';

		browser.searchHTML += '<div class="tableborder tab_letters" style="padding-top: 5px;"><nobr>';

		browser.searchHTML += '<span onclick="getme(this).sortbyletter(\'\');" class="brand_letter" id="letter_all">ALL</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_a">A</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_b">B</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_c">C</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_d">D</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_e">E</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_f">F</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_g">G</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_h">H</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_i">I</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_j">J</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_k">K</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_l">L</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_m">M</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_n">N</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_o">O</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_p">P</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_q">Q</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_r">R</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_s">S</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_t">T</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_u">U</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_v">V</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_w">W</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_x">X</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_y">Y</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_z">Z</span>';

		browser.searchHTML += '</nobr></div></div>';
		t = 10;
	}
	
	browser.searchHTML += '<div class="tableborder" style="padding-top: '+t+'px;"><div id="div_navigate" style="float: right;">&nbsp;</div></div>';
	
	//turn off click event
	browser.click = function( div, idx ) { };
	//browser.over = function( div, idx ) { };
	//browser.out = function( div, idx ) { };
	//turn off navigators
	browser.nav1 = browser.nav2 = function() { return '' };
	browser.nav = function ( idx )
	{
		if( !isdefined( this.totrec ) || this.totrec <= 0 ) return '';
		var prev = idx > 0 ? '<div class="navon" onclick="getme(this).show( ' + (idx-this.pagesize) +  ' )"><div class="imgleft">&nbsp;</div></div>' : '<div class="navoff"><div class="imgleft">&nbsp;</div></div>';
		var next = idx+this.pagesize < this.totrec ? '<div class="navon" onclick="getme(this).show( ' + (idx+this.pagesize) +  ' )"><div class="imgright">&nbsp;</div></div>' : '<div class="navoff"><div class="imgright">&nbsp;</div></div>';
		var idx2 = idx+this.pagesize;
		if( idx2 > this.totrec ) idx2 = this.totrec;
		var pos = (idx+1) + ' - ' + idx2 + ' of ' + (this.totrec);
		var pos='<div class="text12" style="padding-top: 1px;">&nbsp;'+pos+'&nbsp;</div>';
		var output = '<table cellpadding="0" cellspacing="0" border="0"><tr><td>' + prev + '</td><td><div class="">' + pos + '</div></td><td>' + next + '</td></tr></table>';
		return output;
	}
	//cell customization
	browser.cell = function( rec, arec )
	{
		var idBrand = arec.idBrand;
		var name = arec.name;
		var img = arec.img;

	//var out='Brand: '+idBrand+' name='+name+' img='+img+'<br><br>';

		var out= '<div onclick="getme(this).clickBrand(\''+idBrand+'\');" class="cell"><div class="squareborder135"><div class="square135"><img src="DB/' + img + '" onload="imgmaxrectcenter(this,210, 135);"></div></div><div class="titleBrand">'+name+'</div></div>';
		return out;
	}
	browser.sortbyletter=function( letter )
	{
		letter = letter.toLowerCase()
		browser.reset();
		browser.parameters.letter=letter;
		browser.drawn=false;
		browser.resetdef();
		browser.show();
	}
	browser.sortby=function( value )
	{ 
		browser.reset();
		browser.parameters.restrictStore=value;
		browser.drawn=false;
		browser.show();
	}
	browser.submitform = function(obj)
	{
		 while(obj.tagName!='FORM')
			 obj = obj.parentNode;

		browser.resetdef();
		obj.onsubmit();	 
	}
	browser.clickBrand = function( idBrand )
	{
		div = ce( 'DIV');
		div.id = 'div_oneBrand';
		browser.hang.parentNode.appendChild( div );
		browser.hang.style.display='none';
		browser.savevars();
		
		trk2 = browserOneBrand($("div_oneBrand"), '', 'DB/service.php?action=showBrand&restrictStore=0&idStore='+idStore+'&search&letter=&active=1&idBrand='+idBrand , this).show();
	}
	//just prepend a close_item_action() before show()
	browser.cssLetter = function()
	{
		letter = (browser.parameters.letter!='') ? browser.parameters.letter : 'all' ;
		if($('letter_'+letter)!=null)
			$('letter_'+letter).className += ' brand_letter_sel';
	}
	browser.draw = function()
	{
		this._draw();
		this.cssLetter()
	}
	browser.notfound = function()
	{
		if(browser.parameters.idCategory!=0)
		{
			browser.parameters.idCategory = 0;
			browser.drawn=false;
			browser.show();
		}
		
		if(browser.parameters.restrictStore==1)
			this.content.innerHTML = '<div class="notfound text14">You don\'t have any brand relationships yet. Find a brand page and click the request relationship button to add a brand</div>';
		else
			this.content.innerHTML = '';
	}
	browser.resetdef = function()
	{
		browser.parameters.def=0;
	}
	browser.show = function(idx) 
	{
		this._show(idx);
		this.cssLetter();

		if ($('div_navigate')!=null)
			$('div_navigate').innerHTML=this.nav( idx );

		nobubble();
	};
	return browser;
}

function browserOneBrand( hang, title, param, old, owner)
{
	//if (!owner) param+='&viewStatus=1&active=1';
	//script='DB/service.php?action=showBrand&restrictStore=0'+param;
	var browser = new browsecomponent( hang, title, param );
	
	browser.type= 'browserOneBrand';
	browser.cols = 1;
	browser.rows = 1;
	browser.txt_loading = 'Searching...';
	//browser.debug_mode = true;
	browser.hang.className='browserBrandorders browserOneBrand';
	browser.param=param;
	browser.idBrand=0;
	browser.getLine=0;
	
	browser.click = function( div, idx ) { };
	browser.nav = browser.nav1 = browser.nav2 = function() { return '' };
	
	//cell customization
	browser.cell = function( rec, arec , idx)
	{
		if(arec.owneredit>0)
			browser.owner = 1;
		else
			browser.owner = 0;
		
		var idBrand = arec.idBrand;
		var name = arec.name;
		var img = arec.img;
		var countLines = arec.countLines;
		var countLookbooks = arec.countLookbooks;
		var relationshipStatus = arec.relationshipStatus;
		var addressbookStatus = arec.addressbookStatus;
		browser.idBrand=idBrand;

		var txtRelationshipStatus='STATUS: ';
		var requestRelationship='';
		if (relationshipStatus==1)
			txtRelationshipStatus+="Relationship exists with this brand";
		else if (relationshipStatus==2)
			txtRelationshipStatus+="Relationship was requested by store";
		else if (relationshipStatus==3)
		{
			txtRelationshipStatus+="Relationship was requested by brand";
			requestRelationship= '<br><input type="button" onclick="getme(this).responseRelationship(this, \''+idBrand+'\');" value="RESPONSE RELATIONSHIP" style="margin-top: 6px;">';
		}
		else
		{
			requestRelationship= '<br><input type="button" onclick="getme(this).requestRelationship(this, \''+idBrand+'\');" value="REQUEST RELATIONSHIP" style="margin-top: 6px;">';
			txtRelationshipStatus+="No relationship with this brand";
		}
		txtRelationshipStatus = '';
		var addressbook='';
		/*
		if(addressbookStatus!=1 && addressbookStatus!=2)
			 addressbook='<span onclick="getme(this).addtoAddressbook(this, \''+idBrand+'\');">add to address book</span>';
		else
			addressbook='<span onclick="getme(this).removefromAddressbook(this, \''+idBrand+'\');">remove from address book</span>';
		*/
		if(myid<0 || mytype==1)
			addressbook = txtRelationshipStatus = requestRelationship = '';


		var menu='<div class="menutop"><div class="menu" dstyle="width: 490px;"><div class="left">&nbsp</div><div class="item" onclick="getme(this).clickmenu(this, \'brandhome\', \''+idBrand+'\');" id="onebrand_brandhome" style="smargin-left: -25px;"><div style="padding-left: 20px;">BRAND HOME</div></div><div class="sep">|</div><div class="item" onclick="getme(this).getLine = 0; getme(this).clickmenu(this, \'lines\', \''+idBrand+'\');" id="onebrand_lines">COLLECTIONS ('+countLines+')</div><div class="sep">|</div><div class="item" onclick="getme(this).clickmenu(this, \'lookbooks\', \''+idBrand+'\');" id="onebrand_lookbooks">LOOKBOOKS ('+countLookbooks+')</div><div class="sep">|</div><div class="item" onclick="getme(this).clickmenu(this, \'profile\', \''+idBrand+'\');" id="onebrand_profile">&nbsp;&nbsp;PROFILE&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div class="right">&nbsp</div><div style="float: right background-color: #FFF;width: 0px; overflow: hidden;">&nbsp</div></div><div style="float: left; padding-left: 10px; padding-top: 6px; font-size: 14px;" class="textviolet bold">'+txtRelationshipStatus+'</div><div style="float: right;">&nbsp</div></div>';

		var out= '<div class="menubox text12" style="border-bottom: 0px; display: table; padding-bottom: 10px;"><div class="browserBrands" style="float: left;"><div class="squareborder135" style="width: 210px; border: 0px;"><div class="square135" style="width: 210px;"><img src="DB/' + img + '" onload="imgmaxrectcenter(this,210, 135);"></div></div></div><div id="div_back" style="margin-top: 10px; float: right; text-align: right;"><form>';
		
		if(old!=null)
			out+='<input type="button" value="BACK TO BRANDS" onclick="getme(this).back( \''+idBrand+'\');"/>';
		if(requestRelationship!=null)
			out+=requestRelationship;
		
		out+='</form></div></div>'+menu;
		//+menu;
		return out;
	}
	browser.clickmenu=function(obj, type, idBrand, idProduct)
	{
		submenu= new Array('onebrand_brandhome','onebrand_lines', 'onebrand_lookbooks', 'onebrand_profile');
		for(var i=0; i<submenu.length; i++)
			if (submenu[i]!='submenu_'+type)
				if ($(submenu[i])!=null)
					$(submenu[i]).className= 'item';

		if(obj!=null) obj.className= 'item_selected'; 

	//	if($('div_oneBrandpage')!= null) $('div_oneBrandpage').parentNode.removeChild($('div_oneBrandpage'));
		div = ce( 'DIV');
		div.id = 'div_oneBrandpage';
		div.style.marginTop = '44px';
		browser.hang.appendChild( div );

		if(browser.owner==1)
			txt='&viewstatus=2';
		else
			txt='&viewstatus=1';

		if (type=="lines")
		{
			trk = browserLines( $('div_oneBrandpage'), '', idBrand, '', 'DB/service.php?action=showLine&id='+idBrand+'&op=0&active=1&order=1'+txt );
			trk.owner=0;
			trk.show();

			if(browser.getLine>0 && idProduct>0)
			{
				trk.viewall('trk2.getidProduct='+idProduct+'; trk2.getidBrand = '+idBrand+';');
			}
			else if(browser.getLine>0)
			{
				trk.owner = browser.owner;
				trk.clickdetail(browser.getLine);
			}
		}
		if (type=="lookbooks")
		{
			trk = browserLookbooks( $('div_oneBrandpage'), '', idBrand,'&id='+idBrand+'&op=0&active=1&order=1&order=1'+txt );
			trk.idLookbook = browser.getLookbook;
			trk.owner=0;
			trk.show( );
		}
		if(type=='profile')
		{
			$('div_oneBrandpage').className = '';
			loadurl( 'profile.php?owner=0&type=1&id='+idBrand , $('div_oneBrandpage'));
		} 
		if(type=='brandhome')
		{
			trk = browserHomeBrand( $('div_oneBrandpage'), idBrand, this.param );
			trk.show( );
		}
	}
	browser.requestRelationship= function(obj, idBrand)
	{
		abubble("DB\/bubble.php?action=requestRelationship&idBrand="+idBrand+"&idStore="+myid+"&op=2", getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.responseRelationship= function(obj, idBrand)
	{
		abubble("DB\/bubble.php?action=responseRelationship&idBrand="+idBrand+"&idStore="+myid, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.addtoAddressbook= function(obj, idBrand)
	{
		abubble("DB\/bubble.php?action=add_to_Adressbook&idBrand="+idBrand+"&idStore="+myid+"&op=2", getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.removefromAddressbook= function(obj, idBrand)
	{
		abubble("DB\/bubble.php?action=remove_from_Adressbook&idBrand="+idBrand+"&idStore="+myid+"&op=2", getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.back= function(idBrand)
	{
		this.hang.parentNode.removeChild(this.hang);
		//old.drawn=false;

		old.loadvars('browserBrands'+idBrand);		
		old.show();
		old.hang.style.display='block';
	}
	//just prepend a close_item_action() before show()
	browser.show = function(idx) 
	{
		this._show(idx);
		if ($('div_back')!=null)
			formformat($('div_back'));

		if(browser.getLine>0)
		{
			//VIEW OF purchase order
			if($('onebrand_lines')!=null && browser.idProduct>0)
				browser.clickmenu($('onebrand_lines'), 'lines', browser.getLine, browser.idProduct);
			else if($('onebrand_lines')!=null)
				browser.clickmenu($('onebrand_lines'), 'lines', browser.idBrand);	
		}
		else if(browser.getLookbook>0)
		{
			if($('onebrand_lookbooks')!=null)
				browser.clickmenu($('onebrand_lookbooks'), 'lookbooks', browser.idBrand);	
		}
		else
		{
			if($('onebrand_brandhome')!=null)
				browser.clickmenu($('onebrand_brandhome'), 'brandhome', browser.idBrand);
		} 
		nobubble();

	};
	return browser;
}

function browserBookmarks( hang, title, id, search, param )
{
	script=param;
	var browser = new  browserLines( hang, title, id, search, param, 0, 2);
	//browser.debug_mode = true;
	browser.type="browserBookmarks";
	browser.clickdetail=function ( idBookmark )
	{
		browser.hang.innerHTML='';
		var div = ce( 'DIV' );
		div.id = 'div_browserOneLine';
		div.name = 'div_browserOneLine';
		browser.hang.appendChild( div );

		trk2 = browserOneBookmark(div, '',idBookmark , 'DB/service.php?action=showBookmark&id='+idBookmark+'&op=1&active=1&viewstatus=2&order=1' , '' ,this.owner);
		
		trk2.show();
	}
	browser.addBookmark= function( obj )
	{
	    trk= showNewBookmark( obj, myid );
	}
	browser.del_line=function(obj, idBookmark)
	{
		abubble("DB\/bubble.php?action=del_bookmark&idBookmark="+idBookmark, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.click = function( div, idx ) { };	
	return browser;
}
function browserOneBookmark( hang, title, id, param, action,  owner)
{
	if (!owner) param+='&viewStatus=1&active=1';
	script=param;
	var browser = new browserOneLine( hang, title, id, param, action, owner);
	browser.param=param;
	//browser.debug_mode = true;

	browser.idType=2;
	browser.type="browserOneBookmark";
	browser.del_line=function(obj, idBookmark)
	{
		abubble("DB\/bubble.php?action=del_bookmark&idBookmark="+idBookmark, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	return browser;
}

function browserStores( hang, title, param, search, letter, idBrand, restrictBrand)
{
	param+='&idBrand='+idBrand;
	var browser = new browserBrands( hang, title, param, search, letter, idBrand);
	
	browser.type= 'browserStores';
	browser.txt_loading = 'Searching...';
	//browser.debug_mode = true;
	browser.parameters.restrictBrand=restrictBrand;
	browser.parameters.idStore = 0;
//<option value="2">in address book</option>

	browser.searchHTML = '<div class="title" style="padding-bottom: 5px;">'+title.toUpperCase()+'</div><div class="hr">&nbsp</div>';
	
	browser.searchHTML += '<div class="text12 bold" style="padding-top:5px; padding-bottom: 12px;">YOU MAY SORT OR SEARCH USING THESE TOOLS:</div><div style="display: table; width: 100%; padding-bottom: 14px;">';
	
	browser.searchHTML += '<div class="opt"><select id="restrictBrand" name="restrictBrand" defaultvalue="'+restrictBrand+'" donchange="getme(this).sortby(this.valueid);" setstyle="width: 182px;"><option value="1">My Stores</option><option value="0">All</option></select></div><div class="text opt" style="width: 28%;"><input type="hidden" value="0" id="restrictStore"/><span style="width: 40px;">SEARCH</span>&nbsp;&nbsp;&nbsp;<input type="text" name="search" id="search" value="'+search+'" style="width: 168px;" predictive="'+browser.param+'&restrictBrand=0" allownew="1" navigate="1" halper="(Store Name)"></div><div style=" float: left;"><input type="submit" value="GO" style="button"/></div>';

	//browser.searchHTML = '<div class="brandorders"><table cellspacing=0 cellpadding=0 border=0 class="tableborder"><tr><td><div style="padding-top: 4px; padding-left: 20px;" class="titlepage">'+title+'</div></td><td align=right><select id="restrictBrand" name="restrictBrand" defaultvalue="'+restrictBrand+'" donchange="getme(this).sortby(this.valueid);"><option value="1">my stores</option><option value="0">all</option></select></td><td align="right"><div class="titlelinesearch" style="padding-top: 7px;">search</div></td><td width=300><input type="text" name="search" id="search" value="'+search+'" style="" predictive="'+browser.param+'&restrictBrand=0" allownew="1" navigate="1">&nbsp;&nbsp;<input type="submit" value="OK"  style="font-size: 14px;"/></td></tr></table>';

	browser.searchHTML += '</div><div class="hr">&nbsp</div>';

	if(browser.parameters.restrictStore==0)
	{
		browser.searchHTML += '<div style="display: table; width: 100%; padding-top: 5px;"><div class="text bold">YOU MAY ALSO SORT ALPHABETICALLY:</div>';

		browser.searchHTML += '<div class="tableborder tab_letters" style="padding-top: 5px;"><nobr>';

		browser.searchHTML += '<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_a">A</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_b">B</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_c">C</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_d">D</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_e">E</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_f">F</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_g">G</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_h">H</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_i">I</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_j">J</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_k">K</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_l">L</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_m">M</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_n">N</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_o">O</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_p">P</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_q">Q</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_r">R</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_s">S</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_t">T</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_u">U</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_v">V</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_w">W</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_x">X</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_y">Y</span>-<span onclick="getme(this).sortbyletter(this.innerHTML);" class="brand_letter" id="letter_z">Z</span>-<span onclick="getme(this).sortbyletter(\'\');" class="brand_letter" id="letter_all">ALL</span>';

		browser.searchHTML += '</nobr></div></div>';
	}
	
	browser.searchHTML += '<div class="tableborder" style="padding-top: 4px;"><div id="div_navigate" style="float: right;">&nbsp;</div></div>';
	
	//cell customization
	browser.cell = function( rec, arec )
	{
		var idStore = arec.idStore;
		var name = arec.name;
		var img = arec.img;
	
		var out= '<div onclick="getme(this).clickBrand(\''+idStore+'\');" class="browserBrands"><div class="squareborder135"><div class="square135"><img src="DB/' + img + '" onload="imgmaxrectcenter(this,210, 135);"></div></div><div class="titleBrand">'+name+'</div></div>';
		return out;
	}
	browser.sortby=function( value )
	{ 
		if(value == 0)
			browser.parameters.idStore = 0;

		browser.parameters.restrictBrand=value;
		browser.drawn=false;
		browser.refresh();
	}
	browser.clickBrand = function( idStore )
	{
		div = ce( 'DIV');
		div.id = 'div_oneBrand';
		this.hang.parentNode.appendChild( div );
		this.hang.style.display='none';

		var txt='DB/service.php?action=showStore&restrictBrand=0&idStore='+idStore+'&firstrec=0&numrec=0&search=&letter=&active=1&idBrand='+idBrand;

		trk2 = browserOneStore($("div_oneBrand"), '', txt , this);
		trk2.show();
	}
	browser.notfound = function()
	{
		this.content.innerHTML = '<div class="notfound text14">You don\'t have any store relationships yet. Click <a href="javascript:;" onclick="clicksubmenu(\'submenu_inviteastore\', \'inviteastore\');">here</a> to invite stores</div>';

		//pular para invite, caso não haja resultados
		//if(browser.parameters.letter=="" && browser.parameters.search=="" && browser.menu==1)
			//clicksubmenu('submenu_inviteastore', 'inviteastore' );
	}
	return browser;
}
function browserOneStore( hang, title, param, old)
{
	var browser = new browserOneBrand( hang, title, param, old);
	
	//browser.debug_mode = true;
	browser.type= 'browserOneStore';
	browser.hang.className=' browserBrandorders browserOneBrand';
		
	//cell customization
	browser.cell = function( rec, arec )
	{
		var idStore = arec.idStore;
		var name = arec.name;
		var img = arec.img;
		var relationshipStatus = arec.relationshipStatus;
		var addressbookStatus = arec.addressbookStatus;


		var txtRelationshipStatus='STATUS: ';
		var requestRelationship='';
		if (relationshipStatus==1)
			txtRelationshipStatus+="Relationship exists with this store";
		else if (relationshipStatus==2)
		{
			txtRelationshipStatus+="Relationship was requested by store";
			requestRelationship= '<br><input type="button" onclick="getme(this).responseRelationship(this, \''+idStore+'\');" value="RESPONSE RELATIONSHIP" style="margin-top: 6px;">';
		}
		else if (relationshipStatus==3)
			txtRelationshipStatus+="Relationship was requested by brand";			
		else
		{
			txtRelationshipStatus+="No relationship with this brand";
			requestRelationship= '<br><input type="button" onclick="getme(this).requestRelationship(this, \''+idStore+'\');" value="REQUEST RELATIONSHIP" style="margin-top: 6px;">';
		}
		txtRelationshipStatus = '';
		var addressbook='';
		/*
		if(addressbookStatus!=1 && addressbookStatus!=3)
			 addressbook='<span onclick="getme(this).addtoAddressbook(this, \''+idStore+'\');">add to address book</span>';
		else
			addressbook='<span onclick="getme(this).removefromAddressbook(this, \''+idStore+'\');">remove from address book</span>';
		*/
		if(myid<0 || mytype==0 )
			addressbook = txtRelationshipStatus = requestRelationship = '';

		//var menu='<div class="brandorders_main" style="width: 700px; border: none;"><div class="bottom"><table cellpadding="0" cellspacing="0" border="0"><td class="item" onclick="getme(this).clickmenu($(\'onebrand_profile\'), \'profile\', \''+idStore+'\');" id="onebrand_profile">profile</td></table></div></div>';
		

		var menu='<div class="menutop"><div class="menu" dstyle="width: 490px;"><div class="left">&nbsp</div><div class="item_selected" onclick="getme(this).clickmenu($(\'onebrand_profile\'), \'profile\', \''+idStore+'\');" id="onebrand_brandhome" style=""><div style="padding-left: 20px;">PROFILE</div></div><div class="right">&nbsp</div><div style="float: right background-color: #FFF;width: 0px; overflow: hidden;">&nbsp</div></div><div style="float: left; padding-left: 10px; padding-top: 6px; font-size: 14px;" class="textviolet bold">'+txtRelationshipStatus+'</div><div style="float: right; "">&nbsp</div></div>';


		var out= '<table cellspacing=0 cellpadding=0 border=0 sclass="menu" style="width: 880px;"><tr><td rowspan=5 width=220><div class="browserBrands"><div class="squareborder135" style="width: 210px; border: 0px; padding-bottom: 10px;"><div class="square135" style="width: 210px;"><img src="DB/' + img + '" onload="imgmaxrectcenter(this,210, 135);"></div></div></div></td></tr><tr><td align=right valign=top height=80><div id="div_back" style="margin-top: 10px;"><form>';

		
		if(old!=null)
			out +='<input type="button" value="BACK TO STORES" onclick="getme(this).back();"/>';
		if(requestRelationship!=null)
			out+=requestRelationship;

		out+='</form></div></td></tr><tr><td valign=top align=right height=20></td></tr><tr><td valign=top align=right height=20></td></tr><tr><td valign=bottom align=right>'+menu+'</td></tr><tr><td style="padding-top: 40px;"  colspan=2><div class="hr">&nbsp;</div></td></tr></table>';
		browser.idStore=idStore;
		return out;
	}
	browser.addtoAddressbook= function(obj, idStore)
	{
		abubble("DB\/bubble.php?action=add_to_Adressbook&idBrand="+myid+"&idStore="+idStore+"&op=3", getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.removefromAddressbook= function(obj, idStore)
	{
		abubble("DB\/bubble.php?action=remove_from_Adressbook&idBrand="+myid+"&idStore="+idStore+"&op=3", getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.clickmenu=function(obj, type, idStore)
	{
		submenu= new Array('onebrand_profile');
		for(var i=0; i<submenu.length; i++)
			if (submenu[i]!='submenu_'+type)
				if ($(submenu[i])!=null)
					$(submenu[i]).className= 'item';

		if(obj!=null) obj.className= 'item_selected'; 

		if($('div_oneBrandpage')!= null) $('div_oneBrandpage').parentNode.removeChild($('div_oneBrandpage'));
		div = ce( 'DIV');
		div.id = 'div_oneBrandpage';
		this.hang.appendChild( div );

		if(type=='profile')
		{
			loadurl( 'profile.php?owner=0&type=0&id='+idStore , $('div_oneBrandpage'));
		}
	}
	browser.requestRelationship= function(obj, idStore)
	{
		abubble("DB\/bubble.php?action=requestRelationship&idBrand="+myid+"&idStore="+idStore+"&op=3", getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.responseRelationship= function(obj, idStore)
	{
		abubble("DB\/bubble.php?action=responseRelationship&idBrand="+myid+"&idStore="+idStore, getTop(obj)+5 ,getLeft(obj)+(obj.clientWidth/2),400,80);
	}
	browser.back= function()
	{
		this.hang.parentNode.removeChild(this.hang);
		//old.drawn=false;
		old.show();
		old.hang.style.display='block';
	}
	browser.show = function(idx) 
	{
		this._show(idx);
		if ($('div_back')!=null)
			formformat($('div_back'));

		browser.clickmenu($('onebrand_profile'), 'profile', browser.idStore);
		nobubble();
	};
	return browser;
}

function browserPurchaseOrder( hang, title, param, order, idStore)
{
	script=param;
	var browser = new browsecomponent( hang, '', script );
	browser.param=param;
	browser.idStore= idStore;

	browser.costBrand = [];
	browser.format=0;
	browser.action='';
	browser.type= 'browserPurchaseOrder';
	browser.owner= owner;
	browser.cont= 0;
	browser.cols = 1;
	browser.rows = 10;
	browser.txt_loading = 'Searching...';
	//browser.debug_mode = true;
	browser.hang.className='browserBrandorders';
	browser.head='';
	browser.idBrand=[];
	browser.parameters.order = order;	

	browser.tabindex = 10000;
	
	browser.footerHTML = '<form method="POST" action="savesession.php" id="printorder"><input type="hidden" name="name" value="printorder"><input type="hidden" name="data" id="txt_printorder" value=""></form>';

	browser.searchHTML += '<div class="title" style="height: 34px;"><div style="float: left;">'+title.toUpperCase()+'</div><div class="textviolet" style="float: right; margin-top: 12px;">&nbsp;</div></div>';
	//browser.searchHTML += '<div class="hr">&nbsp;</div>';

	browser.searchHTML += '<div style="width: 400px; padding-top: 8px; padding-bottom: 10px;" class="text14"><i>Brand Orders makes writing orders much easier. Below are all the items you have added to a purchase order. Just fill in your size runs and press one of the order buttons.</i></div><div class="hr">&nbsp;</div>';

	browser.searchHTML += '<div style="width: 100%; height: 30px; overflow: hidden; display: table; margin-top: 11px; margin-bottom: 20px; ">';

	browser.searchHTML += '<div class="text" style="float: left; padding-top: 4px; padding-right: 15px; padding-left: 10px;"><input type="button" value="ORDER ALL ITEMS" onclick="getme(this).orderAll();" style="width: 130px;"/></div>';

	browser.searchHTML += '<div class="text" style="float: left; padding-top: 4px; padding-right: 15px;"><input type="button" value="ORDER SELECTED ITEMS" onclick=" getme(this).orderSelected();" style="width: 170px;"/></div>';

	browser.searchHTML += '<div class="text" style="float: left; padding-top: 4px; padding-right: 15px;"><span style="padding-right: 10px;">SORT ITEMS</span><select id="order" name="order" defaultvalue="'+browser.parameters.order+'" onchange="getme(this).sortBrands(this.valueid);" setstyle="width: 120px;"><option value=1>By Brand A-Z</option><option value=2>By Brand Z-A</option></select></div>';

	browser.searchHTML += '<div class="text" style="float: left; padding-top: 4px; padding-right: 15px;"><input type="button" onclick="getme(this).printOrder();" value="PRINT PURCHASE ORDER" style="width: 170px;"></div>';

	
	browser.searchHTML += '<div style="float: right;" id="navigate">&nbsp;</div>';
	browser.searchHTML += '</div>';
			
	//turn off click event
	browser.click = function( div, idx ) { };
	browser.over = function( div, idx ) { };
	browser.out = function( div, idx ) { };
	//turn off navigators
	browser.nav =browser.nav1 = browser.nav2 = function() { return '' };
	//cell customization
	browser.nav = function ( idx )
	{
		if( !isdefined( this.totrec ) || this.totrec <= 0 ) return '';
		var prev = idx > 0 ? '<div class="navon" onclick="getme(this).show( ' + (idx-this.pagesize) +  ' )"><div class="imgleft">&nbsp;</div></div>' : '<div class="navoff"><div class="imgleft">&nbsp;</div></div>';
		var next = idx+this.pagesize < this.totrec ? '<div class="navon" onclick="getme(this).show( ' + (idx+this.pagesize) +  ' )"><div class="imgright">&nbsp;</div></div>' : '<div class="navoff"><div class="imgright">&nbsp;</div></div>';
		var idx2 = idx+this.pagesize;
		if( idx2 > this.totrec ) idx2 = this.totrec;
		var pos = (idx+1) + ' - ' + idx2 + ' of ' + (this.totrec);
		var pos='<div class="text12" style="padding-top: 1px;">&nbsp;'+pos+'&nbsp;</div>';
		var output = '<table cellpadding="0" cellspacing="0" border="0"><tr><td>' + prev + '</td><td><div class="">' + pos + '</div></td><td>' + next + '</td></tr></table>';
		return output;
	}
	browser.cell = function( rec, arec , idx)
	{
		browser.name_store= arec.name_store;

		var idBrand = arec.idBrand;
		var img = arec.img;
		var name = arec.name;
		var numItems = arec.numProducts;	
		var numQty = arec.countBrand;
		var Products = arec.Products;
		browser.idBrand[idx]=idBrand;
		//debug(print_r(arec.Products), print_r(rec.Products));

		p=[[], [], []];

		for(var i=0; i<Products.length; i++)
		{
			p[0][i]= Products[i]['records'][0][0];
			p[1][i]= Products[i]['records'][0][22];
			p[2][i]= Products[i]['records'][0][23];
			//debug(print_r(Products[i]['records'][0][18]), print_r(Products[i]['records'][0][23]));
		}

		var txtimg='<div class="squareborder70" style="cursor: pointer; background-color: transparent; border: 0px; width: 126px; height: 70px;" onclick="getme(this).toBrand( \''+idBrand+'\');"><div class="square70" style="background-color: transparent; border: 0px; width: 126px; height: 70px;"><img src="DB/'+img+'" onload="imgmaxdimcenter(this,70); "/></div></div>';

		var t1='<table cellpadding="0" cellspacing="0" border="0" width=100% height=60 class="clearTable"><tr><td class="itemclick" style="cursor: pointer;" onclick="getme(this).detailBrand(this, \''+idBrand+'\', \'1\');">Contact Brand</td><tr><tr><td class="itemclick" onclick="getme(this).detailBrand(this, \''+idBrand+'\', \'2\');" style="cursor: pointer;">Billing Info</td></tr><tr><td class="itemclick">Shipping Method</td></tr></table>';
		
		var t2='<table cellpadding="0" cellspacing="0" border="0" width=100% height=60  class="clearTable"><tr><td class="item">Total Items: '+numItems+'</td><tr><tr><td class="item">Total Quantity: '+numQty+'</td></tr><tr><td class="item">Total Cost: <span id="totalcost'+idBrand+'">$ '+float2moeda(0)+'</span></td></tr></table><div id="numItems_'+idBrand+'" style="display: none;">'+numItems+'</div>';

		var t3='<table cellpadding="0" cellspacing="0" border="0" width=100% class="clearTable" height=60><tr><td>&nbsp;</td></tr><tr><td class="itemclick" onclick="getme(this).printOrder(\''+idBrand+'\')" style="cursor: pointer;">Print</td></tr><tr><td>&nbsp;</td></tr></table>';

		var t4='<table cellpadding="0" cellspacing="0" border="0" width=100% height=60 class="clearTable"><tr><td>&nbsp;</td></tr><tr><td class="item" align=right>Select All From This Brand&nbsp;&nbsp;</td></tr><tr><td>&nbsp;</td></tr></table>';
		
		//<div style="font-weight: bolder; padding-bottom: 4px;">'+name+'</div>
		var out= '<table cellpadding="0" cellspacing="0" border="0" class="clearTable shopping_brand"><tr><td valign=middle align=center width=160>'+txtimg+'</td><td valign=middle width=190 style="border-top: 18px solid transparent;">'+t1+'</td><td style="width: 1px; vertical-align: middle;"><div class="borderRightBlack borderheight">&nbsp</div></td><td valign=middle width=190 style="border-top: 18px solid transparent;">'+t2+'</td><td style="width: 1px;vertical-align: middle;"><div class="borderRightBlack borderheight">&nbsp</div></td><td valign=middle width=120 style="border-top: 18px solid transparent;">'+t3+'</td><td style="width: 1px;vertical-align: middle;"><div class="borderRightBlack borderheight">&nbsp</div></td><td valign=middle width=200 style="border-top: 18px solid transparent;">'+t4+'</td><td class="check"><input type="checkbox" id="brand_'+idBrand+'" onclick="getme(this).setChkBrand(this, \''+idBrand+'\' );"/></td></tr></table>';

		var product=''
	
		for(var i=0; i<Products.length; i++)
		{
			var idPurchaseOrder = Products[i]['records'][0][26];
			var items = Products[i]['records'][0][27];
			idProduct=Products[i]['records'][0][0];
			colors=Products[i]['records'][0][22];
			sizes=Products[i]['records'][0][23];
			checked=Products[i]['records'][0][28];
			//debug(checked);
			
			//debug(print_r(Products[i]));
			var p1='<div class="borderDotted">&nbsp</div><div class="squareborder115" style="margin-top: 10px; margin-left: 10px; cursor: pointer; padding: 0px;" onclick="getme(this).toProduct( \''+idBrand+'\',  \''+idProduct+'\');"><div class="square115"><img src="DB/' + Products[i]['records'][0][9]+ '"  onload="imgsquare(this,115)"></div></div>';

			var p2='<div class="borderDotted">&nbsp</div><div style="margin-top: 20px; margin-left: 10px;" class="black12">'+Products[i]['records'][0][3]+'<br>code: '+Products[i]['records'][0][5]+'</div>';
			//+'<br>item: '+Products[i]['records'][0][6]

			//txtchecked='';
			if(checked==1)
				//txtchecked=' checked ';
				this.action+=' if($(\'chkProduct_'+idBrand+'_'+i+'\')!=null){ $(\'chkProduct_'+idBrand+'_'+i+'\').checked=true; this.setChkProduct( $(\'chkProduct_'+idBrand+'_'+i+'\', 0) , '+idBrand+', '+idPurchaseOrder+'); }';
			values=[ [], [] ];
				
	
			if((colors.length==1 || colors.length==0) && ( colors[0]=='' || colors[0]==null )){colors[0]=['default',1]; }
			if((sizes.length==1 || sizes.length==0) && ( sizes[0]=='' || sizes[0]==null )){ sizes[0]=['default',1]; }
			
			if(is_array(items) && items.length>0)
			{
				values=items;
				//debug(print_r(values));
				browser.action+=' browser.refreshProductQty(\''+idBrand+'\', \''+idProduct+'\', \''+sizes.length+'\',  \''+colors.length+'\', \''+i+'\'); ';
			}
			//Código TABELA
			table='';
			table='<table cellpadding="0" cellspacing="0" border="0" class="clearTable tableSizeColor"><tr><td class="top_left">&nbsp;</td>';
			//1ª LINHA
			for(var j=0; j<sizes.length; j++)
			if(j+1<sizes.length)
				table+='<td class="top">'+sizes[j][0]+'</td>';
			else
				table+='<td class="top_last">'+sizes[j][0]+'</td>';

			table+='</tr>';
		
			//LINHAS
			for(var j=0; j<colors.length; j++)
			{
				table+='<tr><td class="left">'+colors[j][0]+'</td>';
				for(var k=0; k<sizes.length; k++)
				{
					var txt=' onblur="getme(this).out_input(this, \''+colors[j][1]+'\' , \''+sizes[k][1]+'\', \''+idPurchaseOrder+'\', \'1\'); getme(this).refreshProductQty(\''+idBrand+'\', \''+idProduct+'\', \''+sizes.length+'\',  \''+colors.length+'\', \''+i+'\');" onfocus="getme(this).in_input(this); getme(this).refreshProductQty(\''+idBrand+'\', \''+idProduct+'\', \''+sizes.length+'\',  \''+colors.length+'\', \''+i+'\');" ';
					try
					{
						if(values[j][k]!='' && values[j][k]!='undefined' && values[j][k]!=null && values[j][k]!=0)
							table+='<td align=center class="item"><input noformat="1" type="text" id="value_'+idProduct+'_'+j+'_'+k+'" value="'+values[j][k]+'" class="inpt" '+txt+' tabindex="'+browser.tabindex+'"/></td>';
						else
							table+='<td align=center class="item"><input noformat="1" type="text" id="value_'+idProduct+'_'+j+'_'+k+'" value=" - " class="inpt" '+txt+' tabindex="'+browser.tabindex+'"/></td>';
					} 
					catch(e)
					{
						table+='<td align=center class="item"><input noformat="1" type="text" id="value_'+idProduct+'_'+j+'_'+k+'" value=" - " class="inpt" '+txt+' tabindex="'+browser.tabindex+'"/></td>';
					}
					browser.tabindex++;
				}
				table+='</tr>';
			}
			table+='</table>';
	//TABELA

			var p3='<div class="borderDotted">&nbsp</div><div style="padding-bottom: 10px;"><div class="black12" style="padding-top: 10px; font-weight: bolder;">Details:</div>'+table+'<span onclick="getme(this).cleanProduct(\''+idPurchaseOrder+'\', \''+idBrand+'\', \''+idProduct+'\', \''+colors.length+'\', \''+sizes.length+'\', \''+i+'\');" class="black12" style="cursor: pointer;">Clear Size Runs</span></div>';

			var p4='<div class="borderDotted">&nbsp</div><table cellpadding="0" cellspacing="0" border="0" class="clearTable tableCountSizeColor black14 bold" align="center"><tr><td width=80>Unit Price</td><td>$ '+float2moeda(Products[i]['records'][0][7])+'</td></tr><tr><td>Total Qty</td><td><div id="totalQty'+idProduct+'">0</div></td></tr><tr><td class="total">Total</td><td id="total_'+idBrand+'_'+i+'" class="total">$ '+float2moeda(0)+'</td></tr></table><div id="format_'+browser.format+'" style="text-align: center;"><input type="button" value="REMOVE ITEM" onclick="getme(this).removePurchaseOrder(this, \''+idPurchaseOrder+'\');" id="inpt_format_'+browser.format+'"/></div><div style="display: none;" id="cost'+idProduct+'" >'+Products[i]['records'][0][7]+'</div></div>';
			browser.format++;

			product+='<table cellpadding="0" cellspacing="0" border="0" class="clearTable shopping_product"><tr><td width=125 valign=top style="padding-bottom: 10px;">'+p1+'</td><td width=200 valign=top>'+p2+'</td><td width=300 valign=top>'+p3+'</td><td >'+p4+'</td><td class="check" style="border-top: 1px solid #000;"><input type="checkbox" shop="'+idPurchaseOrder+'" id="chkProduct_'+idBrand+'_'+i+'" onclick="getme(this).setChkProduct(this, \''+idBrand+'\', \''+idPurchaseOrder+'\', 1); getme(this).refreshProductQty(\''+idBrand+'\', \''+idProduct+'\', \''+sizes.length+'\',  \''+colors.length+'\', \''+i+'\');"/></td></tr></table>';
		}

		data = [];
		data[0]=name;
		data[2]=idBrand;	
		data[3]=img; 
		browser.costBrand[idx] = data;
		
		//brandimg

		return '<div class="cell_order">'+out+product+'</div>';
	}
	//LIMPA A TABELA DE UM PRODUTO
	browser.cleanProduct=function( idPurchaseOrder, idBrand, idProduct, colors, sizes, i)
	{
		//debug(idProduct);
		for(var j=0; j<colors; j++)
			for(var k=0; k<sizes; k++)
				if($('value_'+idProduct+'_'+j+'_'+k)!=null)
				{
					$('value_'+idProduct+'_'+j+'_'+k).value='';
					browser.out_input($('value_'+idProduct+'_'+j+'_'+k));
				}
		url='DB/service.php?action=cleanPurchaseOrderItem&idPurchaseOrder='+idPurchaseOrder;
		ajaxrequest( nocache(url),null, null, 1 );

		browser.refreshProductQty( idBrand, idProduct, sizes,  colors, i);
	}
	//AO SAIR DE ALGUM ITEM_PRODUCT
	browser.out_input=function(obj, idColor, idSize, idPurchaseOrder, action)
	{
		if(obj.value=='' || obj.value==0)
			obj.value=' - ';
		obj.parentNode.className='item';
		if(action==1)
		{
			if(is_numeric(obj.value) )
			{
				var url='DB/service.php?action=addPurchaseOrderItem&idSize='+idSize+'&idColor='+idColor+'&idPurchaseOrder='+idPurchaseOrder+'&qty='+obj.value;
			}
			else
			{
				var url='DB/service.php?action=addPurchaseOrderItem&idSize='+idSize+'&idColor='+idColor+'&idPurchaseOrder='+idPurchaseOrder+'&qty=0';
			}
			//debug(url);
			ajaxrequest( nocache(url),null, null, 1 );
		}
	}
	//AO ENTRAR EM ALGUM ITEM_PRODUCT
	browser.in_input=function(obj)
	{
		if(obj.value==' - ')
			obj.value='';
		obj.parentNode.className='item_selected';

		while(obj!=document.body)
		{
			if(obj.tagName=="FORM")
				obj.onsubmit = function(){ return false; };
			obj = obj.parentNode;
		}
	}
	//AO CLICAR EM ALGUM CHK_BRAND
	browser.setChkBrand=function( obj, idBrand )
	{
		if($('numItems_'+idBrand)!=null)
			numItems=parseInt($('numItems_'+idBrand).innerHTML);
		else
			numItems=0;
		for(var i=0; i< numItems; i++)
		{
			if($('chkProduct_'+idBrand+'_'+i)!=null)
			{
				if(obj.checked==true)
				{
					//$('chkProduct_'+idBrand+'_'+i).checked=true;
					if($('chkProduct_'+idBrand+'_'+i).checked==false)
						$('chkProduct_'+idBrand+'_'+i).onclick();
					var url='DB/service.php?action=setChecked&idPurchaseOrder='+$('chkProduct_'+idBrand+'_'+i).getAttribute('shop')+'&checked='+1;
				}
				else
				{
					//$('chkProduct_'+idBrand+'_'+i).checked=false;
					if($('chkProduct_'+idBrand+'_'+i).checked==true)
						$('chkProduct_'+idBrand+'_'+i).onclick();
					var url='DB/service.php?action=setChecked&idPurchaseOrder='+$('chkProduct_'+idBrand+'_'+i).getAttribute('shop')+'&checked='+0;
				}
				//debug(url);
				
				ajaxrequest( nocache(url),null, null, 1 );
				browser.refreshBrandQty(idBrand);				
			}
		}	
	}
	//AO CLICAR EM ALGUM CHK_PRODUCT
	browser.setChkProduct=function( obj , idBrand, idPurchaseOrder, save)
	{
		if(save==1)
		{
			if(obj.checked)
				chk=1;
			else
				chk=0;
			var url='DB/service.php?action=setChecked&idPurchaseOrder='+idPurchaseOrder+'&checked='+chk;
			//debug(url);
			ajaxrequest( nocache(url),null, null, 1 );
		}
		if(obj.checked==false)
		{
			if($('brand_'+idBrand).checked==true)
			{
				numItems=parseInt($('numItems_'+idBrand).innerHTML);
				var code='';
				for(var i=0; i< numItems; i++)
				{
					if($('chkProduct_'+idBrand+'_'+i)!=null)
					{
						if($('chkProduct_'+idBrand+'_'+i).checked==true)
							code+=' $(\'chkProduct_'+idBrand+'_'+i+'\').onclick(); ';
					}
				}	

				if($('brand_'+idBrand)!=null)
					$('brand_'+idBrand).onclick();

			eval(code);
			}
		}
		else
		{
			if($('brand_'+idBrand).checked==false)
			{
				numItems=parseInt($('numItems_'+idBrand).innerHTML);
				var code=1;
				for(var i=0; i< numItems; i++)
				{
					if($('chkProduct_'+idBrand+'_'+i)!=null)
					{
						if($('chkProduct_'+idBrand+'_'+i).checked==false)
							code=0;
					}
				}	

				if($('brand_'+idBrand)!=null && code==1 && $('brand_'+idBrand).checked==false)
				{	//$('brand_'+idBrand).onclick();
					$('brand_'+idBrand).checked=true;
					if($('span_brand_'+idBrand)!=null)
						$('span_brand_'+idBrand).className='checkboxImgChecked';
				}

			}
		}	

	}
	//ATUALIZA O COUNT BRAND
	browser.refreshBrandQty= function( idBrand )
	{
		var countBrand=0;
		
		if($('numItems_'+idBrand)!=null)
			numItems=parseInt($('numItems_'+idBrand).innerHTML);
		else
			numItems=0;

		for(var j=0; j<numItems; j++)
		if($('total_'+idBrand+'_'+j)!=null && $('chkProduct_'+idBrand+'_'+j).checked==true)
		{	
			var value=$('total_'+idBrand+'_'+j).innerHTML;
			var value= value.substring(1,value.length);
			var value=moeda2float(value);
			countBrand+=value;
		}
		if($('totalcost'+idBrand)!=null)
		{
			$('totalcost'+idBrand).innerHTML='$ '+float2moeda(countBrand);
		}
	}
	//ATUALIZA O COUNT PRODUCT
	browser.refreshProductQty=function( idBrand, idProduct , sizes, colors, i)
	{
		var count=0;
		for(var j=0; j<colors; j++)
		{
			for(var k=0; k<sizes; k++)
			{
				if($('value_'+idProduct+'_'+j+'_'+k)!=null )
				{
					if( $('value_'+idProduct+'_'+j+'_'+k).value!='')
					{
						if(is_numeric($('value_'+idProduct+'_'+j+'_'+k).value) && $('value_'+idProduct+'_'+j+'_'+k).value>=0 )
						{
								count+=parseInt($('value_'+idProduct+'_'+j+'_'+k).value);
						}
						else if(is_numeric($('value_'+idProduct+'_'+j+'_'+k).value) && $('value_'+idProduct+'_'+j+'_'+k).value<0)
							$('value_'+idProduct+'_'+j+'_'+k).value=' - ';
						else if(!is_numeric($('value_'+idProduct+'_'+j+'_'+k).value))
							$('value_'+idProduct+'_'+j+'_'+k).value=' - ';
					}
				}
			}
		}

		if($('totalQty'+idProduct)!=null)		
			$('totalQty'+idProduct).innerHTML=count;

		if($('cost'+idProduct)!=null)
		{
			cost=parseFloat($('cost'+idProduct).innerHTML);
			if(is_numeric(cost) && $('total_'+idBrand+'_'+i)!=null)
				$('total_'+idBrand+'_'+i).innerHTML='$ '+float2moeda(count*cost);
		}
		browser.refreshBrandQty(idBrand);
	}
	browser.sortBrands=function( order )
	{
		//debug(order);
		browser.parameters.order=order;
		browser.drawn=false;
		browser.show();
	}
	browser.removePurchaseOrder=function( obj, idPurchaseOrder )
	{
		abubble("DB\/bubble.php?action=del_PurchaseOrder&idPurchaseOrder="+idPurchaseOrder+'&obj_id='+obj.id, getTop(obj)+10 ,getLeft(obj)+10,400,80);
	}
	browser.detailBrand=function( obj, idBrand, id )
	{
		abubble("DB\/bubble.php?action=detailBrand&idBrand="+idBrand+'&id='+id, getTop(obj)+5 ,getLeft(obj)+90,400,80);
	}
	browser.toBrand= function( idBrand )
	{	
		browser.hang.innerHTML='';
		clickmenu('menu_brands','brands');
		trk= getme($('div_navigate'), 'browserBrands');
		//debug('a');
		trk.clickBrand(idBrand);
	}
	browser.notfound = function()
	{
		this.content.innerHTML = '<div class="notfound">You haven\'t added any items to purchase orders yet. You can add items to purchase orders by visiting a product page and clicking the "Add to Purchase Order" button. Once you have completed this step you can visit the orders tab to fill in quantities, plan your buy and complete purchase orders.</div>';
	}
	browser.toProduct= function( idBrand, idProduct )
	{
		/*
		browser.toBrand( idBrand );
		trk2= getme($('div_oneBrand'), 'browserOneBrand');
		trk2.getLine=idBrand;	
		*/
		
		browser.toBrand( idBrand );
		trk2= getme($('div_oneBrand'), 'browserOneBrand');

		trk2.idProduct = idProduct;
		trk2.getLine=idBrand;
		trk2.refresh(); 
	}
	browser.orderSelected=function()
	{
		browser.hang.innerHTML='';

		var div = ce( 'DIV' );
		div.id = 'div_browserOrderSelected';
		div.name = 'div_browserOrderSelected';
		browser.hang.appendChild( div );

		trk = browserOrderCheckout( div, 'Order Checkout', browser.param, browser.parameters.order, browser.idStore);	
		trk.show();
	}
	browser.orderAll=function( obj )
	{
		for(var i=0; i<browser.idBrand.length; i++)
		{
			$('brand_'+browser.idBrand[i]).checked=true;
			browser.setChkBrand( $('brand_'+browser.idBrand[i]), browser.idBrand[i] );
		}
		browser.orderSelected();
	}
	browser.printOrder= function( idBrand )
	{
		window.open( createUrlToken( 'printorder.php', 'purchase', browser.idStore ) );
		//window.open('printorder.php?type=purchaseorder&id='+);
		//browser.refresh();
		//browser.print(idBrand);
	}
	browser.print = function( idBrand )
	{
		if(browser.recs.length==0)
		{
			setTimeout(function(){ browser.print( idBrand ); }, 100);
			return;
		}
		
		arr = [];
		for(var i=0; i<browser.costBrand.length; i++)
		{
			a=[];
			a[0]=browser.idStore;//idStore
			a[1]=browser.costBrand[i][2];//idBrand
			a[3]=[];//Produtos

			a[4]=addslashes(browser.costBrand[i][0]);//name Brand
			a[5]=addslashes(browser.name_store);// name Store
			a[6]=browser.costBrand[i][3];//img Brand

			for(var j=0; j<browser.recs.length; j++)
			{
				for(var m=0; m<browser.recs[j][20].length; m++)
				{		
					for(var k=0; k<browser.recs[j][20][m]['records'].length; k++)
					{		
						if(browser.recs[j][0]==browser.costBrand[i][2])
						{
							items=[];
							for(var l=0; l<browser.recs[j][20][m]['records'][k][29].length; l++)
							{
								if(browser.recs[j][20][m]['records'][k][29][l][2]!=0)
								{
									//debug(print_r(browser.recs[j][20][m]['records'][k][27][l]));
									//items=items.concat(browser.recs[j][20][m]['records'][k][27][l]);
									q=[];
									q[0]=browser.recs[j][20][m]['records'][k][29][l];
																		
									//browser.recs[j][20][m]['records'][k][7];

									var aux1 = browser.recs[j][20][m]['records'][k][7];
									aux1 = aux1.replace(/\,/g,"");
									aux1 = aux1.replace(/\./g,",");
									q[0]=q[0].concat(aux1);

									items=items.concat(q);
								}
							}

							aux=[[],[]];
							b=[];
							aux[0]=browser.recs[j][20][m]['records'][k][0]; //idProduct
							aux[1]=browser.recs[j][20][m]['records'][k][26];
							aux[4]=addslashes(browser.recs[j][20][m]['records'][k][3]);  //name of product
							aux[5]=browser.recs[j][20][m]['records'][k][9]; //img of product

							//items=browser.recs[j][20][m]['records'][k][27];
							aux[2]=items;
							b=b.concat(aux);
								
							a[3].push(b);
						}
					}
					
					
				}				
			}
				
			if(idBrand==null || browser.costBrand[i][2]==idBrand)
				arr[arr.length]=a;
		}
		
		if($('txt_printorder')!=null)
			$('txt_printorder').value = serialize(arr);
		
		if($('printorder')!=null)
			$('printorder').onsubmit();	

		//browser.show();
	}
	browser.show=function( idx )
	{
		if( !this.drawn ) this.draw();
		if( !isdefined( idx ) )
		{
			this.loading();
			this.get( 0 );
			return;
		}
		if( idx < 0 ) idx = 0;
		if( idx >= this.totrec && this.totrec > 0 ) idx = this.totrec - 1;
		this.firstrec = idx;

		this.savevars();

		var nav1 = this.nav1( idx );
		var nav2 = this.nav2( idx );
		var output = '<div id="cellPurchaseOrders"><form><table cellpadding="0" cellspacing="0" border="0" class="clearTable">';
		var i = idx;
		for( var row = 0 ; row < this.rows ; row++ )
		{
			output += row > 0 ? '</tr><tr>' : '<tr>';
			for( var col = 0 ; col < this.cols ; col++ )
			{
				if( i >= this.totrec ) { row = col = 1000; break; }
				var rec = this.recs[i];
				var arec = this.arecs[i];
				if( isdefined( rec ) )
				{
					output += '<td><div class="item" ' 
								 + 'onmouseover="getme(this).over( this, ' + i + ')" '
								 + 'onmouseout="getme(this).out( this, ' + i + ')" ' 
								 + 'onmousedown="getme(this).click( this, ' + i + ')">' 
								 +  this.cell( rec, arec , i) + '</div></td>';
				}
				else
				{
					this.get( this.firstrec );
					this.loading();
					return;
				}
				i++;
			}
		}
		output += '</tr></table></form></div>';
		this.content.innerHTML = nav1 + output + nav2 + this.footerHTML;
		
		//debug(browser.action);
		if(browser.action!='')
			eval(browser.action);

		/*for (var a=0; a<browser.format; a++)
		{
			if($('format_'+a)!=null) formformat($('format_'+a));
		}*/
		formformat($('cellPurchaseOrders'));

		if($('printorder')!=null)
			resultform(null,$('printorder'));

		if ($('navigate')!=null)
			$('navigate').innerHTML = this.nav( idx );	
	}
	//just prepend a close_item_action() before show()
	return browser;
}
function browserOrderCheckout( hang, title, param, order, idStore)
{
	script=param+'&consolided=1';
	var browser = new browserPurchaseOrder( hang, title, script, order, idStore)
	browser.param=param;
	browser.idStore= idStore;
	browser.type= 'browserOrderCheckout';
	browser.txt_loading = 'Searching...';
//	browser.debug_mode = true;
	browser.totalBrands=0;
	browser.totalItems=0;
	browser.totalQty=0;
	browser.totalcostBrands=0;
	browser.costBrand=[[], []];
	
	browser.searchHTML = '';

	if(img_owner!='' && img_owner!='' && showimg)
		browser.searchHTML +='<div class="squareborder130" style="background-color: transparent; border: 0px; width: 234px; margin-top: 8px;"><div class="square130" style="background-color: transparent; width: 234px;"><img src="'+img_owner+'" onload="imgmaxrect(this,234,130); " id="img_logo"/></div></div>';

	browser.searchHTML += '<div class="title" style="height: 34px; margin-top: 8px;"><div style="float: left;">'+title.toUpperCase()+'</div><div class="textviolet" style="float: right; margin-top: 12px;">&nbsp;</div></div>';
	browser.searchHTML += '<div class="hr">&nbsp;</div>';
	browser.searchHTML += '<div style="width: 100%; height: 30px; overflow: hidden; display: table; margin-top: 6px; ">';
	browser.searchHTML +='<div style="float: right;" class="text14 bold"><span onclick="getme(this).sendOrder(\'print\');" style="cursor: pointer;">PRINT THIS ORDER</span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<span onclick="getme(this).sendOrder(\'xls\');" style="cursor: pointer;">SAVE EXCEL FORMAT</span></div></div>';

	browser.footerHTML='';
	browser.cell = function( rec, arec , idx)
	{
		browser.name_store= arec.name_store;

		var idBrand = arec.idBrand;
		var img = arec.img;
		var name = arec.name;
		var numItems = arec.numProducts;	
		var numQty = arec.countBrand;
		var Products = arec.Products;
		brandcount=0;
		//debug(print_r(arec.Products), print_r(rec.Products));

		browser.totalBrands=browser.totalBrands+1;		

		p=[[], [], []];

		for(var i=0; i<Products.length; i++)
		{
			p[0][i]= Products[i]['records'][0][0];
			p[1][i]= Products[i]['records'][0][22];
			p[2][i]= Products[i]['records'][0][23];
			//debug(print_r(Products[i]['records'][0][18]), print_r(Products[i]['records'][0][23]));
		}

		var product=''
		var totalqty=0;
		var totalcost=0;
		
		for(var i=0; i<Products.length; i++)
		{
			browser.totalItems=browser.totalItems+1;
			var p1='<div class="squareborder115" style="cursor: pointer; padding: 0px; margin-bottom: 10px;" onclick="getme(this).toProduct(\''+idBrand+'\', \''+Products[i]['records'][0][0]+'\')"><div class="square115"><img src="DB/' + Products[i]['records'][0][9]+ '"  onload="imgsquare(this,115)"></div></div>';

			var p2='<div class="black12">'+Products[i]['records'][0][3]+'<br>code: '+Products[i]['records'][0][5]+'</div>';
			//+'<br>item: '+Products[i]['records'][0][6]

			var idPurchaseOrder = Products[i]['records'][0][26];
			var items = Products[i]['records'][0][27];
			var tableArray = Products[i]['records'][0][29];
			
			//Código TABELA
			table='';
			table='<table cellpadding="0" cellspacing="0" border="0" class="clearTable tableOrderCheckout" align="center" style="margin-top: 10px;"><tr><td class="top"><nobr>Color(s)</nobr></td><td class="top"><nobr>Size(s)</nobr></td><td class="top">Qty</td><td class="top" width=50>Unit Price</td><td class="top_last borderRightBlack" width=70>Total</td></tr>';
			//1ª LINHA
			//LINHAS
			var count=0;
			for(var j=0; j<tableArray.length; j++)
			{
				if(tableArray[j][2]>0)
					table+='<tr><td class="left"><nobr>'+tableArray[j][3]+'</nobr></td><td class="item" align=center><nobr>'+tableArray[j][4]+'</nobr></td><td class="item" align=center><nobr>'+tableArray[j][2]+'</nobr></td><td class="item" align=right id="'+idPurchaseOrder+'_'+tableArray[j][0]+'_'+tableArray[j][1]+'"><nobr>$ '+float2moeda(Products[i]['records'][0][7])+'</nobr></td><td class="right" align=right><nobr>$ '+float2moeda(Products[i]['records'][0][7]*tableArray[j][2])+'</nobr></td></tr>';
				count+=Products[i]['records'][0][7]*tableArray[j][2];
				browser.totalQty=browser.totalQty+parseInt(tableArray[j][2]);
				totalqty+=parseInt(tableArray[j][2]);
			}
			brandcount+=count;
			browser.action+='$(\'totalcost'+idBrand+'\').innerHTML=\'$ '+float2moeda(brandcount)+'\';';
			table+='<tr><td colspan=4 align=right class="borderTopBlack borderRightBlack" style="padding-right: 20px;">TOTAL COST</td><td class="right" align=right><nobr>$ '+float2moeda(count)+'</nobr></td></tr>';
			browser.totalcostBrands=browser.totalcostBrands+count;
			totalcost+=count;
			table+='</table>';
	//TABELA
			var p3='<div style="padding-bottom: 10px;"><div class="black12" style="padding-top: 10px; padding-left: 40px; font-weight: bolder;">Details:</div>'+table+'</div>';

			product+='<table cellpadding="0" cellspacing="0" border="0" class="shopping_product" style="width:580px;"><tr><td width=110 valign=top style="padding-top: 10px; padding-left: 20px; padding-bottom: 10px;">'+p1+p2+'</td><td width=470 valign=top >'+p3+'</td></tr></table>';
		}
		var txtimg='<div class="squareborder70" style="cursor: pointer; background-color: transparent; border: 0px; width: 126px; height: 70px;" onclick="getme(this).toBrand( \''+idBrand+'\');"><div class="square70" style="background-color: transparent; border: 0px; width: 126px; height: 70px;"><img src="DB/'+img+'" onload="imgmaxdimcenter(this,70); "/></div></div>';

		var t1='<table cellpadding="0" cellspacing="0" border="0" width=100% height=60 class="borderRightBlack"><tr><td class="itemclick" style="cursor: pointer;" onclick="getme(this).detailBrand(this, \''+idBrand+'\', \'1\');">Contact Brand</td><tr><tr><td class="itemclick" onclick="getme(this).detailBrand(this, \''+idBrand+'\', \'2\');" style="cursor: pointer;">Billing Info</td></tr><tr><td class="itemclick">Shipping Method</td></tr></table>';
		
		var t2='<table cellpadding="0" cellspacing="0" border="0" width=100% height=60 class="borderRightBlack"><tr><td class="item">Total Items: '+numItems+'</td><tr><tr><td class="item">Total Quantity: '+totalqty+'</td></tr><tr><td class="item">Total Cost: <span id="totalcost'+idBrand+'">$ '+float2moeda(totalcost)+'</span></td></tr></table><div id="numItems'+idBrand+'" style="display: none;">'+numItems+'</div>';

		var t3='<table cellpadding="0" cellspacing="0" border="0" width=100% height=60><tr><td>&nbsp;</td></tr><tr><td class="itemclick" onclick=" getme(this).sendOrder(\'print\', \''+idBrand+'\'); " style="cursor: pointer;"> Print</td></tr><tr><td>&nbsp;</td></tr></table>';
		
		var out= '<table cellpadding="0" cellspacing="0" border="0" class="shopping_brand" style="width:574px;"><tr><td valign=middle align=center width=160>'+txtimg+'<div class="text14 bold" style="padding-bottom: 4px; color: white;">'+name+'</div></td><td valign=middle width=210>'+t1+'</td><td valign=middle width=210>'+t2+'</td><td valign=middle width=160>'+t3+'</td></tr></table>';

		browser.costBrand[idx][0]=name;
		browser.costBrand[idx][1]=totalcost;
		browser.costBrand[idx][2]=idBrand;	
		browser.costBrand[idx][3]=img; //brandimg

		return '<div class="cell_order" style="width: 574px;overflow: hidden;">'+out+product+'</div>';
	}
	
	browser.draw = function()
	{
		this.hang.innerHTML = '';
		this.hang.component = this;
		this.head  = ce( 'DIV' );
		this.searcharea  = ce( 'DIV' );
		this.content = ce( 'DIV' );
		this.right = ce( 'DIV' );
		this.footer = ce( 'DIV' );

		var table= ce('TABLE');
		var tbody= ce('TBODY');
		var tr= ce('TR');
		var td= ce('TD');
		var td1= ce('TD');
		td1.style.verticalAlign='top';
		td.style.verticalAlign='top';

		this.head.className = 'b_head';
		this.searcharea.className = 'b_search';

		this.content.className = 'b_content';
		this.content.style.width=594;
		this.content.style.height=594;
		this.content.style.verticalAlign='top';

		this.content.style.overflowY='auto';
		this.content.style.overflowX='hidden';
		this.footer.innerHTML='<form id="form_savexls" method="POST" action="savexls.php"><input type="hidden" id="savexls" name="savexls"></form>';
		
		this.hang.appendChild( this.head );
		this.hang.appendChild( this.searcharea );

		this.right.id='div_right';

		td.appendChild( this.content );
		td1.appendChild( this.right );

		tr.appendChild(td);
		tr.appendChild(td1);
		tbody.appendChild(tr);
		table.appendChild(tbody);
		this.hang.appendChild(table);

		this.hang.appendChild( this.footer);
		this.searcharea.innerHTML = this.searchHTML;
		if( this.title != '' )
			this.head.innerHTML = this.title;
		else
			this.head.style.display = 'none';

		if( this.searchHTML != '' )
		{
			this.searcharea.innerHTML = '<form onsubmit="getme(this).search(this); return false">' + this.searchHTML + '</form>';
			this.search_set_values();
			formformat( this.searcharea );
			this.searchform = this.searcharea.getElementsByTagName("FORM")[0];
		}
		else
			this.searcharea.style.display = 'none';

		this.content.innerHTML = '';
		this.drawn = true;
	}
	
	browser.getRight=function()
	{
		//debug(browser.totalBrands,browser.totalItems, browser.totalQty, browser.totalcostBrands, browser.costBrand);
		var out='<table cellspacing=0 cellpadding=0 border=0 class="tableCheckoutResume" style="border-bottom: 0px;"><tr><td colspan=2 class="title">SUMMARIZE</td></tr><tr><td colspan=2 class="text" style="padding-top: 10px;">Total brands: '+browser.totalBrands+'</td></tr><tr><td colspan=2 class="text">Total items: '+browser.totalItems+'</td></tr><tr><td colspan=2 class="text" style="padding-bottom: 10px;">Total qty: '+browser.totalQty+'</td></tr>';
		for(var i=0; i<browser.costBrand.length; i++)
			if(isdefined(browser.costBrand[i][0]) && isdefined(browser.costBrand[i][1]))
			out+='<tr><td colspan=2 class="text">Total cost Brand '+browser.costBrand[i][0]+': $ '+float2moeda(browser.costBrand[i][1])+'</td></tr>';
	//	out+='<tr><td class="bottom superBorderTopWhite" style="color: #FFF;">Total cost</td><td class="bottom superBorderTopWhite" style="color: #FFF;">$ '+float2moeda(browser.totalcostBrands)+'</td></tr></table>';
	
		out+='<tr><td colspan="2" style="text-align: center;"><div class="bottom superBorderTopWhite" style="display: table;"><div style="float: left;">Total cost</div><div style="float: right;">$ '+float2moeda(browser.totalcostBrands)+'</div></div></td></tr></table>';
	
		this.right=out;
		$('div_right').innerHTML=out;

		var url='DB/service.php?action=showStore&firstrec=0&numrec=0&idBrand=0&search=&letter=&active=1&restrictBrand=0&idStore='+browser.idStore;
		ajaxrequest( nocache(url), function( txt, obj ){ browser.resultform( txt, obj); }, null, 1 );
	}
	
	browser.resultform= function( txt, obj )
	{
		arr=json(txt);
		if(!isdefined(arr['records']))
		{
			browser.resultform( txt, obj );
			return;
		}

		var out='<table cellspacing=0 cellpadding=0 border=0 class="tableCheckoutResume" id="tableDeliveryAddress" style="border-top:0px; border-bottom: 0px;"><tr><td class="title">YOUR DELIVERY ADDRESS</td></tr><tr><td class="text" style="padding-top: 10px;">Name: '+arr['records'][0][1]+'</td></tr><tr><td  class="text">Address: '+arr['records'][0][17]+'</td></tr><tr><td class="text">City: '+arr['records'][0][18]+'</td></tr><tr><td  class="text">Zip: '+arr['records'][0][19]+'</td></tr><tr><td class="text">Phone: '+arr['records'][0][20]+'</td></tr><tr><td class="text">Fax: '+arr['records'][0][21]+'</td></tr>';

		out+='<tr><td style="padding-bottom: 10px; padding-left: 10px; padding-top: 10px;" id="btn_edit"><input type="button" onclick="clicksubmenu( null, \'profile\' );" value="EDIT ADDRESS"></td></tr></table><div><form action="DB/service.php?action=sendOrder" id="delivery_date" okscript="clicksubmenu(\'submenu_purchaseorder\', \'purchaseorder\'); fademessage(\'Order Sent!\');" errfloat="right">';


		out+='<table cellspacing=0 cellpadding=0 border=0 class="tableCheckoutResume" style="border-top: 0px;"><tr><td class="title" colspan="2">MORE INFO</td></tr><tr><td style="padding-left: 8px; font-weight: bolder; vertical-align: middle;">Start Ship Date</td><td class="text" style=" vertical-align: middle;" align=center><input date="1" style="width: 150px;" id="deliveryDate" name="deliveryDate"></td></tr>';
		out += '<tr><td style="padding-left: 8px; font-weight: bolder; vertical-align: middle;">Complete Ship Date</td><td class="text" style=" vertical-align: middle;" align=center><input date="1" style="width: 150px;" id="completeShip" name="completeShip"></td></tr>';
		out += '<tr><td style="padding-left: 8px; font-weight: bolder; vertical-align: middle;">Ship Via</td><td class="text" style=" vertical-align: middle;" align=center><input type="text" style="width: 150px;"  name="shipVia" id="shipVia"></td></tr>';
		out += '<tr><td style="padding-left: 8px; font-weight: bolder; vertical-align: middle;">Terms</td><td class="text" style=" vertical-align: middle;" align=center><input type="text" style="width: 150px;"" name="terms" id="terms"></td></tr>';
		out += '<tr><td style="padding-left: 8px; font-weight: bolder; vertical-align: middle;">Special Instructions</td><td class="text" style=" vertical-align: middle;" align=center><input type="text" style="width: 150px;"  name="specialInstructions" id="specialInstructions"></td></tr>';
		out+='</tr></table>';


		out+='<table cellspacing=0 cellpadding=0 border=0 style="margin-top: 20px; float: right;"><tr><td><input type="button" value="BACK" style="width: 174px;" onclick="clicksubmenu(\'submenu_purchaseorder\', \'purchaseorder\');"/></td><td><input type="button" value="SEND ORDER" style="width: 94px;" onclick="getme(this).sendOrder();"/></td></tr></table><input id="data" name="data" type="hidden"/></form></div>';

		this.right+=out;
		$('div_right').innerHTML+=out;

		if($('delivery_date')!=null && $('delivery_date').skip!=1);
		{
			$('delivery_date').skip=1;
			resultform(null, $('delivery_date'));
		}
		if($('btn_edit')!=null && $('btn_edit').skip!=1)
		{
			$('btn_edit').skip=1;
			formformat($('btn_edit'));
		}
	} 
	browser.sendOrder= function( opt , idBrand )
	{
		arr = [];
		for(var i=0; i<browser.costBrand.length; i++)
		{
			if(browser.costBrand[i][1]=='undefined' || !isdefined(browser.costBrand[i][1]) || browser.costBrand[i][1]=='') 
				break;
		//	var url='DB/service.php?action=addOrderList&idStore='+browser.idStore+'&idBrand='+browser.costBrand[i][2]+'&deliveryDate='+$('deliveryDate').value;
			//ajaxrequest( nocache(url),null, null, 1 );
			//debug(browser.costBrand[i][2], browser.idStore);
			
			a=[];
			a[0]=browser.idStore;//idStore
			a[1]=browser.costBrand[i][2];//idBrand
			a[3]=[];//Produtos

			a[4]=addslashes(browser.costBrand[i][0]);//name Brand
			a[5]=addslashes(browser.name_store);// name Store
			a[6]=browser.costBrand[i][3];//img Brand

			for(var j=0; j<browser.recs.length; j++)
			{
				for(var m=0; m<browser.recs[j][20].length; m++)
				{		
					for(var k=0; k<browser.recs[j][20][m]['records'].length; k++)
					{		
						if(browser.recs[j][0]==browser.costBrand[i][2])
						{
							items=[];
							for(var l=0; l<browser.recs[j][20][m]['records'][k][29].length; l++)
							{
								if(browser.recs[j][20][m]['records'][k][29][l][2]!=0)
								{
									//debug(print_r(browser.recs[j][20][m]['records'][k][27][l]));
									//items=items.concat(browser.recs[j][20][m]['records'][k][27][l]);
									q=[];
									q[0]=browser.recs[j][20][m]['records'][k][29][l];
									if($(browser.recs[j][20][m]['records'][k][29][l][5]+'_'+browser.recs[j][20][m]['records'][k][29][l][0]+'_'+browser.recs[j][20][m]['records'][k][29][l][1])!=null)
									{
										var aux1 = $(browser.recs[j][20][m]['records'][k][29][l][5]+'_'+browser.recs[j][20][m]['records'][k][29][l][0]+'_'+browser.recs[j][20][m]['records'][k][29][l][1]).innerHTML;
										
										var aux1 = aux1.substr(8);
										aux1 = aux1.replace(/\,/g,"");
										aux1 = aux1.replace(/\./g,",");

										q[0]=q[0].concat(aux1);
									
									}
									items=items.concat(q);
								}
							}
							aux=[[],[]];
							b=[];
							aux[0]=browser.recs[j][20][m]['records'][k][0]; //idProduct
							aux[1]=browser.recs[j][20][m]['records'][k][26];
							aux[4]=addslashes(browser.recs[j][20][m]['records'][k][3]);  //name of product
							aux[5]=browser.recs[j][20][m]['records'][k][9]; //img of product

							//items=browser.recs[j][20][m]['records'][k][27];
							aux[2]=items;
							b=b.concat(aux);
							//debug(print_r(b));
									
							a[3].push(b);
						}
					}
					
					
				}				
			}

			if((opt=='print' && idBrand!=null && browser.costBrand[i][2]==idBrand) || idBrand==null || opt!='print')
				arr[arr.length]=a;
		}	
		if(opt=='xls')
		{
			//window.open('savexls.php?data='+serialize(arr));
			//$('savexls').value = serialize(arr);
			//$('form_savexls').submit();
			window.open(createUrlToken( 'savexls.php', 'purchase', browser.idStore ));
		}
		else if(opt=='print')
		{
			window.open(createUrlToken( 'printorder.php', 'purchase', browser.idStore ));
			/*
				$('txt_printorder').value = serialize(arr);
				$('printorder').onsubmit();
				browser.refresh();
			*/
		}
		else
		{
			//var url = 'DB/service.php?action=addOrderListArray&deliveryDate=' + $('deliveryDate').value + '&arr=' + serialize(arr) + '&completeShip=' + $('completeShip').value;
			//$('data').value = serialize(arr);
		
			$('data').value = browser.idStore;
			if($('delivery_date')!=null)
				$('delivery_date').onsubmit();
		}
		//ajaxrequest( nocache(url), function(txt, obj){ clicksubmenu('submenu_purchaseorder', 'purchaseorder'); fademessage('OK');}, null, 1 );
	}

	browser.footerHTML += '<form method="POST" action="savesession.php" id="printorder"><input type="hidden" name="name" value="printorder"><input type="hidden" name="data" id="txt_printorder" value=""></form>';

	browser.show=function( idx )
	{
		this._show(idx);
		if(this.totrec>0) this.getRight();

		if($('printorder')!=null)
			resultform(null,$('printorder'));
	}
	return browser;
}
function browserOrders( hang, title, param, owner, type, mode)
{
	script='DB/service.php?action=showOrders'+param;
	var browser = new browsecomponent( hang, title, script );
	browser.param=param;

	browser.type= 'browserOrders';
	browser.owner= owner;
	browser.cols = 1;
	browser.rows = 5;
	browser.txt_loading = 'Searching...';
	//browser.debug_mode = true;
	browser.hang.className='browserBrandorders browserOrders';
	browser.head='';
	browser.ajax = 1;
	browser.idOrderLists= [];
	browser.idStores= [];
	browser.parameters.type= type;
	browser.parameters.date= "DESC";
	browser.parameters.mode= mode;
	browser.countImg = 0;
	browser.parameters.pag = -1;
	browser.costBrand = [[], [], [], [], []];

	browser.searchHTML = '';
	if(browser.parameters.type==2 && img_owner!='' && showimg)
		browser.searchHTML='<div id="owner_image" style="padding-bottom: 8px;"><div class="squareborder130" style="background-color: transparent; border: 0px; width: 234px; margin-top: 8px;"><div class="square130" style="background-color: transparent; width: 234px;"><img src="'+img_owner+'" onload="imgmaxrect(this,234,130); " id="img_logo"/></div></div></div>';

	browser.searchHTML += '<div class="title">PLACED ORDERS</div>';

	browser.searchHTML += '<div class="hr">&nbsp;</div>';

	browser.searchHTML += '<div style="width: 100%; height: 30px; overflow: hidden; display: table; margin-top: 11px; margin-bottom: 15px;">';
	
	browser.searchHTML += '<div class="text" style="float: left; padding-top: 4px; padding-right: 20px; padding-left: 10px;"><span style="padding-right: 10px;">DATE</span><select name="date" setstyle="width: 120px;" onchange="getme(this).parameters.date= this.valueid; getme(this).reset(); getme(this).show();"><option value="ASC">Most Old</option><option value="DESC">Most Recent</option></select></div>';

	browser.searchHTML += '<div class="text" style="float: left; padding-top: 4px; padding-right: 20px;"><span style="padding-right: 10px;">NUMBER</span><input type="text" name="number" style="width: 100px;" onchange="getme(this).parameters.number = this.value; getme(this).reset(); getme(this).show();"/></div>';

	browser.searchHTML += '<div class="text" style="float: left; padding-top: 4px; padding-right: 20px;"><span style="padding-right: 10px;">STATUS</span><select name="mode" setstyle="width: 100px;" sort="2" onchange="getme(this).parameters.mode = this.valueid; getme(this).refresh(); getme(this).show();" defaultvalue="'+mode+'"><option value="-1">All</option><option value="2">'+txtmode[2]+'</option><option value="1">'+txtmode[1]+'</option><option value="5">'+txtmode[5]+'</option><option value="6">'+txtmode[6]+'</option></select></div>';	
	
	browser.searchHTML += '<div class="text" style="float: left; padding-top: 4px; padding-right: 20px;"><span style="padding-right: 10px;">SORT BY</span><select defaultvalue="1" name="sort" setstyle="width:100px;" onchange="getme(this).parameters.order = this.valueid; getme(this).reset(); getme(this).show();"><option value=1>Date</option><option value=2>Most Products</option><option value=3>Most Items</option><option value=4>Most Price</option><option value=5>Id</option></select></div>';	

	browser.searchHTML += '<div style="float: right;" id="navigate">&nbsp;</div>';
	browser.searchHTML += '</div>';

	browser.searchHTML +='<div class="tb_item top" style="background-color: #999; font-weight: bolder;"><div class="tb_order black12">Order</div><div class="tb_order black12">Date</div><div class="tb_order black12" style="width: 150px;">Store</div><div style="width: 110px;" class="tb_order black12">Items/Qty</div><div class="tb_order black12">$ Total Cost</div><div style="width: 100px;" class="tb_order black12">Status</div><div style="width: 170px;" class="tb_order">&nbsp</div></div>';

	//browser.searchHTML += '</div>';
	
	browser.click = function( div, idx ) { };
	browser.nav1 = browser.nav2 = function() { return '' };

	//cell customization
	browser.cell = function( rec, arec , idx )
	{
		var idOrderList = arec.idOrderList;
		var idBrand = arec.idBrand;
		var idStore = arec.idStore;
		var addedDate = arec.addedDate;
		var deliveryDate = arec.deliveryDate;
		var completeDate = arec.completeDate;
		var mode = arec.mode*1;
		var items = arec.items;
		var qty = arec.qty;
		var totalCost = arec.totalcost;
		var Products = arec.Products;
		var shipVia = arec.shipVia;
		var specialInstructions = arec.specialInstructions;
		var Terms = arec.terms;

		this.idOrderLists=this.idOrderLists.concat(idOrderList);
		this.idStores=this.idStores.concat(idStore); 

		var txttobrand='';
		if(browser.parameters.type==2)
		{
			txtto = 'getme(this).toStore( \''+idStore+'\');';
			txtto2 = 'getme(this).detailStore(this, \''+idStore+'\', \'2\');';
			txtto3 = 'getme(this).detailStore(this, \''+idStore+'\', \'1\')'; 
			txtto4 = 'Delivery Address';
			txttype = 'store';
			txtType = 'Store';
			var img = arec.imgStore;
			var name = arec.nameStore;
			browser.name = arec.nameBrand;

			idType = idStore;
		}
		if(browser.parameters.type==1)
		{
			txtto = 'getme(this).toBrand( \''+idBrand+'\');';
			txtto2 = 'getme(this).detailBrand(this, \''+idBrand+'\', \'2\');';
			txtto3 = 'getme(this).detailBrand(this, \''+idBrand+'\', \'1\')'; 
			txtto4 = 'Billing Info';
			txttype = 'brand';
			txtType = 'Brand';
			var img = arec.imgBrand;
			var name = arec.nameBrand;
			browser.name = arec.nameStore;

			idType = idBrand;
		}
		
		img = (img=='') ? '' : '<img src="DB/'+img+'" id="imgprod'+idOrderList+'" onload="imgmaxdimcenter(this,70);"/>';

		var txtimg='<div class="squareborder70" style="cursor: pointer; background-color: transparent; border: 0px; margin: 0px; padding: 0px; width: 126px;"><div class="square70" onclick="'+txtto+'" style="width: 126px; background-color: transparent; ">'+img+'</div></div>';
		//txtimg+='<div style="font-weight: bolder; padding-bottom: 4px;">'+name+'</div>';

		var t1='<table cellpadding="0" cellspacing="0" border="0" width=100% height=60 class="clearTable"><tr><td class="itemclick" style="cursor: pointer;" onclick="'+txtto3+'">Contact '+txtType+'</td><tr><tr><td class="itemclick" onclick="'+txtto2+'" style="cursor: pointer;">'+txtto4+'</td></tr><tr><td class="item">Start Ship Date: '+deliveryDate+'</td></tr>';
		if(completeDate>'')
			t1+='<tr><td class="item">Complete Ship Date: '+completeDate+'</td></tr>';
		/*
		if(shipVia>'')
			t1+='<div class="itemclick">ship via: '+shipVia+'</div>';
		if(specialInstructions>'')
			t1+='<div class="itemclick">special instructions: '+specialInstructions+'</div>';
		if(Terms>'')
			t1+='<div class="itemclick">terms: '+Terms+'</div>';
		*/
		t1+='</table>';
		
		var t2='<table cellpadding="0" cellspacing="0" border="0" width=100% height=60  class="clearTable"><tr><td class="item">Total Items: '+items+'</td><tr><tr><td class="item">Total Quantity: <span id="totalorder'+idOrderList+'">'+qty+'</span></td></tr><tr><td class="item">Total Cost: <span id="totalcost'+idOrderList+'">$ '+float2moeda(totalCost)+'</span></td></tr></table><div id="numItems_'+idStore+'" style="display: none;">'+items+'</div>';

	//<tr><td colspan="2" class="itemclick" style="cursor: pointer;" onclick="getme(this).moreinfo(\''+idOrderList+'\', this, \''+idType+'\', \''+browser.parameters.type+'\');">more info</td></tr>
		var t3='<table cellpadding="0" cellspacing="0" border="0" width=100% class="clearTable" height=40><tr><td class="itemclick" onclick="getme(this).printOrder(\''+idOrderList+'\');" style="cursor: pointer;">Print</td></tr><tr><td class="itemclick" onclick="getme(this).saveOrder(\''+idOrderList+'\');" style="cursor: pointer;">Save</td></tr></table>';

		var t5='<form id="form_adj_'+idOrderList+'"><table class="clearTable"><tr><td><input type="button" value="ACCEPT" id="btn_acc_'+idOrderList+'" onclick=" getme(this).accept(\''+idOrderList+'\', \''+idStore+'\',\''+idBrand+'\');"></td><td><input type="button" value="REJECT" id="btn_rjt_'+idOrderList+'" onclick="getme(this).reject(\''+idOrderList+'\', \''+idStore+'\',\''+idBrand+'\');"></td></tr></table></form>';

		var t4='<form id="form_adj_'+idOrderList+'"><input type="hidden" id="status_'+idOrderList+'" value="0"/><input type="hidden" id="action_'+idOrderList+'" value=""/><table class="clearTable"><tr><td><input type="button" value="ADJUST" id="btn_adj_'+idOrderList+'" onclick="getme(this).adjustOrder('+idOrderList+')"></td><td><input type="button" value="CANCEL" onclick="getme(this).reset(); getme(this).show();" id="btn_cnl_'+idOrderList+'"></td></tr><tr><td><input type="button" value="ACCEPT" id="btn_acc_'+idOrderList+'" onclick=" getme(this).accept(\''+idOrderList+'\', \''+idStore+'\',\''+idBrand+'\');"></td><td><input type="button" value="REJECT" id="btn_rjt_'+idOrderList+'"  onclick="getme(this).reject(\''+idOrderList+'\', \''+idStore+'\',\''+idBrand+'\');"></td></tr></table></form>';
			
		var details = '<span class="order_details" onclick="getme(this).OrderClick('+idOrderList+');" id="click'+idOrderList+'">>> details</span>';
		
		cl = (idx&1) ? 'tb_dif' : '';

		var out = '<div class="tb_item '+cl+'"><div class="tb_order">'+idOrderList+'</div><div class="tb_order">'+convertDateFromMysql(addedDate)+'</div><div class="tb_order" style="width: 150px;">'+name+'</div><div style="width: 110px;" class="tb_order">'+items+'/'+qty+'</div><div class="tb_order">$ '+float2moeda(totalCost)+'</div><div style="width: 100px;" class="tb_order">'+txtmode[mode]+'</div><div style="width: 170px;" class="tb_order">'+details+'</div></div>';


		out += '<div id="OrderList_'+idOrderList+'" class="text cell_order" style="margin-bottom: 10px; margin-top: 10px;"><table cellpadding="0" cellspacing="0" border="0" class="clearTable shopping_brand"><tr><td valign=middle align=center width=150><div>'+txtimg+'</div></td><td valign=middle width=240>'+t1+'</td><td style="width: 1px;"><div class="borderRightBlack borderheight">&nbsp</div></td><td valign=middle width=180>'+t2+'</td><td style="width: 1px;"><div class="borderRightBlack borderheight">&nbsp</div></td><td valign=middle width=150>'+t3+'</td><td style="width: 150px;" align="center" valign="top">';
		
		if(mode==5 && browser.parameters.type==1)
			out+='<div class="check" style="width: 100%;">'+t5+'</div>';
		else if(mode==6 && browser.parameters.type==2)
			out+='<div class="check" style="width: 100%;">'+t4+'</div>';
		else
			out+='&nbsp';
			
		
		out+='</td></tr></table>';	

		for(var i=0; i<Products['records'].length; i++)
		{
			var product = Products['records'][i];
			var descProduct = product[3];
			items = [];
			if(isdefined(product[2]))
			{
				var itemsProduct = product[2];
				items = itemsProduct['records'];
			}
						
			oneLine = descProduct['records'][0][24];

			//debug(print_r(descProduct));
			//debug('');
			//debug(print_r(itemsProduct));

			idProduct=descProduct['records'][0][0];
			colors=descProduct['records'][0][17];
			sizes=descProduct['records'][0][18];

			//checked=Products[i]['records'][0][26];
			//debug(checked);
			
			//debug(print_r(Products[i]));
			var p1='<div class="squareborder115" style="cursor: pointer; padding: 0px;" onclick="getme(this).toProduct( \''+idBrand+'\',  \''+idProduct+'\', \''+oneLine+'\');"><div class="square115"><img src="DB/' + descProduct['records'][0][9]+ '"  onload="imgsquare(this,115)"></div></div>';

			var p2='<div class="black12" style="margin-left: 10px;">'+descProduct['records'][0][3]+'<br>code: '+descProduct['records'][0][5]+'</div>';
			//+'<br>item: '+descProduct['records'][0][6]

			if((colors.length==1 || colors.length==0) && ( colors[0]=='' || colors[0]==null )){colors[0]=['default',1]; }
			if((sizes.length==1 || sizes.length==0) && ( sizes[0]=='' || sizes[0]==null )){ sizes[0]=['default',1]; }
			

			colors_aux = [];
			for(var j=0; j<colors.length; j++)
			{
				colors_aux[j] = colors[j][1];
			}
			sizes_aux = [];
			for(var j=0; j<sizes.length; j++)
			{
				sizes_aux[j] = sizes[j][1];
			}

			values = [[[],[]]];
			for(var row=0; row<colors.length; row++)
			{
				col_aux = [];
				for(var col=0; col<sizes.length; col++)
					col_aux[col] = 0;
				values[row]=col_aux;
			}
			items_aux = [];

			for(var j=0; j<items.length; j++)
			{
				if(items[j][1]==idProduct)
				{
					items_aux[j] = [items[j][3], items[j][4], items[j][5]];

					for(var k=0; k<sizes_aux.length; k++)
						if(items[j][4] == sizes_aux[k])
							col = k;

					for(var k=0; k<colors_aux.length; k++)
						if(items[j][3] == colors_aux[k])
							row = k;

					//debug(idOrderList, idProduct, items[j][1], items[j][3], items[j][4], items[j][5]);

					
					if(isdefined(values[row]))
					{
						values[row][col]= [ items[j][5]*1, items[j][0] ];
					}
					else
					{
						//erro
						//debug(row, idOrderList, descProduct['records'][0][3], items[j][3], items[j][4], items[j][5]*1);
					}
				}
			}

			table='';
			
			table='<table cellpadding="0" cellspacing="0" border="0" class="clearTable tableSizeColor"><tr><td class="top_left">&nbsp;</td>';
			for(var j=0; j<sizes.length; j++)
			if(j+1<sizes.length)
				table+='<td class="top">'+sizes[j][0]+'</td>';
			else
				table+='<td class="top_last">'+sizes[j][0]+'</td>';

			table+='</tr>';
			//LINHAS
			var totalQty= 0;

			
			for(var j=0; j<colors.length; j++)
			{
				table+='<tr><td class="left">'+colors[j][0]+'</td>';
				for(var k=0; k<sizes.length; k++)
				{
					var txt = '';

					if(mode == 6 && browser.parameters.type==2)
						txt=' onblur="getme(this).out_input(this, \''+values[j][k][1]+'\', \''+idOrderList+'\', \'1\', \''+idBrand+'\', \''+idStore+'\', \''+idProduct+'\', \''+sizes.length+'\',  \''+colors.length+'\', \''+i+'\');" onfocus="getme(this).in_input(this); getme(this).refreshProductQty(\''+idStore+'\', \''+idProduct+'\', \''+idOrderList+'\', \''+sizes.length+'\',  \''+colors.length+'\', \''+i+'\', 0);" ';
		

					try
					{
						if(values[j][k][0]!='' && values[j][k][0]!='undefined' && values[j][k][0]!=null && values[j][k][0]!=0 )
						{
							if(txt>'')
								table+='<td align=center class="item"><input noformat="1" type="text" id="value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k+'" value="'+values[j][k][0]+'" class="inpt" '+txt+'/></td>';
							else
								table+='<td align=center class="item"><div id="value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k+'" class="inpt" style="height: 18px;" '+txt+' >'+values[j][k][0]+'</div></td>';
						}
						else
							table+='<td align=center class="item"><div id="value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k+'" class="inpt" style="height: 18px;" '+txt+' > - </div></td>';
					} 
					catch(e)
					{
						table+='<td align=center class="item"><input noformat="1" type="text" id="value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k+'" value=" - " class="inpt" '+txt+'/></td>';
					}
					if(is_numeric(values[j][k][0]))
						totalQty+=values[j][k][0];
				}
				table+='</tr>';
			}
			table+='</table>';

			var p3='<div style="padding-bottom: 10px;"><div style="padding-top: 10px; font-weight: bolder;">Details:</div>'+table;

			if(isdefined(product[2]['records']))
			if(product[2]['records'][0][6]['status']==1)
			{
				var historyItem = product[2]['records'][0][6]['records'];

				var table_history = '<div style="margin-top: 10px;"><b>History:</b></div><div class="txtorderhistory">';
				var colors_arr = [];
				var sizes_arr = [];
				for(var j=0; j < colors.length; j++)
					colors_arr[colors[j][1]] = colors[j][0];
				for(var j=0; j < sizes.length; j++)
					sizes_arr[sizes[j][1]] = sizes[j][0];
				for(var y=0; y < historyItem.length; y++)
				{
					var a1 = '';
					if(historyItem[y][6]>'')
						a1=' ('+historyItem[y][6]+')';
				
					var date = historyItem[y][2].substr(0,10);

					table_history += '<div class="historyItem"><i>'+date+'</i> - '+colors_arr[historyItem[y][9]]+'/'+sizes_arr[historyItem[y][10]]+' changed to '+historyItem[y][5]+a1+'</div>';
				}
				table_history += '</div>';
				p3+= table_history;
			}		

			var totalProduct = descProduct['records'][0][7] * totalQty;

			var p4='<table cellpadding="0" cellspacing="0" border="0" class="clearTable tableCountSizeColor black14 bold" style="margin-right: 30px;"><tr><td width=80>Unit Price</td><td>$ '+float2moeda(descProduct['records'][0][7])+'</td></tr><tr><td>Total Qty</td><td><div id="totalQty'+idProduct+'_'+idOrderList+'">'+totalQty+'</div></td></tr><tr><td class="total">Total</td><td id="total_'+idStore+'_'+idOrderList+'_'+i+'" class="total">$ '+float2moeda(totalProduct)+'</td></tr></table><div style="display: none;" id="cost'+idProduct+'_'+idOrderList+'">'+descProduct['records'][0][7]+'</div></div>';

			if(isdefined(items))
			{
				var txtproduct= '<div class="borderDotted">&nbsp</div><table cellpadding="0" cellspacing="0" border="0" class="clearTable shopping_product"><tr><td width=120 valign=top style="padding-top: 10px; padding-left: 20px; padding-bottom: 10px;">'+p1+'</td><td width=230 valign=top style="padding-top: 20px;  padding-right: 20px; ">'+p2+'</td><td valign=top width=300>'+p3+'</td><td valign=top align=right>'+p4+'</td></tr></table>'; 

				out +=txtproduct;
			}
			else
				out = '';
		}
		out+='</div>';

		browser.costBrand[idx]= [name, idStore, idBrand, img , idOrderList];

		return out;
	}
	browser.moreinfo = function( idOrderList , obj, idType, type)
	{
		abubble("DB\/bubble.php?action=moreinfo&idOrderList="+idOrderList+'&idType='+idType+'&type='+type, getTop(obj)+10 ,getLeft(obj)+10,400,80);
	}
	browser.show = function(idx) 
	{
		this._show(idx);
		this.loadShow();	

		if($('printorder')!=null)
			resultform(null, $('printorder'));

		if ($('navigate')!=null)
			$('navigate').innerHTML = this.nav( idx );	
	};
	browser.nav = function ( idx )
	{
		if( !isdefined( this.totrec ) || this.totrec <= 0 ) return '';
		var prev = idx > 0 ? '<div class="navon" onclick="getme(this).show( ' + (idx-this.pagesize) +  ' )"><div class="imgleft">&nbsp;</div></div>' : '<div class="navoff"><div class="imgleft">&nbsp;</div></div>';
		var next = idx+this.pagesize < this.totrec ? '<div class="navon" onclick="getme(this).show( ' + (idx+this.pagesize) +  ' )"><div class="imgright">&nbsp;</div></div>' : '<div class="navoff"><div class="imgright">&nbsp;</div></div>';
		var idx2 = idx+this.pagesize;
		if( idx2 > this.totrec ) idx2 = this.totrec;
		var pos = (idx+1) + ' - ' + idx2 + ' of ' + (this.totrec);
		var pos='<div class="text12" style="padding-top: 1px;">&nbsp;'+pos+'&nbsp;</div>';
		var output = '<table cellpadding="0" cellspacing="0" border="0"><tr><td>' + prev + '</td><td><div class="">' + pos + '</div></td><td>' + next + '</td></tr></table>';
		return output;
	}
	browser.loadShow = function(idOrderList, idStore)
	{
		var idOrderList = browser.idOrderLists;
		var idStore = browser.idStores;

		for(var i = 0; i< idOrderList.length; i++)
		{
			if($('form_adj_'+idOrderList[i])!=null)
				formformat($('form_adj_'+idOrderList[i]));
			if($('btn_adj_'+idOrderList[i])!=null)
				$('btn_adj_'+idOrderList[i]).wrapper.style.display = 'none';
			if($('btn_cnl_'+idOrderList[i])!=null)
				$('btn_cnl_'+idOrderList[i]).wrapper.style.display = 'none';
			if($('imgprod'+idOrderList[i])!=null)
				imgmaxdimcenter($('imgprod'+idOrderList[i]),70);

			this.refreshBrandQty(idOrderList[i], idStore[i], 0);
			this.OrderHide(idOrderList[i]);
		}
	}
	browser.toBrand= function( idBrand )
	{	
		browser.hang.innerHTML='';
		clickmenu('menu_brands','brands');
		trk= getme($('div_navigate'), 'browserBrands');
		
		trk.clickBrand(idBrand);
	}
	browser.toStore= function( idStore )
	{	
		browser.hang.innerHTML='';
		clickmenu('menu_stores', 'stores');
		trk= getme($('div_navigate'), 'browserStores');

		trk.clickBrand(idStore);
		//inspect(trk);
		//trk.clickBrand(idBrand);
	}
	browser.detailStore=function( obj, idStore, id )
	{
		abubble("DB\/bubble.php?action=detailStore&idStore="+idStore+'&id='+id, getTop(obj)+5 ,getLeft(obj)+90,400,80);
	}
	browser.detailBrand=function( obj, idBrand, id )
	{
		abubble("DB\/bubble.php?action=detailBrand&idBrand="+idBrand+'&id='+id, getTop(obj)+5 ,getLeft(obj)+90,400,80);
	}
	browser.toProduct= function( idBrand, idProduct , idLine)
	{
		if(this.parameters.type==1)
		{
			browser.toBrand( idBrand );
			trk2= getme($('div_oneBrand'), 'browserOneBrand');

			trk2.idProduct = idProduct;
			trk2.getLine=idBrand;
			trk2.refresh();
		}
		else
		{
			clickmenu('menu_products','products');
			trk = getme($('search'), 'browserLines');
			trk.owner = browser.owner;
			trk2= trk.clickdetail(idLine);

			trk2.getidProduct = idProduct;
			trk2.allLines = 0;
			trk2.refresh(); 
		}
	}
	browser.OrderClick = function( idOrderList )
	{
		nobubble();

		if($('OrderList_'+idOrderList)!=null)
			if($('OrderList_'+idOrderList).style.display == 'block')
				this.OrderHide( idOrderList );
			else
				this.OrderShow( idOrderList );

		if($('imgprod'+idOrderList)!=null)
				imgmaxdimcenter($('imgprod'+idOrderList),70);

	}
	browser.OrderHide = function( idOrderList )
	{
		nobubble();

		if($('OrderList_'+idOrderList)!=null)
			$('OrderList_'+idOrderList).style.display = 'none';

		if($('click'+idOrderList)!=null)
			$('click'+idOrderList).innerHTML = ">> details";
	}
	browser.OrderShow = function( idOrderList )
	{
		for(var i = 0; i< this.idOrderLists.length; i++)
			this.OrderHide(this.idOrderLists[i]);

		if($('OrderList_'+idOrderList)!=null)
			$('OrderList_'+idOrderList).style.display = 'block';

		if($('click'+idOrderList)!=null)
			$('click'+idOrderList).innerHTML = ">> minimize";

		for(var i = 0; i<this.countImg; i++)
			if($('imgprod'+i)!=null)
				imgmaxdimcenter($('imgprod'+i),70);
			
	}
	browser.adjustOrder = function( idOrderList )
	{
		if($('action_'+idOrderList)==null)
			return;

		var url = 'DB/service.php?action=adjustOrder&idOrderList='+idOrderList+'&arr='+urlencode($('action_'+idOrderList).value);
		ajaxrequest( nocache(url),function(){browser.refresh();}, null, 1 );
	} 
	browser.accept = function( idOrderList, idStore, idBrand )
	{
		if(this.parameters.type==2)
			var idAuthor = idBrand;
		else if(this.parameters.type==1)
			var idAuthor = idStore;
		else
			return;

		var url = 'DB/service.php?action=setMode&idOrderList='+idOrderList+'&idAuthor='+idAuthor+'&opAuthor='+this.parameters.type+'&act=2';
		ajaxrequest( nocache(url),function(){browser.refresh();}, null, 1 );
	}
	browser.reject = function( idOrderList , idStore,  idBrand )
	{
		if(this.parameters.type==2)
			var idAuthor = idBrand;
		else if(this.parameters.type==1)
			var idAuthor = idStore;
		else
			return;

		var url = 'DB/service.php?action=setMode&idOrderList='+idOrderList+'&idAuthor='+idAuthor+'&opAuthor='+this.parameters.type+'&act=1';
		ajaxrequest( nocache(url),function(){browser.refresh();}, null, 1 );
	}
	browser.update = function( obj )
	{
		if(obj==null)
			return;
		obj.style.backgroundColor = '#FFF';
	}
	browser.setQty = function(obj, idOrderItem, idBrand, idStore, idOrderList, idProduct, sizeslength, colorslength, i, comments)
	{
		var url = new Array();
		if(is_numeric(obj.value) )
		{
			//var url='DB/service.php?action=setQty&idOrderItem='+idOrderItem+'&item=qty&opAuthor=2&idAuthor='+this.idBrand+'&newValue='+obj.value;
			url[2]= obj.value * 1;		
		}
		else
		{
			//var url='DB/service.php?action=setQty&idOrderItem='+idOrderItem+'&item=qty&opAuthor=2&idAuthor='+this.idBrand+'&newValue=0';
			url[2]= 0;
		}
		url[0]= 2;
		url[1]= idBrand * 1;
		url[3]= 'qty';
		url[4]= 'setQty';
		url[5]= idOrderItem;
		url[6]= comments;
		/*
		if(browser.ajax)
			ajaxrequest( nocache(url),null, null, 1 );
		else 
			debug(url);
		*/
		this.update( obj );
		this.change(idOrderList, url);
		this.refreshProductQty(idStore, idProduct, idOrderList, sizeslength, colorslength, i, 1);
	}


	//AO SAIR DE ALGUM ITEM_PRODUCT
	browser.out_input=function(obj, idOrderItem, idOrderList, action,  idBrand, idStore, idProduct , sizes, colors, i, color)
	{
		obj.parentNode.className='item';
		var oldvalue = parseInt(obj.oldvalue);
		var value = parseInt(obj.value);

		if(is_numeric(obj.value) && is_numeric(obj.oldvalue) && (value > oldvalue))
			obj.value = oldvalue;
		if(!is_numeric(obj.oldvalue))
			obj.value=0;

		if(action==1 && obj.oldvalue!=obj.value)
		{
			//this.setQty(obj, idOrderItem, idBrand, idOrderList, '');
			abubble("DB\/bubble.php?action=setQty&obj="+obj.id+'&idProduct='+idProduct+'&idOrderItem='+idOrderItem+'&idBrand='+idBrand+'&idOrderList='+idOrderList+'&idStore='+idStore+'&sizeslength='+sizes+'&colorslength='+colors+'&i='+i, getTop(obj) ,getLeft(obj),200,80);
		}		

		if(obj.value=='' || obj.value==0)
			obj.value=' - ';
	}
	browser.change = function( idOrderList, url )
	{
		if($('status_'+idOrderList)!=null)
			$('status_'+idOrderList).value = 1;
		if($('btn_adj_'+idOrderList)!=null)
			$('btn_adj_'+idOrderList).wrapper.style.display= 'block';
		if($('btn_cnl_'+idOrderList)!=null)
			$('btn_cnl_'+idOrderList).wrapper.style.display= 'block';
		if($('btn_acc_'+idOrderList)!=null)
			$('btn_acc_'+idOrderList).wrapper.style.display= 'none';
		if($('btn_rjt_'+idOrderList)!=null)
			$('btn_rjt_'+idOrderList).wrapper.style.display= 'none';	
		if($('action_'+idOrderList)!=null)
			if($('action_'+idOrderList).value!='')
			{
				$('action_'+idOrderList).count += 1;
				oldurl = json($('action_'+idOrderList).value);
				oldurl[$('action_'+idOrderList).count] = url;
				$('action_'+idOrderList).value = jsonout( oldurl );
			}
			else
			{
				oldurl=[];
				oldurl[0]=url;
				
				$('action_'+idOrderList).value = jsonout(oldurl);
				$('action_'+idOrderList).count = 0;
			}
	}
	//AO ENTRAR EM ALGUM ITEM_PRODUCT
	browser.in_input=function(obj)
	{
		if(obj.value==' - ')
			obj.value='';
		obj.oldvalue = obj.value;
		obj.parentNode.className='item_selected';
	}
	//ATUALIZA O COUNT PRODUCT
	browser.refreshProductQty=function( idBrand, idProduct , idOrderList, sizes, colors, i, color)
	{
		var count=0;
		for(var j=0; j<colors; j++)
		{
			for(var k=0; k<sizes; k++)
			{
				if($('value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k)!=null )
				{
					if( $('value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k).value!='')
					{
						if(is_numeric($('value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k).value) && $('value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k).value>=0 )
						{
								count+=parseInt($('value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k).value);
						}
						else if(is_numeric($('value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k).value) && $('value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k).value<0)
							$('value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k).value=' - ';
						else if(!is_numeric($('value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k).value))
							$('value_'+idProduct+'_'+idOrderList+'_'+j+'_'+k).value=' - ';
					}
				}
			}
		}

		if($('totalQty'+idProduct+'_'+idOrderList)!=null)		
		{
			var oldtotalproduct = $('totalQty'+idProduct+'_'+idOrderList).innerHTML *1;
			$('totalQty'+idProduct+'_'+idOrderList).innerHTML=count;
			if(color) 
				this.update($('totalQty'+idProduct+'_'+idOrderList));

			var totalorder = $('totalorder'+idOrderList).innerHTML * 1;
			$('totalorder'+idOrderList).innerHTML = totalorder - (oldtotalproduct - count);
			if(color) 
				this.update($('totalorder'+idOrderList));
		}

		if($('cost'+idProduct+'_'+idOrderList)!=null)
		{
			cost=parseFloat($('cost'+idProduct+'_'+idOrderList).innerHTML);

			if($('total_'+idBrand+'_'+idOrderList+'_'+i)!=null)
			{
				$('total_'+idBrand+'_'+idOrderList+'_'+i).innerHTML='$ '+float2moeda(count*cost);
				if(color) 
					this.update($('total_'+idBrand+'_'+idOrderList+'_'+i));
			}

		
			/*if($('totalcost'+idOrderList)!=null)
			{
				$('totalcost'+idOrderList).innerHTML = '$ '+float2moeda();
				if(color) 
					this.update($('totalcost'+idOrderList));
			}*/
			this.refreshBrandQty(idOrderList , idBrand, color);
			
		}
	}
	//ATUALIZA O COUNT BRAND
	browser.refreshBrandQty= function( idOrderList , idStore, color)
	{
		var countBrand=0;

		if($('numItems_'+idStore)!=null)
			numItems=parseInt($('numItems_'+idStore).innerHTML);
		else
			numItems=0;

		countBrand = 0;
		for(var j=0; j<numItems; j++)
			if($('total_'+idStore+'_'+idOrderList+'_'+j)!=null)
			{	
				countBrand+= getValue($('total_'+idStore+'_'+idOrderList+'_'+j));
			}
		if($('totalcost'+idOrderList)!=null)
		{
			//debug(countBrand);
			$('totalcost'+idOrderList).innerHTML='$ '+float2moeda(countBrand);
			
			if(color) 
				this.update($('totalcost'+idOrderList));
		}
		
	}
	browser.notfound = function()
	{
		this.content.innerHTML = '<div class="notfound">&nbsp</div>';
	}
	browser.saveOrder = function( idOrderList )
	{
		//window.open('savexls.php?type=order&id='+idOrderList);
		window.open(createUrlToken( 'savexls.php', 'order', idOrderList ));
	}
	browser.printOrder = function( idOrderList )
	{
		//window.open('printorder.php?type=order&id='+idOrderList);
		window.open(createUrlToken( 'printorder.php', 'order', idOrderList ));
		/*
		arr = [];

		for(var i=0; i<browser.costBrand.length; i++)
		{
			if(browser.costBrand[i][1]=='' || browser.costBrand[i][1]==null ) break;
		
			if(browser.costBrand[i][4]==idOrderList)
			{
				// a = [ idStore, idBrand, [], item, nameBrand, nameStore, imgBrand ];
				a = [browser.costBrand[i][1], browser.costBrand[i][2], '0', [], addslashes(browser.costBrand[i][0]), addslashes(browser.name), browser.costBrand[i][3], browser.parameters.type];				

				for(var j=0; j<browser.recs.length; j++)
					if(browser.recs[j][0]==idOrderList)
						break;

					for(var k=0; k<browser.recs[j][17]['records'].length; k++)
					{	
						m=0;
						items=[]; 
						for(var l=0; l<browser.recs[j][17]['records'][k][2]['records'].length; l++)
						{
							if(browser.recs[j][17]['records'][k][2]['records'][2]!=0)
							{
								q=[]; r=[];
								q=browser.recs[j][17]['records'][k][2]['records'][l];
										
								for(z=0; z<browser.recs[j][17]['records'][k][3]['records'][m][17].length; z++)
									if(q[3]==browser.recs[j][17]['records'][k][3]['records'][m][17][z][1])
										q[3] = browser.recs[j][17]['records'][k][3]['records'][m][17][z][0];
			
								for(z=0; z<browser.recs[j][17]['records'][k][3]['records'][m][18].length; z++)
									if(q[4]==browser.recs[j][17]['records'][k][3]['records'][m][18][z][1])
										q[4] = browser.recs[j][17]['records'][k][3]['records'][m][18][z][0];
									
								q=q.concat(browser.recs[j][17]['records'][k][3]['records'][m][7]);
								
								var price = q[7];		
								price = price.replace(/\,/g,"");
								price = price.replace(/\./g,",");

								r[0] = [0,0,q[5],q[3],q[4],0,price];

								if(q[1]==browser.recs[j][17]['records'][k][3]['records'][m][0])
									items=items.concat(r);
							}
						}	
								
						aux=[[],[],[],[],[],[]];
								
						aux[0] = browser.recs[j][17]['records'][k][3]['records'][m][0]; //idProduct
						aux[1] = '0';
						aux[2] = items;							
						aux[3] = '0';
						aux[4] = addslashes(browser.recs[j][17]['records'][k][3]['records'][m][3]);  //name of product
						aux[5] = browser.recs[j][17]['records'][k][3]['records'][m][9]; //img of product
								
						b=[];
						b=b.concat(aux);
										
						a[3].push(b); 				
					}
				
				arr[arr.length]=a; 
			}
			
		} */
		//if(arr.length > 0)
		//{
			//$('txt_printorder').value = serialize(arr);
			//$('printorder').onsubmit();
			//this.refresh();

			//url='savesession.php?name=printorder&data='+serialize(arr);
			//ajaxrequest( nocache(url), function( txt, obj ){  }, null, 1 );
			
		//}
	}
	browser.footerHTML += '<form method="POST" action="savesession.php" id="printorder"><input type="hidden" name="name" value="printorder"><input type="hidden" name="data" id="txt_printorder" value=""></form>';
	return browser;
}
function browserHomeBrand( hang, id, param )
{
	var browser = new browsecomponent( hang, '', param );

	browser.param=param;
	browser.parameters.id = id;
	browser.hang.className=' brandhome browserBrandorders';
	browser.over = browser.out = browser.click = function( div, idx ) { };
	browser.nav1 = browser.nav2 = function() { return '' };
	browser.cell = function( rec, arec , idx)
	{
		var countLookbooks = arec.countLookbooks;
			browser.countLookbooks = countLookbooks;

		var out = '<div class="browser"><div class="hr">&nbsp;</div><div class="brandhome_cell"><div>';
		
		if(browser.countLookbooks>0)
			out+='<div class="profile"><div id="brandhome_profile">&nbsp</div></div><div class="lookbook"><div id="brandhome_lookbook">&nbsp;</div></div>';
		else
			out+='<div id="brandhome_profile" style="width: 980px;">&nbsp</div>';

		out +='</div></div><div class="line zero"><div id="brandhome_line" class="zero">&nbsp;</div></div><div style="width:880px; height: 2px; overflow: hidden;" class="">&nbsp</div></div>';
		return out;
	}
	browser.show = function( idx )
	{
		browser._show( idx );
		if($('brandhome_profile')!=null)
		{
			if(browser.countLookbooks>0)
				compact = 2;
			else 
				compact = 1;

			//loadurl(nocache('profile.php?owner=0&type=1&id='+browser.parameters.id+'&compact=1'), $('brandhome_profile'));
			trk1 = browserNews( $('brandhome_profile'), browser.parameters.id , 1, 'DB/service.php?action=showNews&active=1', 0 ,compact);
			trk1.rows = 2;
			trk1.compact=compact;
			trk1.show();
		}
		
		if($('brandhome_lookbook')!=null && browser.countLookbooks>0)
		{
			trk = browserLookbooks( $('brandhome_lookbook'), '', browser.parameters.id,'&id='+browser.parameters.id+'&op=0&active=1&order=1&viewstatus=1&order=1', 1 );
			trk.cols = 3;
			trk.rows = 1;
			trk.owner=0;
			trk.show();
			trk.hang = this.hang;
		}
		if($('brandhome_line')!=null)
		{
			trk2 = browserLines( $('brandhome_line'), '', browser.parameters.id, '', 'DB/service.php?action=showLine&id='+browser.parameters.id+'&op=0&active=1&order=1&viewstatus=1', 1);
			trk2.cols = 1;
			trk2.rows = 3;
			trk.owner=0;
			trk2.hangaux = browser.hang;
			trk2.show();  
		} 
		
	}
	return browser;
}
function browserNews( hang, id, type, param , op, compact)
{
	title = '';
	var browser = new browsecomponent( hang, title, param );
	browser.param=param;

	browser.type=type;
	browser.id=id;
	browser.cols = 1;
	browser.rows = 10;
	browser.txt_loading = 'Searching...';
	//browser.debug_mode = true;
	browser.hang.className='browserBrandorders news';
	browser.head='';
	browser.parameters.id = id;
	browser.parameters.type = type;	
	browser.parameters.op = op;
	browser.parameters.idCategory = 0;
	browser.numRelationships = 0;
	browser.trying=0;
	browser.compact = compact;
	browser.footerHTML = '<div style="width: 100%;"><div style="float: right;" id="div_navigate_2">&nbsp</div></div>';


	title = (browser.parameters.op==2 && browser.parameters.type!=1) ? 'SEND A MESSAGE TO A BRAND' : 'NEWS';

	txt = 'Posting news is a great way to communicate with store buyers and keep them up-to-date. You can write brief messages and attach files. These posts can be broadcasted to all stores on Brand Orders, or just those that you have relationships with.';

	browser.searchHTML = '';
	if(browser.parameters.type!=1 && (browser.parameters.op==3 || browser.parameters.op==1 || browser.parameters.op==4) && img_owner!='' && showimg)
		browser.searchHTML='<div class="squareborder130" style="background-color: transparent; border: 0px; width: 234px; margin-top: 8px; margin-bottom: 8px;"><div class="square130" style="background-color: transparent; width: 234px;"><img src="'+img_owner+'" onload="imgmaxrect(this,234,130); " id="img_logo"/></div></div>';

	browser.searchHTML += '<div class="title" style="height: 34px;"><div style="float: left; width: 90%;"><div style="float: left; margin-right: 40px;" id="title_news">'+title+'</div><div style="float: left; padding-top: 4px;" id="div_navigate">&nbsp</div><div style="float: right;">&nbsp</div></div>';
	
	if(browser.compact!=1 && browser.compact!=2)
	{
		browser.searchHTML += '<div class="textviolet" style="float: right; margin-top: 12px;">&nbsp;</div></div>';
		
		if(browser.type==1 && browser.parameters.op==2)
			browser.searchHTML += '<div class="text14" style="width: 400px; margin-top: 10px; margin-bottom: 20px; font-style: italic;">'+txt+'</div>';
	}
	else
		browser.searchHTML += '</div>';
	browser.searchHTML += '<div class="hr">&nbsp</div>';


	//turn off click event
	//browser.click = function( div, idx ) { };
	//browser.over = function( div, idx ) { };
	//browser.out = function( div, idx ) { };
	//turn off navigators
	browser.click = function( div, idx ) { };
	browser.nav1 = browser.nav2 = function() { return '' };
	//cell customization
	browser.cell = function( rec, arec , idx)
	{
		var title = arec.title;
		var content_w_url = (arec.content_w_url!='') ? arec.content_w_url : '';
		
		if(title!='' && content_w_url!='') 
			var content = '<div class="text14b" style="padding-bottom: 4px;">' + title + '</div><div>' + content_w_url + '</div>';
		else
			if(content_w_url!='')
				var content = content_w_url;
			else
				var content = title;

		var addedDate = arec.addedDate;
		var sent = arec.sent;
		var idNews = arec.idNews;
		var idBrandRecipient = arec._idBrandRecipient;
		var idStoreRecipient = arec._idStoreRecipient;
		var idBrandSender = arec._idBrandSender;
		var idStoreSender = arec._idStoreSender;
		var filesrc = arec.filesrc;
		this.numRelationships = browser.numRelationships = arec.numRelationships;


		replytxt =  txtreply = style = txtfor = '';
		idSender = ( idBrandSender!='' ) ? idBrandSender : idStoreSender;


		if(idBrandRecipient!='' || idStoreRecipient!='')
			if((browser.parameters.type==1 && idBrandRecipient==browser.parameters.id) || (browser.parameters.type==0 && idStoreRecipient==browser.parameters.id))
			{
				txtreply = ( idBrandSender!='' || idStoreSender!='')? 'reply' : '';
				//txtfor = ' to you! ';

				if($('spanCountInbox')!=null)
				{
					url='DB/service.php?action=readNews&idNews='+idNews;
					ajaxrequest( nocache(url), 'readnews', null, 1 );
				}
			}
			else if(idStoreRecipient!='999999999' && idStoreRecipient!='999999998' && idBrandRecipient!='999999998' )
				txtfor = ' to '+arec.infoRecipient['records'][0][1]+' ';
			
		if(arec.relationship_exists>0 && browser.parameters.type==0)
			txtreply = ( idBrandSender!='' || idStoreSender!='')? 'reply' : '';

		//In Inbox don't have "for"
		if((browser.parameters.op==1 && browser.parameters.type==1) || (browser.parameters.op==4 && browser.parameters.type==0))
			txtfor = '';
		else
			txtfor += '&nbsp;&nbsp;&nbsp;';
			

		if(isdefined(arec.info['records']))
		{
			var img = 'DB/'+arec.info['records'][0][3];
			var name = arec.info['records'][0][1];
			var id = arec.info['records'][0][0];
		}
		else
		{
			var img = 'kintool/css/brandorders_logo.jpg';
			var name = 'BrandOrders';
			var id = 0;
		}

		if((idStoreRecipient=='999999998' || idBrandRecipient=='999999998') && (idBrandSender=='') && (idStoreSender==''))
		{
			var img = 'kintool/css/brandorders_logo.jpg';
			var name = 'BrandOrders';
		}

		typeSender = ( idBrandSender!='') ? 1 : 0;
		txtonclick = (this.parameters.type == 0 ) ? 'getme(this).toBrand(\''+id+'\');' : 'getme(this).toStore(\''+id+'\');';
		if(id==0 || typeSender == browser.parameters.type)
			txtonclick = '';
		
		if(filesrc!='')
		{
			filename = filesrc.replace(/[0-9]+_[0-9]+_[0-9]+_/,'');

			ext = filesrc.substr(filesrc.length-4,filesrc.length);
			ext = ext.toLowerCase();
			imgsrc = (ext=='.pdf') ? 'kintool/thumb/pdf.gif' : 'files/'+filesrc;

			thumb = '<div><div class="squareborder40"><div class="square40"><img src="'+imgsrc+'" onload="imgmaxdimmiddle(this,40);" style="border: 0px;"/></div></div><div>'+filename+'</div></div>';
			filesrc = '<div style=" margin-top: 8px; width: 500px; float: left;"><a href="http://'+myurl+'/files/'+filesrc+'" target="_blank" border="0">'+thumb+'</a></div>';
		}

		width = (browser.compact==2) ? 285 : 740;
		width1 = (browser.compact==2) ? 283 : 742;

		if(browser.compact==2 && content.length>110)
		{
			content = content.substr(0,110);
			content += '...';
		}

		txtcontent = (content=='') ? '' : '<div style="margin-top: 8px; width: '+width+'px; margin-bottom: 10px; ">'+content+'</div>';
		
		var imgsrc = (img!='DB/') ? '<img src="'+img+'" onload="imgmaxrectcenter(this,100,70); "/>' : '<div style="width: 100px; height: 70px; padding-top: 20px;" class="text16">'+name+'</div>';

		var cursor = (txtonclick!='') ? 'cursor: pointer;' : '';
		var txtimg = '<div style="float: left; padding-top: 10px; padding-bottom: 10px;"><div class="squareborder70" style="'+cursor+' border: 0px; width: 126px; height: 70px; text-align: center;" onclick="'+txtonclick+'"><div class="square70" style="border: 0px; width: 126px; height: 70px;">'+imgsrc+'</div></div></div>';

		if(txtreply>'')
			replytxt = '<div style="float: right;"><input type="button" value="'+txtreply.toUpperCase()+'" onclick="getme(this).reply(\''+idSender+'\', \''+name+'\');"/></div>';
		
		stydate = txtdelete = "";
		if( (mytype==1 && myid==idBrandSender) || (mytype==0 && myid==idStoreSender) )
				txtdelete = '<div style="float: right;"><input type="button" value="DELETE" onclick="getme(this).deleteNews(\''+idNews+'\');"/></div>';
		
		if(browser.compact==2) 
		{
			txtimg = '';
			style='width:'+width+'px;';
		}
		datetxt = '<div style="float: right; padding-left: 8px; padding-top: 4px;">'+txtfor+sent+'</div>';

		var out = '<div class="brandorders " style="position: relative; '+style+'">'+txtimg+'<div style="float: left; padding-top: 4px;" idNews="'+idNews+'" class="text14">'+txtcontent+'<div class="textviolet14_2" style="width:'+width1+'px; display: table; margin-bottom: 8px;">'+filesrc+'<div style="position: absolute; bottom: 0px; right: 0px;"> '+datetxt+replytxt+txtdelete+'</div></div></div></div><div class="hr">&nbsp;</div>';

		return out;
	}
	browser.nav = function ( idx )
	{
		if( !isdefined( this.totrec ) || this.totrec <= 0 ) return '';
		var prev = idx > 0 ? '<div class="navon" onclick="getme(this).show( ' + (idx-this.pagesize) +  ' )"><div class="imgleft">&nbsp;</div></div>' : '<div class="navoff"><div class="imgleft">&nbsp;</div></div>';
		var next = idx+this.pagesize < this.totrec ? '<div class="navon" onclick="getme(this).show( ' + (idx+this.pagesize) +  ' )"><div class="imgright">&nbsp;</div></div>' : '<div class="navoff"><div class="imgright">&nbsp;</div></div>';
		var idx2 = idx+this.pagesize;
		if( idx2 > this.totrec ) idx2 = this.totrec;
		var pos = (idx+1) + ' - ' + idx2 + ' of ' + (this.totrec);
		var pos='<div style="padding-bottom: 3px;" class="text12">&nbsp;'+pos+'&nbsp;</div>';
		var output = '<table cellpadding="0" cellspacing="0" border="0"><tr><td>' + prev + '</td><td><div class="">' + pos + '</div></td><td>' + next + '</td></tr></table>';
		return output;
	}
	browser.deleteNews = function( idNews )
	{
		url='DB/service.php?action=deleteNews&idNews='+idNews;
		ajaxrequest( nocache(url), function( txt, obj ){ if($('title_news')!=null) getme($('title_news')).refresh(); }, null, 1 );
	}

	browser.reply = function( idSender , name)
	{
		clicksubmenu( $('submenu_compose').id, 'compose');
		$('idRecipient').value = name;
		$('idRecipient').valueid = idSender;
		$('inpt_content').onfocus();
	}
	browser.getIdNews = function( obj )
	{
		val = 0;
		for(var i=0; i<5; i++)
		{
			if(obj.getAttribute('idNews')!='' && obj.getAttribute('idNews')!=null)
			{
				val = obj.getAttribute('idNews');
				i=5;
			}
			obj = obj.parentNode;
		}
		return val;
	}
	browser.toStore= function( idStore )
	{	
		browser.hang.innerHTML='';
		clickmenu('menu_stores', 'stores');
		trk= getme($('div_navigate'), 'browserStores');

		trk.clickBrand(idStore);
	}
	browser.toBrand= function( idBrand )
	{	
		browser.hang.innerHTML='';
		clickmenu('menu_brands','brands');
		trk= getme($('div_navigate'), 'browserBrands');
		
		trk.clickBrand(idBrand);
	}
	browser.cancelRelationship = function( idBrand, idStore , idNews)
	{
		url='DB/service.php?action=responseRelationship&idBrand='+idBrand+'&idStore='+idStore+'&op=0&idNews='+idNews;
		ajaxrequest( nocache(url), function( txt, obj ){ if($('title_news')!=null) getme($('title_news')).refresh(); }, null, 1 );

	}
	browser.acceptRelationship = function( idBrand, idStore , idNews)
	{
		url='DB/service.php?action=responseRelationship&idBrand='+idBrand+'&idStore='+idStore+'&op=1&idNews='+idNews;
		ajaxrequest( nocache(url), function( txt, obj ){ if($('title_news')!=null) getme($('title_news')).refresh(); }, null, 1 );
	}
	browser.filterby = function( op )
	{
		browser.parameters.idCategory = 0;
		browser.parameters.op = op;
		browser.reset();
		browser.drawn = false;
		browser.draw();
		browser.refresh();
	}
	browser.draw = function()
	{
		browser._draw();
		if(browser.compact==1) return;

		txt = '';
		if(browser.parameters.type==1)
		{
			var predictive="DB/service.php?action=showRelationshipBrand&idBrand="+browser.parameters.id+"";
			typerec = 0;
			txt=' value="999999998" ';
		}
		else
		{
			var predictive="DB/service.php?action=showRelationshipStore&idStore="+browser.parameters.id+"";
			typerec = 1;
		}

		if(browser.parameters.op==2)
		{
			inpt = (browser.parameters.type!=1) ? '' : '<div id="display_attach"></div><span style="height: 20px; width: 100px; overflow: hidden;" id="span_attach" class="text12">attach file</span><input type="hidden" upload="2" image="0" maxfiles="1" multi="1" button="attach file" displaywidth="296" grid="0" displayid="display_attach" objid="span_attach" name="filesrc" fileext="*.jpg;*.gif;*.png;*.pdf">';

			browser.searcharea.innerHTML += '<div class="brandorders" id="div_formarea" style="padding-top: 10px; padding-bottom: 2px;"><form action="DB/service.php?action=sendNews" okscript="fademessage(\'Message Sent\'); getme($(\'inpt_content\')).draw(); getme($(\'inpt_content\')).show(); " method="POST" id="formteste" errfloat="right"><div style="float: left; padding-right: 10px; margin-bottom: 10px;"><textarea name="content" id="inpt_content" style="width: 320px; height: 110px; " helper="Your message here!"/></textarea>'+inpt+'</div><div style="float: left;" class="text12"><input type="text" predictive="'+predictive+'" usevalue="1" name="idRecipient" id="idRecipient"'+txt+' sort="0" style="width: 130px;"><input type="hidden" name="typeRecipient" value="'+typerec+'"></div><div style="float: left;">&nbsp;&nbsp;<input type="submit" value="SEND MESSAGE"/></div></form></div><div class="hr">&nbsp;</div>';
			
			if($('div_formarea')!=null)
				resultform(null,$('div_formarea'));	
		}	
		if(browser.parameters.type!=1 && (browser.parameters.op==3 || browser.parameters.op==1 || browser.parameters.op==4))
		{
			
			url = 'DB/service.php?action=showNewsCategory&firstrec=0&numrec=0&all=1&type='+browser.parameters.type+'&id='+browser.parameters.id+'&op='+browser.parameters.op;
			ajaxrequest( nocache(url),function(txt){browser.setPulldowns(txt);}, null, 1 );
		}
	}
	browser.setPulldowns = function( txt )
	{
		arr = json(txt);
		var pull = '';

		if( (arr['totrec']*1) > 1 )
			pull = '<input type="text" name="idCategory" style="width: 150px;" predictive="DB/service.php?action=showNewsCategory&firstrec=0&numrec=0&all=1&type='+browser.parameters.type+'&id='+browser.parameters.id+'&op='+browser.parameters.op+'" allownew="0" usevalue="1" navigate="0" value="'+browser.parameters.idCategory+'" onchange="getme(this).parameters.idCategory = this.valueid; getme(this).refresh();">';
		
		var cat = (browser.parameters.op==1) ? '' : '<div style="float: left; margin-left: 40px;" id="news_mybrands">'+pull+'</div>';

		browser.searcharea.innerHTML += '<div class="brandorders" id="div_formarea" style="padding-top: 10px; padding-bottom: 12px; width: 100%;"><div style="float: left;"><form errfloat="right"><select defaultvalue="'+browser.parameters.op+'" onchange="getme(this).filterby(this.valueid);"><option value="3">All Brands</option><option value="4">My Brands</option><option value="1">Private Messages</option></select></form></div>'+cat+'<div style="float: right;" id="div_navigate">&nbsp</div></div><div class="hr">&nbsp;</div>';

		if($('div_formarea')!=null)
				formformat($('div_formarea'));
	}
	browser.resultform = function(txt, obj)
	{
		arr=json(txt);
		var count = arr['records'].length;
		if($('div_formarea')!=null)
			if(count<=0)
				$('div_formarea').style.display = 'none';
			else
			{
				$('div_formarea').style.display = 'block';
				inputbackground($('div_formarea'));
			}
	}
	browser.show = function(idx)
	{
		if(browser.parameters.op!=2)
		{
			this._show(idx);
			ob = this.getdiv('b_content_table');
			formformat(ob);
		}
		else
			this.draw();

		if ($('div_navigate')!=null)
			$('div_navigate').innerHTML=this.nav( idx );
		if ($('div_navigate_2')!=null)
			$('div_navigate_2').innerHTML=this.nav( idx );
	}
	browser.notfound = function()
	{	
		if(browser.parameters.type!=1 && browser.parameters.op==4 && browser.parameters.idCategory==0 && browser.trying==0)
		{
			browser.trying = 1;

			browser.parameters.op = 3;
			browser.drawn = false;
			browser.draw();
			browser.show();

			return;
		}
		this.content.innerHTML = '<div class="notfound">' + this.txt_notfound + '</div>';
	}
	return browser;
}


function rand(l,u)
{
     return Math.floor((Math.random() * (u-l+1))+l);
}
function createUrlToken( page, type, id )
{
	if(type=='purchase')
		token = '1';
	else if(type=='order')
		token = '2';

	token = token+rand(10000, 99999)+id+rand(10000, 99999);
	return page+'?token='+token;
}