//
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TABLE"||source.tagName=="TABLE")
return
while(source.tagName!="TABLE")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}

function changedown(highlightcolor){
source=event.srcElement
if (source.tagName=="TABLE"||source.tagName=="TABLE")
return
while(source.tagName!="TABLE")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}
// 
function Afisare() {
   document.write("<table width='100%' height='64' border='0' cellpadding='5' cellspacing='0' class='tabellista1' onmouseover=\"changeto('#d1d1a5')\" onmouseout=\"changeback('#ffffff')\" onmouseout=\"changedown('#d1d1a5')\"><tr>");
   document.write("<td width='64' height='64' align='left' valign='middle'>", this.imagine,"</td>");
   document.write("<td align='left' valign='middle'><h6>", this.titlu, "<br></h6>", this.descriere_sc,"</td>");
   document.write("</tr></table>");
}
//
function AfisareDetalii() {
   document.write("<table width='500' border='0' align='center' cellpadding='5' cellspacing='0' class='tabelpozamare'>");
   document.write("<tr><td align='center'>", this.imagine_mare,"</td></tr>");
   document.write("<tr><td align='left'><h6>", this.titlu,"<br></h6>", this.descriere,"</td></tr>");
   document.write("</table>");
}
//
function Lucrare(imagine,titlu,descriere_sc,imagine_mare,descriere) {
   this.imagine = imagine;
   this.titlu = titlu;
   this.descriere_sc = descriere_sc;
   this.imagine_mare = imagine_mare;
   this.descriere = descriere;
   this.Afisare = Afisare;
   this.AfisareDetalii = AfisareDetalii;
}
//
var bd = new Array();

bd[0] = new Lucrare("<a href='1_1.htm'><img src='imagini/1.jpg' alt='Mareste' width='64' height='64' border='0'></a>", " Structura decorativa ", " Casa particulara ","<img src='imagini/1m.jpg'>", " Casa particulara <br> Braila ");

bd[1] = new Lucrare("<a href='1_2.htm'><img src='imagini/2.jpg' alt='Mareste' width='64' height='64' border='0'></a>", " Studiu Bar ", " Locuinta particulara ", "<img src='imagini/2m.jpg'>", " Locuinta particulara ");

bd[2] = new Lucrare("<a href='1_3.htm'><img src='imagini/3.jpg' alt='Mareste' width='64' height='64' border='0'></a>", " Mobilier ", " Club Internet ", "<img src='imagini/3m.jpg'>", " Club Internet <br> Braila ");

bd[3] = new Lucrare("<a href='1_4.htm'><img src='imagini/4.jpg' alt='Mareste' width='64' height='64' border='0'></a>", " Set mobilier ", "  Fier forjat, lemn si lacuri colorate ", "<img src='imagini/4m.jpg'>", " Fier forjat, lemn si lacuri colorate ");

bd[4] = new Lucrare("<a href='1_5.htm'><img src='imagini/5.jpg' alt='Mareste' width='64' height='64' border='0'></a>", " Decoratii murale ", " Restaurant \"Mateo Jr.\" ", "<img src='imagini/5m.jpg'>", " Restaurant \"Mateo Jr.\" <br> Braila ");

bd[5] = new Lucrare("<a href='2_1.htm'><img src='imagini/6.jpg' alt='Mareste' width='64' height='64' border='0'></a>", " Decoratie plafon ", " Restaurant \"Select\" ", "<img src='imagini/6m.jpg'>", " Restaurant \"Select\" <br> Braila ");

bd[6] = new Lucrare("<a href='2_2.htm'><img src='imagini/7.jpg' alt='Mareste' width='64' height='64' border='0'></a>", " Mobilier ", " Mobilier bar ", "<img src='imagini/7m.jpg'>", " Mobilier bar <br> Bucuresti ");

bd[7] = new Lucrare("<a href='2_3.htm'><img src='imagini/8.jpg' alt='Mareste' width='64' height='64' border='0'></a>", " Decoratie Coloana ", " Restaurant \"Continental\" ", "<img src='imagini/8m.jpg'>", " Restaurant \"Continental\" <br> Braila ");

bd[8] = new Lucrare("<a href='2_4.htm'><img src='imagini/9.jpg' alt='Mareste' width='64' height='64' border='0'></a>", " Panel Decorativ ", " Acrilice pe lemn cu basoreliefuri ceramice ", "<img src='imagini/9m.jpg'>", " Acrilice pe lemn cu basoreliefuri ceramice <br> Braila ");

