etat=false;
var nb=0;
var inc_photo = 0;

function popwin(url,name,features){
  window.open(url,name,features);
}

function mkField(f){
	//effacement des rangées
	if(etat==true) {
		// get a reference to an existing object
		obj = document.getElementById("autres_photos");
		// empty this object of its children
		nodelist = obj.childNodes;
		// now loop and remove them all
		c = nodelist.length;	// needed because changes dynamically
		for(i = 0; i < c; i++)	{
			this_node = nodelist[0];	// reference changes dynamically
			removed_node = obj.removeChild(this_node);
		}
		// alternate method
		while(obj.hasChildNodes() == true)	{
			obj.removeChild(obj.childNodes[0]);
		}
		etat=false;
	}
	
	//création des nlles rangées
	var nb_tof = f.addnbphotos.value;
	nb=0;
	for(i=0;i<nb_tof;i++) {
		makeTable();
		etat=true;
	}
	inc_photo=0;
}

function makeTable() { 

  var ourDiv=document.getElementById('autres_photos');
  
  var t=document.createElement('table');  	// - start by creating the table element
  t.setAttribute('id','table_autresphotos');
  
  var tb=document.createElement('tbody');  	// - create a tbody element   
  tb.setAttribute('id','tr_'+nb);
  
  var tr=document.createElement('tr');  	// - now create the tr and td elements  
  var td=document.createElement('td');
  
  var br=document.createElement('br');
    
  
  var span=document.createElement('span');
  if(navigator.appName=="Microsoft Internet Explorer"){span.setAttribute('innerText','Photo '+(inc_photo+1)+' ');} else {span.text='Photo '+(inc_photo+1);}
  td.appendChild(span);
  
  inc_photo++;
  
  // -  next, create a text input designation
  var photo=document.createElement('input');
  photo.setAttribute('id','photo_'+inc_photo);
  photo.setAttribute('type','file');
  photo.setAttribute('name','photo_'+inc_photo);  
  photo.setAttribute('value','');
  photo.setAttribute('size','46');
  photo.setAttribute('class','form');
  
  var span2=document.createElement('span');
  if(navigator.appName=="Microsoft Internet Explorer"){span2.setAttribute('innerText','Photo '+(inc_photo)+' (mini) ');} else {span2.text='Photo '+(inc_photo);}
  
  
   var photomini=document.createElement('input');
  photomini.setAttribute('id','photo_'+inc_photo+'_mini');
  photomini.setAttribute('type','file');
  photomini.setAttribute('name','photo_'+inc_photo+'_mini');  
  photomini.setAttribute('value','');
  photomini.setAttribute('size','39');
  photomini.setAttribute('class','form');
  
  // - Now start building the table.  It's like filling a big container with successively smaller ones, just in reverse
  td.appendChild(photo);
  td.appendChild(br);
  td.appendChild(span2);
  td.appendChild(photomini);
  tr.appendChild(td); 						// - put the cell into the row
  tb.appendChild(tr); 						// - put the row into the tbody
  t.appendChild(tb);						// - put the tbody into the table
  ourDiv.appendChild(t); 					// - put the table into the div  
  nb++;
}

function emptyDiv(f) {

	var field_nbphotos=document.getElementById('addnbphotos');
	field_nbphotos.setAttribute('value','0');
	mkField(f);
}

function VoirImageGrande(ImageGrande, LargeurImage, HauteurImage){
	
	FenetreVoir = window.open("","FenetreVoir","width="+LargeurImage+", height="+HauteurImage+", menubar=no, scrollbars=no");
	FenetreVoir.document.open("text/html");
	FenetreVoir.document.write("<html>\n");
	FenetreVoir.document.write("<head>\n");
	FenetreVoir.document.write("	<title>Galerie</title>\n");
	FenetreVoir.document.write("</head>\n");
	FenetreVoir.document.write("<body leftmargin=0 topmargin=0>\n");
	FenetreVoir.document.write("<a href=# OnClick=\"window.close();\">\n");
	FenetreVoir.document.write("<img border=0 src="+ImageGrande+" width=\""+LargeurImage+"\" height=\""+HauteurImage+"\" alt=\"Cliquez pour fermer\"\">\n");
	FenetreVoir.document.write("</a>");
	FenetreVoir.document.write("</body>\n");
	FenetreVoir.document.write("</html>\n");
	FenetreVoir.document.close();
}

