// JavaScript Document
<!--

String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g,"");
}

function NN_prepareTable() { //v1.0
// dirImages is the directory
  var dirImages = 'images/Prod';

// Tamanho das imagens no menu
//  var ImgA = "205";
//  var ImgL = "255";

  var ImgA = "100";
  var ImgL = "125";

// Qtde Máxima de Linhas na Tabela.
  var LinMax = 12; 
  var ColMax = 4;
  var ColMin = 4;
    
// TABELA DE ESTAMPAS
// 12345678901234567890
// NNNN XXXXXXXXXXXXXXXXXXX, onde 
//      NNNN = estampa
//      X = nome e designer da estampa
  var produtos = new Array();

produtos[produtos.length] = '7104 Ginger - Blossom Ginger - Tile Breeze by Sandi Henderson' ;
produtos[produtos.length] = '7109 Wizard of Oz - Loyal Toto - Sepia by Quilting Treasures' ;
produtos[produtos.length] = "7110 Where's The Cat? - Kitties With Yarn - Sand by Exclusively Quilters" ;
produtos[produtos.length] = '7112 Alice In Wonderland - Dream Girl - Slate Blue by Quilting Treasures' ;
produtos[produtos.length] = '7114 Hannah Montana - A Jewelry Star - Bubblegum Pink by Springs' ;
produtos[produtos.length] = '7128 Indochine - Asagoa Geisha Frames - Taupe by Alexander Henry' ;
produtos[produtos.length] = '7132 Eternal Rose - Musical Roses - Sky Blue by Marcella Rose' ;
  
  var QtProd = produtos.length; 
 
//    alert( "aqui NN" );

// Váriaveis para definir a tabela 
  var pMax = QtProd;  // Qtde Prod daquele tipo
  var mxL;            // Máximo de Linhas
  var mxC;            // Máximo de Colunas
  var ixK;            // Preparar a tabela  
  var tabela = "";
  var trecho;
   
// dimensoes da tabela
  if ( ( pMax % LinMax ) === 0 ) { mxC = ( pMax / LinMax ) }
  else                           { mxC = Math.ceil( pMax / LinMax ) } ; 
  // alert( mxC );
  
  if ( pMax % mxC === 0 ) { mxL = ( pMax / mxC ) }
  else                    { mxL = Math.ceil( pMax / mxC ) } ;
  // alert( mxL );

  mxC = 3;

// Texto da Tabela
  tabela = tabela + '<table width="80%" border="0">';
  ixK = 0;
  for ( ixL = 0; ixL < mxL; ixL++ ) {
    tabela = tabela + "<tr>";
	// alert( tabela );
	for ( ixC = 0; ixC < mxC; ixC++ ) {
	  tabela = tabela + '<td width="25%" align="center" valign="top" >';
	  // alert( tabela );
	  if ( ixK < QtProd ) {
	    var estampa = produtos[ixK].substring( 0, 4 ) ;
		var titulo = produtos[ixK].substring( 4 ) ;
		// alert( estampa );
	    // incluir picture
		trecho = '' ;
//		trecho = '<a href="p_produto.htm?' + produtos[ixK].substring( 0, 4 ) + '" '; 
//		trecho = trecho + 'target="_parent"> ';
		trecho = trecho + '<img src="imagens/estampasfuturas/' + estampa + 'P.jpg"';
//        trecho = trecho + ' onClick="NN_prepareProd(' + estampa + ')"' ;
        trecho = trecho + ' onMouseOver="NN_statusProd(' + estampa + ')"' ;
		trecho = trecho + ' alt="Estampa ' + estampa + '"' ;
//		trecho = trecho + ' width=' + ImgL + ' height=' + ImgA + ' border=0> </img>';
		trecho = trecho + ' width=70% border=0> </img>';
//		trecho = trecho + '</a>';
//		alert( trecho );
        trecho = trecho + '<p class="legenda"> ' + titulo + '</p>' ;
		trecho = trecho + '<br>';

		tabela = tabela + trecho;
//		alert( tabela );
		ixK++;
	    } 
	  else {
	    tabela = tabela + '&nbsp;' 
	    } ; // if */
 	  tabela = tabela + '</td>' ;
	} ; // ixC 
    tabela = tabela + '</tr>';  
  } ; // ixL  
  tabela = tabela + '</table>';
 
//  alert( tabela );
  return tabela;
}

function NN_statusProd( xcdEstampa ) { //v1.0
  status = " Thais Kato - ORIGAMI em TECIDO - Estampa " + xcdEstampa ;
  document.NN_returnValue = true;
}