bd[9] = new Lucrare("<a href='2_5.htm'><img src='imagini/10.jpg' alt='Mareste' width='64' height='64' border='0'></a>", " Panel Decorativ ", " Acrilice pe lemn cu basoreliefuri ceramice ", "<img src='imagini/10m.jpg'>", " Acrilice pe lemn cu basoreliefuri ceramice <br> Braila ");

//bd[10] = new Lucrare("<a href='3_1.htm'><img src='imagini/11.jpg' alt='Mareste' width='64' height='64' border='0'></a>", "Titlu", "Descriere scurta", "<img src='imagini/11m.jpg'>", "Descriere Lunga");

//bd[11] = new Lucrare("<a href='3_2.htm'><img src='imagini/12.jpg' alt='Mareste' width='64' height='64' border='0'></a>", "Titlu", "Descriere scurta", "<img src='imagini/12m.jpg'>", "Descriere Lunga");

//bd[12] = new Lucrare("<a href='3_3.htm'><img src='imagini/13.jpg' alt='Mareste' width='64' height='64' border='0'></a>", "Titlu", "Descriere scurta", "<img src='imagini/13m.jpg'>", "Descriere Lunga");

//bd[13] = new Lucrare("<a href='3_4.htm'><img src='imagini/14.jpg' alt='Mareste' width='64' height='64' border='0'></a>", "Titlu", "Descriere scurta", "<img src='imagini/14m.jpg' width='500' height='350'>", "Descriere Lunga");

//bd[14] = new Lucrare("<a href='3_5.htm'><img src='imagini/15.jpg' alt='Mareste' width='64' height='64' border='0'></a>", "Titlu", "Descriere scurta", "<img src='imagini/15m.jpg' width='500' height='350'>", "Descriere Lunga");

//bd[15] = new Lucrare("<a href='4_1.htm'><img src='imagini/16.jpg' alt='Mareste' width='64' height='64' border='0'></a>", "Titlu", "Descriere scurta", "<img src='imagini/16m.jpg'>", "Descriere Lunga");

//bd[16] = new Lucrare("<a href='4_2.htm'><img src='imagini/17.jpg' alt='Mareste' width='64' height='64' border='0'></a>", "Titlu", "Descriere scurta", "<img src='imagini/17m.jpg'>", "Descriere Lunga");

//bd[17] = new Lucrare("<a href='4_3.htm'><img src='imagini/18.jpg' alt='Mareste' width='64' height='64' border='0'></a>", "Titlu", "Descriere scurta", "<img src='imagini/18m.jpg'>", "Descriere Lunga");

//bd[18] = new Lucrare("<a href='4_4.htm'><img src='imagini/19.jpg' alt='Mareste' width='64' height='64' border='0'></a>", "Titlu", "Descriere scurta", "<img src='imagini/19m.jpg'>", "Descriere Lunga");

//bd[19] = new Lucrare("<a href='4_5.htm'><img src='imagini/20.jpg' alt='Mareste' width='64' height='64' border='0'></a>", "Titlu", "Descriere scurta", "<img src='imagini/20m.jpg'>", "Descriere Lunga");

//Lista 1
function lista1(){
   for (var i=0; i<bd.length; i++){
     //document.write(i+1);
      bd[i].Afisare();
	if (i==5-1) break; 
   }
}
function afisari1(){
     for (var i=0; i<bd.length; i++){
      if (i==5-1) break; 
   }
     document.write("Afisari:");
     document.write(i+1+ "/" +bd.length);
}
//Lista 2
function lista2(){
   for (var i=5; i<bd.length; i++){
     //document.write(i+1);
      bd[i].Afisare();
	if (i==10-1) break; 
   }
}
function afisari2(){
     for (var i=5; i<bd.length; i++){
      if (i==10-1) break; 
   }
     document.write("Afisari:");
     document.write(i+1+ "/" +bd.length);
}
//Lista 3
function lista3(){
   for (var i=10; i<bd.length; i++){
     //document.write(i+1);
      bd[i].Afisare();
	if (i==15-1) break; 
   }
}
function afisari3(){
     for (var i=10; i<bd.length; i++){
      if (i==15-1) break; 
   }
     document.write("Afisari:");
     document.write(i+1+ "/" +bd.length);
}
//Lista 4
function lista4(){
   for (var i=15; i<bd.length; i++){
     //document.write(i+1);
      bd[i].Afisare();
	if (i==20-1) break; 
   }
}
function afisari4(){
     for (var i=15; i<bd.length; i++){
      if (i==20-1) break; 
   }
     document.write("Afisari:");
     document.write(i+1+ "/" +bd.length);
}
//