bToolbarClicked = false;
var oDP = [];
window.addEvent("domready", function()
{
  initDatePickers();

	//Initialize Tooltips
	var oTips = new Acsi_Tips($$('.tipper'),{
		showDelay: 300,			// Delay for 300 milliseconds
		sTitleTextSeperator: '::'
	});

	//Show confirmation dialog if user tries to exit edit mode without saving
	if ($('mode') && ( $('mode').value == 'edit' || $('mode').value == 'new'))
	{
		//Don't show confirmation box for F5 and toolbar links
		document.addEvent('keydown', function(e){
			e = new Event(e);
			if (e.key == 'f5') bToolbarClicked = true;
		});

		$$('.toolbar').getElements('a').each(function(oLink) {
			oLink.addEvent('click', function() {
				bToolbarClicked = true;
			});
		});

		//window.onbeforeunload = confirmSave;
	}
});

function initDatePickers()
{
	// Initialize mootools datepicker
  $$('input.DatePicker').each( function(el)
  {
		oDP[el.name] = new DatePicker(el, {
			iconSep: true,
			bManualInput : true,
			bYearInput : true,
            yearStart: new Date().getFullYear() - 10,
            yearRange: 20,
			onDateClick: function()
			{
				if (this.oInput.get('id').contains('bdat'))
				{
					oArrivalDate = this.getSelectedDate();
					oEndDatePicker = oDP[this.oInput.get('id').replace('bdat', 'edat')];
					if ($chk(oEndDatePicker) && oEndDatePicker.oInput.get('value').length == 0)
					{
						var oDate2 = new Date(oArrivalDate.getFullYear(), oArrivalDate.getMonth(), oArrivalDate.getDate()+7);
						oEndDatePicker.setSelectedDate(oDate2);
					}
				}
			}
		});
	});
}

function showHideElement(tbShow, tsElement)
{
	if (tbShow == true)
	{
		var sShow = (document.all || $(tsElement).get('tag') != "tr") ? 'block' : 'table-row';
		$(tsElement).setStyle('display', sShow);
	}
	else
	{
		$(tsElement).setStyle('display', 'none');
	}
}

function confirmAction(sDelUrl, sDescription, sAction)
{
	var sMessage = 'Are you certain you want to delete <~sValue~>?';
	sMessage = sMessage.replace(/<~sValue~>/,sDescription);

	if (confirm(sMessage))
	{
    location.href = sDelUrl;
  }
  else
		return false;
}

function isNumeric(sString)
//  check for valid numeric strings
{
  var sValidChars = "0123456789.-";
  var sChar;
  var bResult = true;

  if (sString.length == 0) return false;

  //  test strString consists of valid characters listed above
  for (i = 0; i < sString.length && bResult == true; i++)
     {
     sChar = sString.charAt(i);
     if (sValidChars.indexOf(sChar) == -1)
        {
        bResult = false;
        }
     }
  return bResult;
}

function showFormError(toObject, tsErrorType)
{
	var oObject = $(toObject);

	if (tsErrorType == 'field')
	{
		oObject.addClass('error');
		oObject.focus();
	}
	if (tsErrorType == 'row')
	{
		oObject.addClass('error');
		oObject.getElements('td').each(function(oCol) {
			oCol.addClass('error');
		});
	}
}

function resetFormErrors()
{
	var aErrorFields = $$('.error');

	aErrorFields.each(function(oErrorField, i) {
		oErrorField.removeClass('error');
	})
}

function objectselect(tlCheckSelect)
{
	var liObID = document.frmobject.iObjectID.value;
	var liPos	 = -1;

	if (liObID == "")
		liObID = -1

	if (liObID < 0 && tlCheckSelect)
	{
		alert('Select a camping pitch or rental property') //Selecteer een object!
	}
	else
	{
   	document.forms["frmobject"].submit();
	}
}

function checkAll(oElement, sSubset)
{
	$$('input[name^='+sSubset+']').each(function(oCheckbox) {
		oCheckbox.checked = oElement.checked;
		oCheckbox.addEvent('click', function() {
			oElement.checked = false;
		});
	});
}