function NN_prepareProd( xcdEstampa ) { //v1.0
// TABELA DE PRODUTOS
// 0123456789012
// NNNN X XXXXX, onde 
//      NNNN = estampa
//      X = faixa de preço
//      XXXXX = Quais produtos (C)arteira, porta(L)enço, porta(M)oeda, portacar(T)ão, c(H)aveiro.

  var LinProd = NN_prepareTable( xcdEstampa + '' ) ;
//  alert( LinProd );
  var relprod = LinProd.substring( 7, 11 ); 
  var faixa = LinProd.substring( 5, 6 ); 
//  alert('Faixa:' + faixa + ':');
  var tipojpg = '';
  if      ( relprod.indexOf('K') >= 0 ) { tipojpg = '00' }
  else if ( relprod.indexOf('C') >= 0 ) { tipojpg = '33' }
  else if ( relprod.indexOf('L') >= 0 ) { tipojpg = '11' }
  else if ( relprod.indexOf('M') >= 0 ) { tipojpg = '77' } 
  else if ( relprod.indexOf('T') >= 0 ) { tipojpg = '55' } 
  else if ( relprod.indexOf('H') >= 0 ) { tipojpg = '99' } ;
  var nomejpg = 'imagens/produtos/' + xcdEstampa + tipojpg + '.jpg';  
  // alert(nomejpg);
  document.images.ImgProduto.src = nomejpg ;
  // if ( document.images.ImgProduto.src ) { alert( 'descobriu' ) };
  
  var legenda = NN_prepareLeg( relprod, faixa );
  document.getElementById("legenda").innerHTML=legenda;  
  document.getElementById("legenda").style.width = document.images.ImgProduto.width;
  document.images.ImgPagSeguro.width = document.images.ImgProduto.width;
  
  var itens = '';
  if ( relprod.indexOf('C') >= 0 ) { itens = itens + NN_prepareItem('C',faixa,relprod,xcdEstampa) };
  if ( relprod.indexOf('M') >= 0 ) { itens = itens + NN_prepareItem('M',faixa,relprod,xcdEstampa) };  
  if ( relprod.indexOf('H') >= 0 ) { itens = itens + NN_prepareItem('H',faixa,relprod,xcdEstampa) };
  if ( relprod.indexOf('L') >= 0 ) { itens = itens + NN_prepareItem('L',faixa,relprod,xcdEstampa) };
  if ( relprod.indexOf('T') >= 0 ) { itens = itens + NN_prepareItem('T',faixa,relprod,xcdEstampa) };
  if ( relprod.indexOf('K') >= 0 ) { itens = itens + NN_prepareItem('K',faixa,relprod,xcdEstampa) };
  // alert('ITENS:'+itens);
  document.getElementById("itens").innerHTML=itens; 

  window.scrollTo(0,0);
}

function NN_prepareLeg( relprod, xFaixa ) {
  var LinLeg = '';
  LinLeg += '<strong>Elaborado' ;
  LinLeg += ( relprod.indexOf('K') >= 0 ) ? 's' : '' ;
  LinLeg += '</strong> com tecido de '
  if      ( xFaixa == 'I' ) { LinLeg += 'algod&atilde;o nacional' }
  else if ( xFaixa == 'B' ) { LinLeg += 'algod&atilde;o nacional tradicional' }
  else if ( xFaixa == 'M' ) { LinLeg += 'algod&atilde;o nacional de padr&otilde;es selecionados' }  
  else if ( xFaixa == 'X' ) { LinLeg += 'algod&atilde;o nacional com texturas e padr&otilde;es selecionados' }    
  else if ( xFaixa == 'U' ) { LinLeg += 'algod&atilde;o nacional com texturas e padr&otilde;es especiais' }    
  else if ( xFaixa == 'S' ) { LinLeg += 'algod&atilde;o importado.' }  
  else if ( xFaixa == 'T' ) { LinLeg += 'algod&atilde;o proveniente do Jap&atilde;o, EUA ou Europa' }  
  else if ( xFaixa == 'H' ) { LinLeg += 'algod&atilde;o selecionado proveniente do Jap&atilde;o, EUA ou Europa' }  
  else if ( xFaixa == 'J' ) { LinLeg += 'algod&atilde;o proveniente do Jap&atilde;o ou Inglaterra' } ;
  LinLeg += '<br>' ;
return LinLeg ;
}

