/*
 * Some DHTML JavaScript to show a contextual help div
 * using the wz_tooltip library from
 */

function toggleElement(id) 
{
	// store the current display setting of the element
	var display = document.getElementById(id).style.display;
	
	// check wether the element should be displayed or hidden
	if (display == 'none')
	{
		document.getElementById(id).style.display = 'block';
	}	
	else
	{
		document.getElementById(id).style.display = 'none';
	}
}

/**
 * reregisterDraggables takes an array of class names and registers all elements with this class as draggable
 * 
 */
  function reregisterDraggables(classNames) {
  	for (var elIndex = 0; elIndex < classNames.length; elIndex++) {
	  	drags = document.getElementsByClassName(classNames[elIndex]);
	  	for (var i = 0; i < drags.length; i++){
	  		new Draggable(drags[i].id, {ghosting: true, revert: true});
	  	}
  	}
  }
  
/**
 * checkAllByClass checks all checkbox elements with the given class
 */
function checkAllByClass(classname) {
	if (classname.indexOf('.') != 0){
		classname = '.'+classname;
	}
	checkElements = $$(classname);
  	for (var i = 0; i < checkElements.length; i++){
		el = checkElements[i];
		if (el.type == 'checkbox') {
			if (el.checked){
				el.checked = false;
			} else {
				el.checked = true;
			}
		}
	}
}
/**
 * clickHandler: checks all checkboxes in the row of the clicked checkbox
 * if clicked box is checked then check all in the row, else uncheck all.
 * @return
 */
function checkTableRow(e) {
	var source = $(e);
	var chckd = e.checked;
	
	var ancestors = source.ancestors();
	var row = ancestors.findAll(
			function(el){
				return el.tagName.toLowerCase() == 'tr';
			}
	);
	var checkboxes = $(row[0]).select('input[type="checkbox"]');
	checkboxes.each(function(el){ el.checked = chckd});
	
}

var LinkDispatcher = {
	dispatch : function(event, passThroughCond, confirmMsg, xhttpurl, formName, executeAfterSuccess) {
	var source = Event.element(event);
	if ("A" != source.nodeName) {
		element = Event.findElement(event, 'A');
	} else {
		element = source;
	}	

	//default action that is executed after saving the abstract: follow the link
	if (undefined === executeAfterSuccess)
	{
		executeAfterSuccess = "document.location.href = element.href;";
	}
	if ('printPopup' == element.getAttribute('rel'))
	{
		executeAfterSuccess = 'printPopupHandler(element.href, true)';	
		
	}
	
	if (eval(passThroughCond)) {
		eval (executeAfterSuccess);
		return true;
	}
		// get confirmation
		var doSave = confirm(confirmMsg);
		
		// yes send XMLHTTPReq and wait for answer
		if (true == doSave) {
		var req = new Ajax.Request(
			xhttpurl,
			{
				method: 'post',
								
				onSuccess: function(transport) {
  					eval(executeAfterSuccess);
  					Abstract.changed = false;
				},
				onError: function (transport) {
					alert ('Error: '+transport);
				},
				onComplete : function(transport) {
					return false;
				},
				
				postBody: Form.serialize($(formName))
  			});
			Event.stop(event);
		} else {	// no redirect
			return true;
		}
	}
}

// handler for print popup
function printPopupHandler(href, force) {
	if (force || Abstract.changed == false || Abstract.changed == undefined)
	{
		var w=window.open(href,'print_preview','width=800,height=800,left=320,top=0,resizable=yes,scrollbars,yes');w.focus();
	}
	return false;
}
  	
// apply dispatch handler to links
function applyDispatchHandler(passThrougCond, confirmMsg, xhttpurl, formName) {
	var links = document.getElementsByTagName('a');
	for (var i = 0; i < links.length; i++) {
		var link = links[i];			
		// apply only to real links and not light box links
		var relAttribute = String(link.getAttribute('rel'));
		
		if (!(
				relAttribute.toLowerCase().match('lightbox') || 
				relAttribute.toLowerCase().match('specialchar') ||
				relAttribute.toLowerCase().match('nosave') ||
				relAttribute.toLowerCase().match('toggleelement')
			) 
		) {
			// check for existing onclickHandlers 
			Event.observe(link, 'click', LinkDispatcher.dispatch.bindAsEventListener(LinkDispatcher, passThrougCond, confirmMsg, xhttpurl, formName));
		}	
	}
}

/**
 * display loading indicator displays a loading indicator on top of an element
 * so that the element below can not be clicked, defaults to body
 */
var LoadingIndicator = Class.create({
	element: null,
	visibility: false,
	text: '',
	
	initialize2: function (el, visibility, text) {
		this.element = $(el);
		this.visibility = visibility;
		this.text = text;
		this.build();
	},
	
	build : function () {
	
	},
	
	show : function () {
		$('page-spinner').setStyle({ display: 'block', width: document.viewport.getWidth() +'px', height: document.viewport.getHeight() +'px'})
		$('page-spinner').setOpacity(0.5);		
	},
	
	hide : function () {
		$('page-spinner').hide();
	}
});

function updateJSON(request, myjson){
	
	var responses = myjson;
	if (!myjson){
	  //if you don't use the json tips then evaluate the renderedText instead
	  //var responses = eval('(' + request.responseText + ')');
	  if (request.responseText != '') {var responses = JSON.parse(request.responseText);} else {var responses = null;}
	}
	var elId;
    for (elId in responses)
    {
      Element.update(elId, responses[elId]);
    }
}