function open_pic(url, breite, hoehe) {

	zoom=window.open(url,"Detailansicht",'width=' + breite + ',height=' + hoehe + ',scrollbars=no,menubar=no');
	          var x = (screen.width-600)/2;
	          zoom.moveTo(x,10);
	          zoom.focus();
}

function getLayerRef ( /* String */ id, 
                       /* optional HTML-Object */ document) {
  if (!document)
    document = window.document;


  if (document.layers) {
    for (var l = 0; l < document.layers.length; l++)
      if (document.layers[l].id == id)
        return document.layers[l];
    for (var l = 0; l < document.layers.length; l++) {
      var result = getLayerRef(id, document.layers[l].document);
      if (result)
        return result;
    }
    return null;
  } else if (document.all) {
    return document.all[id];
  } else if (document.getElementById) {
    return document.getElementById(id);
  }
}	
	
function setVisibility( /* Layer */ objLayer, 
                        /* boolean */ visible ) {
  if(document.layers){
    objLayer.visibility  = 
        (visible == true) ? 'show' : 'hide';
  } else {
    objLayer.style.visibility = 
        (visible == true) ? 'visible' : 'hidden';
  }
}		
			
function inserNewField()
{
	
	numVal = getRandom(1000000, 9999999);
	var oDiv = document.createElement("DIV");
	oDiv.id = "div" + numVal;
	
	var fieldValues = "<div style='padding: 3px; float: left; width: 120px;'><input type='text' name='RMA_ArtNr[]' style='width: 110px; font-size: 11px'></div>"
		+ "<div style='padding: 3px; float: left; width: 120px'><input type='text' name='RMA_CustArtNr[]' style='width: 110px; font-size: 11px'></div>"
		+ "<div style='padding: 3px; float: left; width: 50px'><input type='text' name='RMA_Qty[]' style='width: 40px; font-size: 11px' value='1'></div>"
		+ "<div style='padding: 3px; float: left; width: 130px'>"
		+ "<select name='RMA_Error1[]' style='font-size: 11px; width: 120px'>"
			+ "<option value=''>--please choose--</option>"
			+ "<option value='0'>DOA</option>"
			+ "<option value='1'>Falscher Artikel</option>"
			+ "<option value='2'>Teilfunktion</option>"
			+ "<option value='3'>Totaler Ausfall</option>"
			+ "<option value='4'>sonstiges</option>"
		+ "</select>"
		+ "</div>"
		+ "<div style='padding: 3px; float: left; width: 220px'><textarea style='width: 210px; height: 30px; font-size: 11px' name='RMA_Error2[]'></textarea></div>"
		+ "<div style='padding: 3px; float: left; width: 130px'>"
		+ "<select name='RMA_wish[]' style='font-size: 11px; width: 120px'>"
			+ "<option value=''>--please choose--</option>"
			+ "<option value='0'>change</option>"
			+ "<option value='1'>credit note</option>"
		+ "</select>"
		+ "</div>"
		+ "<div style=\"float: left; width: 30px\">"
		+ "<input type=\"button\" value=\"-\" style=\"width: 20px\" "
		+ "onclick=\"javascript:removeLayer('div" + numVal + "')\">"
		+ "</div>"
		+ "<div style='clear: both'></div>";
	
	oDiv.innerHTML = fieldValues;
	
	$('rma_prod').appendChild(oDiv);	
	$('rma_prod').setStyle({backgroundColor:'#E7E7E7'});
	$(oDiv.id).setStyle({backgroundColor:'#E7E7E7'});
}

function removeLayer(divID)
{
	$(divID).remove();
}

function getRandom( min, max ) {
	if(min > max) {
		return 0;
	}
	if(min == max) {
		return min;
	}
	return min + parseInt(Math.random() * (max-min+1));
}

function showDetailDiv(id)
{
	$('div' + id).setStyle({visibility: 'visible'});
	$('btnS' + id).setStyle({visibility: 'hidden', width: '0px'});
	$('btnH' + id).setStyle({visibility: 'visible', width: '50px'});
}

function hideDetailDiv(id)
{
	$('div' + id).setStyle({visibility: 'hidden'});
	$('btnS' + id).setStyle({visibility: 'visible', width: '50px'});
	$('btnH' + id).setStyle({visibility: 'hidden', width: '0px'});
}