function confirmdel(){if(confirm("Etes vous sûr de vouloir supprimer cette donnée ?")){return true;}else{return false;}}

function setPointer(theRow, theRowNum, theAction, theDefaultColor, thePointerColor, theMarkColor)
{
    var theCells = null;

    // 1. Pointer and mark feature are disabled or the browser can't get the
    //    row -> exits
    if ((thePointerColor == '' && theMarkColor == '')
        || typeof(theRow.style) == 'undefined') {
        return false;
    }

    // 2. Gets the current row and exits if the browser can't get it
    if (typeof(document.getElementsByTagName) != 'undefined') {
        theCells = theRow.getElementsByTagName('td');
    }
    else if (typeof(theRow.cells) != 'undefined') {
        theCells = theRow.cells;
    }
    else {
        return false;
    }

    // 3. Gets the current color...
    var rowCellsCnt  = theCells.length;
    var domDetect    = null;
    var currentColor = null;
    var newColor     = null;
    // 3.1 ... with DOM compatible browsers except Opera that does not return
    //         valid values with "getAttribute"
    if (typeof(window.opera) == 'undefined'
        && typeof(theCells[0].getAttribute) != 'undefined') {
        currentColor = theCells[0].getAttribute('bgcolor');
        domDetect    = true;
    }
    // 3.2 ... with other browsers
    else {
        currentColor = theCells[0].style.backgroundColor;
        domDetect    = false;
    } // end 3

    // 3.3 ... Opera changes colors set via HTML to rgb(r,g,b) format so fix it
    if (currentColor.indexOf("rgb") >= 0)
    {
        var rgbStr = currentColor.slice(currentColor.indexOf('(') + 1,
                                     currentColor.indexOf(')'));
        var rgbValues = rgbStr.split(",");
        currentColor = "#";
        var hexChars = "0123456789ABCDEF";
        for (var i = 0; i < 3; i++)
        {
            var v = rgbValues[i].valueOf();
            currentColor += hexChars.charAt(v/16) + hexChars.charAt(v%16);
        }
    }

    // 4. Defines the new color
    // 4.1 Current color is the default one
    if (currentColor == ''
        || currentColor.toLowerCase() == theDefaultColor.toLowerCase()) {
        if (theAction == 'over' && thePointerColor != '') {
            newColor              = thePointerColor;
        }
        else if (theAction == 'click' && theMarkColor != '') {
            newColor              = theMarkColor;
            marked_row[theRowNum] = true;
            // Garvin: deactivated onclick marking of the checkbox because it's also executed
            // when an action (like edit/delete) on a single item is performed. Then the checkbox
            // would get deactived, even though we need it activated. Maybe there is a way
            // to detect if the row was clicked, and not an item therein...
            // document.getElementById('id_rows_to_delete' + theRowNum).checked = true;
        }
    }
    // 4.1.2 Current color is the pointer one
    else if (currentColor.toLowerCase() == thePointerColor.toLowerCase()
             && (typeof(marked_row[theRowNum]) == 'undefined' || !marked_row[theRowNum])) {
        if (theAction == 'out') {
            newColor              = theDefaultColor;
        }
        else if (theAction == 'click' && theMarkColor != '') {
            newColor              = theMarkColor;
            marked_row[theRowNum] = true;
            // document.getElementById('id_rows_to_delete' + theRowNum).checked = true;
        }
    }
    // 4.1.3 Current color is the marker one
    else if (currentColor.toLowerCase() == theMarkColor.toLowerCase()) {
        if (theAction == 'click') {
            newColor              = (thePointerColor != '')
                                  ? thePointerColor
                                  : theDefaultColor;
            marked_row[theRowNum] = (typeof(marked_row[theRowNum]) == 'undefined' || !marked_row[theRowNum])
                                  ? true
                                  : null;
            // document.getElementById('id_rows_to_delete' + theRowNum).checked = false;
        }
    } // end 4

    // 5. Sets the new color...
    if (newColor) {
        var c = null;
        // 5.1 ... with DOM compatible browsers except Opera
        if (domDetect) {
            for (c = 0; c < rowCellsCnt; c++) {
                theCells[c].setAttribute('bgcolor', newColor, 0);
            } // end for
        }
        // 5.2 ... with other browsers
        else {
            for (c = 0; c < rowCellsCnt; c++) {
                theCells[c].style.backgroundColor = newColor;
            }
        }
    } // end 5

    return true;
} // end of the 'setPointer()' function