function NN_prepareItem( xProduto, xFaixa, relprod, xEstampa ) { //v1.0
//  alert( 'PrepareItem:' + xProduto + ':' + xFaixa ) ;
  var LinItem = '' ;
  LinItem += '<div class="produtonome">';
  LinItem += NN_ObterNome( xProduto, relprod, true );
  LinItem += '</div>';
  
  LinItem += '<div class="produtosubtit">'; 
  LinItem += 'Tamanho (LxA)</div>';
  LinItem += '<div class="produtodescr">'; 
  if      ( xProduto == 'C' ) { LinItem += '100 mm x 90 mm (Carteira Fechada)' }
  else if ( xProduto == 'M' ) { LinItem += '70 mm x 70 mm' }  
  else if ( xProduto == 'H' ) { LinItem += 'Em caixa com 100 mm x 100 mm x 40mm' }  
  else if ( xProduto == 'L' ) { LinItem += '85 mm x 120 mm' }  
  else if ( xProduto == 'T' ) { LinItem += '100 mm x 80 mm' }  
  else if ( xProduto == 'K' ) { LinItem += 'Ver itens individuais' } ;  
  LinItem += '</div>' ;

  LinItem += '<div style="display:block">' ;  // Preço e Btn
  LinItem += '<div style="float:left display:block">' ;  // Preço e Descricao
  
  LinItem += '<div class="produtosubtit">Pre&ccedil;o: </div>' ;
  LinItem += '<div class="produtodescr">'; 
  var Preco = NN_Preco( xFaixa, xProduto, relprod, 'S' ) ; 
  if ( Preco == '' ) { LinItem = LinItem + 'Favor consultar o Atendimento' ; }
  else { LinItem = LinItem + 'R$ ' + Preco ; } 
  LinItem += '</div>' ;
  LinItem += '</div>' ;  // Preco e Descricao
  
  aspProd =  "'" + xProduto + "'" ; 
  aspParm =  "'" + xEstampa + "','" + xProduto + "','" + xFaixa + "','" + relprod + "'" ;  
  LinItem += '<div class="btncomprar">' ;
  LinItem += '<img src="imagens/estampas/BtnComprar.jpg" width="110" height="28" ' ; 
  LinItem += 'id="BtnComp' + xProduto + '" ';
  LinItem += 'onMouseOver="return NN_upBtn(' + aspProd + ')" ' ;
  LinItem += 'onMouseOut="return NN_Btn(' + aspProd + ')" ' ;
  LinItem += 'onMouseDown="return NN_downBtn(' + aspProd + ')" ' ;
  LinItem += 'onMouseUp="return NN_Btn(' + aspProd + ')" ' ;
  LinItem += 'onClick="return NN_Form(' + aspParm + ')">' ;
  LinItem += '</div>' ;
  
  LinItem += '</div>' ; // Preço e Btn
  LinItem += '<p>&nbsp;</p>';
  
//  var Linbtn = '<input type="submit" name="Submit" value="Comprar ' + xProduto + '"' ;
//      Linbtn = Linbtn + ' onClick("alert(999)") ><br>' ;
// alert(LinItem);
return LinItem ;  
}

function NN_Form( xEstampa, xProduto, xFaixa, relprod ) {
//  alert( xEstampa + ':' + xProduto + ':' + xFaixa + ':' + relprod ) ;
  var cdprod = xProduto + '-' + xEstampa ;
  var descri = NN_ObterNome( xProduto, relprod, false ) + ' (' + cdprod + ')' ;
  var valor  = NN_Preco( xFaixa, xProduto, relprod, 'N' ) ;
//  document.myform1.item_id_1.value = cdprod;
//  document.myform1.item_descr_1.value = descri;
//  document.myform1.item_valor_1.value = valor;
//  document.myform1.submit();
  document.myformdiv.item_id.value = cdprod;
  document.myformdiv.item_descr.value = descri;
  document.myformdiv.item_valor.value = valor;
  document.myformdiv.submit();


  return true;
}

function NN_ObterNome( xProduto, relprod, pagina ) {
  var xNome ;
  if      ( xProduto == 'C' ) { xNome = 'Carteira de Origami' } 
  else if ( xProduto == 'M' ) { xNome = 'Porta-moeda de Origami' } 
  else if ( xProduto == 'H' ) { xNome = 'Chaveiro de Origami' }  
  else if ( xProduto == 'L' ) { xNome = ( pagina ? 'Porta-len&ccedil;o de Origami' : 'Porta-lenço de Origami' ) }  
  else if ( xProduto == 'T' ) { xNome = ( pagina ? 'Porta-cart&atilde;o de Origami' : 'Porta-cartão de Origami' ) }  
  else if ( xProduto == 'K' ) { xNome = NN_CriaKit( relprod, pagina ) } ;
return xNome
}

