function showNotes(flag) {
  var notesMainDiv = getNotesDIV();
  if (notesMainDiv != null) {
    var visible = notesMainDiv.style.visibility;
  
    if (flag == true) {
      notesMainDiv.style.visibility = "visible";           
    }
    else {
      var divele = document.getElementById("instructionsDiv");
      divele.style.visibility = "hidden";
      divele = document.getElementById("notesDiv");
      divele.style.visibility = "hidden";
  
      notesMainDiv.style.visibility = "hidden";
      focusOnGenus();
    }
  }  
}

function bNotesVisible() {
  var notesMainDiv = getNotesDIV();
  if (notesMainDiv != null) {
    var visible = notesMainDiv.style.visibility;
    return (visible == "visible") ? true : false;
  }
  else {
    return false;
  }
}

function getNotesDIV() {
  return document.getElementById("notesMainDiv");
}

function changeNotesType()
{
	if(getEl("notesType").value == "customer")	clickOnNotesDiv();
	else										clickOnInstructionsDiv();
}

function changeNotesTypeByName(value) {
  if(value == "customer")	{
    getEl("notesType").value = "customer";
    clickOnNotesDiv();
  }
	else {
	  getEl("notesType").value = "order";
  	clickOnInstructionsDiv();
  }
}

function clickOnNotesDiv() {
/*
  var bodyele = document.getElementById("cssinstructions");  
	if (bodyele == null)
	  bodyele = document.getElementById("cssnotes");
  bodyele.id = "cssnotes";
  
  var divele = document.getElementById("instructionsDiv");
  divele.style.visibility = "hidden";
  divele = document.getElementById("notesDiv");
  divele.style.visibility = "visible";
*/

	document.getElementById("notesDiv").style.display = "";
	document.getElementById("instructionsDiv").style.display = "none";

	var textArea = document.getElementById("notesText");
	textArea.focus();  
}

function clickOnInstructionsDiv() {
/*
  var bodyele = document.getElementById("cssnotes");
  if (bodyele == null)
	  bodyele = document.getElementById("cssinstructions");
  bodyele.id = "cssinstructions";
  
  var divele = document.getElementById("notesDiv");
  divele.style.visibility = "hidden";
  divele = document.getElementById("instructionsDiv");
  divele.style.visibility = "visible";  
*/

	document.getElementById("instructionsDiv").style.display = "";
	document.getElementById("notesDiv").style.display = "none";
 
	var textArea = document.getElementById("instructionsText");
	textArea.focus();  
}

function clearText(textId) {
  var textArea = document.getElementById(textId);
	textArea.value = "";
	textArea.focus();
}

function getNotesParameter(itemCode) {
  return "item=" + itemCode + "&notes=" + escape(getEl("notesText").value) +
         "&instructions=" + escape(getEl("instructionsText").value) + "&included=" + getEl("includeTextCheck").checked;
}

function validateNotesCallback(responseStr) {
  //alert(responseStr);
  var toolbar = document.getElementById("labellist");
  var notesMainDiv = getNotesDIV();
  notesMainDiv.innerHTML = responseStr;
  
  updatePopupPos();
  notesMainDiv.style.left = (popupXpos + 265) + "px";
  notesMainDiv.style.top = (popupYpos + getElementY(toolbar)) + "px";
    
  var visible = notesMainDiv.style.visibility;
  if (visible == "hidden") {
    if (bDetailDivVisible()) showDetail(false);  
    if (bPriceListDivVisible()) showPrice(false);
		if (bPreferenceVisible()) showPreference(false);
		if (bLabelTypeVisible()) showLabelType(false);
		if (bImageTypeVisible()) showImageType(false);
		if (bFavouriteDivVisible) showFavourite(false);
		
    showNotes(true);
  }
  var textArea = document.getElementById("instructionsText");
	textArea.focus();
	textArea.select();
}

function validateAddNotesCallback(responseStr) {	
  if (responseStr != "done") {
    alert(responseStr);
  }
  
  showNotes(false);
  //constructParameters("&page=" + getEl("page").value);
  stayInCurrentPage();
}