function confirmSave()
{
	if (!bToolbarClicked) //Opslaan button niet aangeklikt
	{
		if (confirm('Do you want to save the changes to this page? \n\nClick on OK to save and continue or click on Cancel to continue without saving.'))
		{
			$('mode').value = 'save';
			document.forms['datagrid'].elements['submit'].click();
			return;
		}
	}
}
function move(tiChange,toList,toHiddenfield)
{
  var iSelected  = toList.selectedIndex;
  var iTotal 		 = toList.options.length-1;
  var strHidden  = "";
  var aItems 		 = new Array;
  var aValues		 = new Array;
  var aClassName = new Array;

  if (iSelected == -1)
    return false;

  if (tiChange == +1 && iSelected == iTotal)
    return false;

  if (tiChange == -1 && iSelected == 0)
    return false;

  for (i = 0; i < (iTotal+1); i++)
  {
    aItems[i] 		= toList.options[i].text;
    aValues[i] 		= toList.options[i].value;
    aClassName[i] = toList.options[i].className;
  }
  //strHidden = '';
  for (i = 0; i < (iTotal+1); i++)
  {
    if (iSelected == i)
    {
      var y = i + tiChange

      toList.options[y] = new Option(aItems[i], aValues[i], 0, 1);
      toList.options[y].style.backgroundColor = getBgColor(y);

      toList.options[i] = new Option(aItems[y], aValues[y]);
      toList.options[i].style.backgroundColor = getBgColor(i);
      i++;
    }
    else
    {
      toList.options[i] = new Option(aItems[i], aValues[i]);
      toList.options[i].style.backgroundColor = getBgColor(i);
    }
  }
  for (i=0;i<toList.options.length;i++)
  {
    if (i != 0)
      strHidden += ';';
    strHidden += toList.options[i].value;
  }
  toHiddenfield.value = strHidden;
  toList.focus();
}

function getBgColor(tiIndex)
{
  if (tiIndex % 2)
    return "#FFFFFF";
  else
    return "#FAF3BA";
}

function copyRow(sRowID)
{
	oOrgRow = $(sRowID);

	//find Table Element
	oEl = oOrgRow
	while (oEl.nodeName != 'TABLE')
	{
		oEl = oEl.getParent();
	}
	oTable = oEl;

	if ($('iRowCount'))
		oRowCount = $('iRowCount');
	else
		oRowCount = new Element('input', {'type': 'hidden', 'id' : 'iRowCount', 'value' : '1'}).injectAfter(oTable);

	iRowCounter = oRowCount.value;

	//Copy row to new row
	oNewRow = oOrgRow.clone().injectAfter(oOrgRow);

	//Change names to unique names (increment rowcounter)
	oNewRow.getElements('input').each(function(oInput) {
		sOldInputName = oInput.name;
		oInput.name = oInput.name.replace(/(\d+)/, iRowCounter);
		oInput.id = oInput.id.replace(/(\d+)/, iRowCounter);
		//Rebind DatePickers
		if (oInput.hasClass('DatePicker'))
		{
			if (oInput.getNext().get('tag') == 'img') { oInput.getNext().dispose(); } //remove old datepicker icon
			oDP[oInput.name] = new DatePicker(oInput, oDP[sOldInputName].getOptions()); //create new datepicker instance
		}
	});

	//Delete plus image from first column
	var i = 0;
	oNewRow.getElements('td').each(function(oCol) {
		if (i == 0)
			oCol.set('html','&nbsp;');
		iTestInt = parseInt(oCol.get('text'), 10);
		if (!isNaN(iTestInt))
			oCol.set('html','0');
		i++;
	});

	iTabIndex = 0;
	oTable.getElements('input').each(function(oInput) {
		if (oInput.get('tabindex') >= 0)
			oInput.set('tabindex', iTabIndex++);
	});
	iRowCounter++;

	oRowCount.value = iRowCounter;
	bToolbarClicked = true; //Save confirmation niet tonen
}