function NN_CriaKit( relprod, pagina ) {
  relprod = relprod.trim();
  var ultqt = relprod.length - 1 ;
  var qt = 0 ;  
  var texto = '' ;
  var rcTexto = '' ;

  if ( relprod.indexOf( 'C' ) >= 0 ) {
    qt++ ;
	if ( texto.length != 0 ) { texto += ( qt == ultqt ) ? ' e ' : ', ' ; } ;
	texto += 'Carteira' ;
    } ; 
  if ( relprod.indexOf( 'M' ) >= 0 ) {
    qt++ ;
//	alert( 'list:' + relprod + ':' + texto + ':' + qt + '/' + ultqt );
	if ( texto.length != 0 ) { texto += ( qt == ultqt ) ? ' e ' : ', ' ; } ;
	texto += 'Porta-moeda' ;
//	alert( 'list:' + relprod + ':' + texto + ':' + qt );	
    } ; 
  if ( relprod.indexOf( 'H' ) >= 0 ) {
    qt++ ;
	if ( texto.length != 0 ) { texto += ( qt == ultqt ) ? ' e ' : ', ' ; } ;
	texto += 'Chaveiro' ;
    } ; 
  if ( relprod.indexOf( 'L' ) >= 0 ) {
    qt++ ;
	if ( texto.length != 0 ) { texto += ( qt == ultqt ) ? ' e ' : ', ' ; } ;
	texto += ( pagina ? 'Porta-len&ccedil;o' : 'Porta-lenço' ) ;
    } ; 
  if ( relprod.indexOf( 'T' ) >= 0 ) {
    qt++ ;
	if ( texto.length != 0 ) { texto += ( qt == ultqt ) ? ' e ' : ', ' ; } ;
	texto += ( pagina ? 'Porta-cart&atilde;o' : 'Porta-cartão' ) ;
    } ; 
  rcTexto = 'Kit ('  + texto + ') de Origami' ;  
return rcTexto;
}

function NN_Preco(  xcdFaixa, xcdLinha, relprod, real ) {
// xcdlinha pode ser um único ou um kit.

// TABELA DE PRECOS
// 0123456789012
// XP NNNNNN, onde 
//      X = Faixa de preço: (B)asico, (M)edio, Te(X)tura, (S)uperior, (T)op 
//      P = Produto: (C)arteira, porta(L)enço, porta(M)oeda, portacar(T)ão, c(H)aveiro.
//      NNNNNN = preco com centavos sem virgula

  var tabpreco = new Array();
  tabpreco[tabpreco.length] = 'IC   1700'; // Basico Carteira
  tabpreco[tabpreco.length] = 'IL   1000'; // Basico Porta-Lenco
  tabpreco[tabpreco.length] = 'IM   1600'; // Basico Porta-Moeda
  tabpreco[tabpreco.length] = 'IT   1600'; // Basico Porta-Cartao ***
  tabpreco[tabpreco.length] = 'IH       '; // Basico Chaveiro

  tabpreco[tabpreco.length] = 'BC   2400'; // Basico Carteira
  tabpreco[tabpreco.length] = 'BL   1000'; // Basico Porta-Lenco
  tabpreco[tabpreco.length] = 'BM   1600'; // Basico Porta-Moeda
  tabpreco[tabpreco.length] = 'BT   1600'; // Basico Porta-Cartao ***
  tabpreco[tabpreco.length] = 'BH       '; // Basico Chaveiro

  tabpreco[tabpreco.length] = 'MC   3500'; // Medio Carteira
  tabpreco[tabpreco.length] = 'ML   1000'; // Medio Porta-Lenco
  tabpreco[tabpreco.length] = 'MM   1600'; // Medio Porta-Moeda
  tabpreco[tabpreco.length] = 'MT   1600'; // Medio Porta-Cartao 
  tabpreco[tabpreco.length] = 'MH   1000'; // Medio Chaveiro

  tabpreco[tabpreco.length] = 'XC   4200'; // Top Carteira
  tabpreco[tabpreco.length] = 'XL   1000'; // Top Porta-Lenco ***
  tabpreco[tabpreco.length] = 'XM   1600'; // Top Porta-Moeda ***
  tabpreco[tabpreco.length] = 'XT   1600'; // Top Porta-Cartao ***
  tabpreco[tabpreco.length] = 'XH   1000'; // Top Chaveiro ***

  tabpreco[tabpreco.length] = 'UC   4900'; // Top Carteira
  tabpreco[tabpreco.length] = 'UL   1600'; // Top Porta-Lenco ***
  tabpreco[tabpreco.length] = 'UM   1600'; // Top Porta-Moeda ***
  tabpreco[tabpreco.length] = 'UT   2200'; // Top Porta-Cartao ***
  tabpreco[tabpreco.length] = 'UH   1000'; // Top Chaveiro ***

  tabpreco[tabpreco.length] = 'SC   5700'; // Superior Carteira
  tabpreco[tabpreco.length] = 'SL   1000'; // Superior Porta-Lenco  ***
  tabpreco[tabpreco.length] = 'SM   1900'; // Superior Porta-Moeda
  tabpreco[tabpreco.length] = 'ST   1900'; // Superior Porta-Cartao ***
  tabpreco[tabpreco.length] = 'SH   1000'; // Superior Chaveiro

  tabpreco[tabpreco.length] = 'TC   6400'; // Top Carteira
  tabpreco[tabpreco.length] = 'TL   1000'; // Top Porta-Lenco ***
  tabpreco[tabpreco.length] = 'TM   1900'; // Top Porta-Moeda ***
  tabpreco[tabpreco.length] = 'TT   1900'; // Top Porta-Cartao ***
  tabpreco[tabpreco.length] = 'TH   1000'; // Top Chaveiro ***

  tabpreco[tabpreco.length] = 'HC   7200'; // Top Carteira
  tabpreco[tabpreco.length] = 'HL   1000'; // Top Porta-Lenco ***
  tabpreco[tabpreco.length] = 'HM   2500'; // Top Porta-Moeda ***
  tabpreco[tabpreco.length] = 'HT   2500'; // Top Porta-Cartao ***
  tabpreco[tabpreco.length] = 'HH   1000'; // Top Chaveiro ***

  tabpreco[tabpreco.length] = 'JC   8300'; // Top Carteira
  tabpreco[tabpreco.length] = 'JL   1000'; // Top Porta-Lenco ***
  tabpreco[tabpreco.length] = 'JM   2500'; // Top Porta-Moeda ***
  tabpreco[tabpreco.length] = 'JT   2500'; // Top Porta-Cartao ***
  tabpreco[tabpreco.length] = 'JH   1000'; // Top Chaveiro ***

// alert( 'Preco:' + xcdFaixa + ':' + xcdLinha + ':' + real ) ;

if ( xcdLinha == 'K' ) { xcdLinha = relprod.trim() } ;
var qt = xcdLinha.length ;
var letra ;
var Preco = 0 ;

for ( j = 0; j < qt; j++ ) {
  letra = xcdLinha.substring(j,j+1);
  if ( letra != 'K' ) {
    var Argumento = ( xcdFaixa + letra ) ;
    var Chave
    for ( k = 0; k < tabpreco.length; k++ ) {
      Chave = tabpreco[k].substring( 0, 2 ) ;
//      alert( 'Arg:' + Argumento + ' Chv:'  + Chave + ' Preço:' + Preco );
      if ( Argumento == Chave ) { 
	     Preco += parseInt( tabpreco[k].substring( 3, 9 ) ) ;
//		 alert( Preco ) ;
         break ;
         } ; // if
      } // for k
	} // if K  
  } // for j  
// alert('FindPreco:' + Argumento + ':' + Preco + ':' );

// Preco = '01234567' ;
var rcPreco, xPreco 
if ( Preco == 0 ) { rcPreco = '' }
else { 
  rcPreco = Preco + '';
  if ( real == 'S' ) { 
    xPreco = rcPreco; 
    rcPreco =  xPreco.substring ( 0, xPreco.length - 2 ) + ','  ;
	rcPreco += xPreco.substring ( xPreco.length - 2 , xPreco.length ) ;
    } ;
  } ; // else
// alert( rcPreco );  
return rcPreco ;
}

function NN_upBtn(Let) {
//  alert('Up:'+Let);
  document.getElementById('BtnComp'+Let).src="./imagens/estampas/BtnCompraru.jpg" ;
  return true;
}
function NN_Btn(Let) {
//  alert('Normal:'+Let);
  document.getElementById('BtnComp'+Let).src="./imagens/estampas/BtnComprar.jpg" ;
  return true;
}
function NN_downBtn(Let) {
//   alert('Down:'+Let);
  document.getElementById('BtnComp'+Let).src="./imagens/estampas/BtnComprard.jpg" ;
  return true;
}