/*
 * Function for Custome Validation Example
 * 
 */
function customeValidation(form, errors) {

	// List for errors
	var list = $('#formerrors');

	// Handle non field errors
	if (errors.errors) {
		$.each(errors.errors, function(index, value) {
			list.append('<li>' + value + '</li>\n');
		});
	}

	// Handle field errors
	if (errors.fieldErrors) {
		$.each(errors.fieldErrors, function(index, value) {
			var elem = $('#' + index + 'Error');
			if (elem) {
				elem.html(value[0]);
				elem.addClass('errorLabel');
			}
		});
	}
}

$(document).ready(function() {

	/*
	 * Subscribe Topics for AJAX Link Event Example
	 */
	$.subscribe('beforeLink', function(event, data) {
		alert('Before request ');
		$('#result').html('Loading ...');
	});
	$.subscribe('completeLink', function(event, data) {
		$('#result').append('<br/><br/><strong>Completed request ' + event.originalEvent.request.statusText + ' completed with ' + event.originalEvent.status + '.</strong><br/>Status: ' + event.originalEvent.request.status);
	});
	$.subscribe('errorStateLink', function(event, data) {
		$('#result').html('<br/><br/><strong>Error request ' + event.originalEvent.request.statusText + ' completed with ' + event.originalEvent.status + '.</strong><br/>Status: ' + event.originalEvent.request.status);
	});

	/*
	 * Subscribe Topics for AJAX Div Event Example
	 */
	$.subscribe('beforeDiv', function(event, data) {
		alert('Before request ');
	});
	$.subscribe('completeDiv', function(event, data) {
		if (event.originalEvent.status == "success") {
			$('#resultnormal').append('<br/><br/><strong>Completed request ' + event.originalEvent.request.statusText + ' completed with ' + event.originalEvent.status + '.</strong><br/>Status: ' + event.originalEvent.request.status);
		}
	});
	$.subscribe('errorDiv', function(event, data) {
		$('#resulterror').html('<br/><br/><strong>Error request ' + event.originalEvent.request.statusText + ' completed with ' + event.originalEvent.status + '.</strong><br/>Status: ' + event.originalEvent.request.status);
	});

	/*
	 * Subscribe Topics for AJAX Form Event Example
	 */
	$.subscribe('beforeForm', function(event, data) {
		var fData = event.originalEvent.formData;
		alert('About to submit: \n\n' + fData[0].value + ' to target ' + event.originalEvent.options.target + ' with timeout ' + event.originalEvent.options.timeout);
		var form = event.originalEvent.form[0];
		if (form.echo.value.length < 2) {
			alert('Please enter a value with min 2 characters');
			event.originalEvent.options.submit = false;
		}
	});
	$.subscribe('completeForm', function(event, data) {
		alert('status: ' + event.originalEvent.status + '\n\nresponseText: \n' + event.originalEvent.request.responseText + '\n\nThe output div should have already been updated with the responseText.');
	});
	$.subscribe('errorStateForm', function(event, data) {
		alert('status: ' + event.originalEvent.status + '\n\nrequest status: ' + event.originalEvent.request.status);
	});

	/*
	 * Subscribe Topics for Dialog Event Example
	 */
	$.subscribe('dialogopentopic', function(event, ui) {
		alert('run topic on dialog open');
	});
	$.subscribe('dialogclosetopic', function(event, ui) {
		alert('run topic on dialog close');
	});
	$.subscribe('dialogbeforeclosetopic', function(event, ui) {
		alert('run topic befor dialog close');
	});

	/*
	 * Subscribe Topics for Grid Loadonce Example
	 */
	$.subscribe('showloadcolumns', function(event, data) {
		$("#gridloadtable").jqGrid('setColumns', {});
	});

	/*
	 * Subscribe Topics for GridEdit Event Example
	 */
	$.subscribe('rowselect', function(event, data) {
		$("#gridinfo").html('<p>Edit Mode for Row : ' + event.originalEvent.id + '</p>');
	});
	$.subscribe('rowadd', function(event, data) {
		$("#gridedittable").jqGrid('editGridRow', "new", {
			height : 280,
			reloadAfterSubmit : false
		});
	});
	$.subscribe('searchgrid', function(event, data) {
		$("#gridedittable").jqGrid('searchGrid', {
			sopt : [ 'cn', 'bw', 'eq', 'ne', 'lt', 'gt', 'ew' ]
		});
	});
	$.subscribe('showcolumns', function(event, data) {
		$("#gridedittable").jqGrid('setColumns', {});
	});

	/*
	 * Subscribe Topics for Grid Multiselect Example
	 */
	$.subscribe('getselectedids', function(event, data) {
		var s;
		s = $("#gridmultitable").jqGrid('getGridParam', 'selarrrow');
		alert('Selected Rows : ' + s);
	});

	/*
	 * Subscribe Topics for Progressbar Change Example
	 */
	$.subscribe('progressbarchangetopic', function(event, data) {
		alert('value changed to : ' + $("#progressbarchange").progressbar('option', 'value'));
	});
	$.subscribe('progressbarclicktopic', function(event, data) {
		$("#progressbarchange").progressbar('value', parseInt((Math.random() * (90)), 10));
	});

	/*
	 * Subscribe Topics for Slider Range Example
	 */
	$.subscribe('sliderStop', function(event, data) {
		alert('Slider stop with value : ' + event.originalEvent.ui.value);
	});

	/*
	 * Subscribe Topics for Remote Tabs Example
	 */
	$.subscribe('tabchange', function(event, data) {

		var tab = event.originalEvent.ui.index;
		$('#changepanel').html('Change to Tab <strong>' + tab + '.</strong>');
		$('#infopanel').html('');
		if (tab == 2) {
			$('#remotetabs').tabs('enable', 3);
		} else if (tab == 3) {
			$('#remotetabs').tabs('enable', 4);
		}
	});
	$.subscribe('tabcomplete', function(event, ui) {
		$('#infopanel').html('<strong>Completed request with Status ' + event.originalEvent.status + '.</strong><br/>Status: ' + event.originalEvent.request.status);
	});

	/*
	 * Remove Error Labels when Validation Forms are successfully
	 */
	$.subscribe('removeErrors', function(event, data) {
		$('.errorLabel').html('').removeClass('errorLabel');
		$('#formerrors').html('');
	});

	/*
	 * Topic for Remote Link with JSON Result.
	 */
	$.subscribe('handleJsonResult', function(event, data) {
		$('#result').html("<ul id='languagesList'></ul>");
		var list = $('#languagesList');
		$.each(event.originalEvent.data, function(index, value) {
			list.append('<li>' + value + '</li>\n');
		});
	});
	
	/*
	 * Hide the target after action is complete.
	 */
	$.subscribe('hideTarget', function(event, data) {
				$('#'+event.originalEvent.targets).delay(2000).hide("blind", 2500);
	});

	/*
	 * Topic for Drag and Drop Example.
	 */
	$.subscribe('ondrop', function(event,data) {
    $(event.originalEvent.ui.droppable).addClass('ui-state-highlight').find('p').html($(event.originalEvent.ui.draggable).attr('id')+' dropped!');
    $(event.originalEvent.ui.draggable).find('p').html('I was dragged!');
	});

	/*
	 * Topic for Reload Div Examples.
	 */
  var refreshDiv1 = 0;
	var refreshDiv2 = 0;
	var refreshDiv3 = 0;
	var refreshList = 0;

	$.subscribe('refreshlist', function(event, data) {
		$.publish('reloadlist');
	});
	$.subscribe('refreshdiv', function(event, data) {
		$.publish('reloaddiv1');
	});
	$.subscribe('completediv1', function(event, data) {
		if (event.originalEvent.status == "success") {
			$('#counter1').html(++refreshDiv1);
		}
	});
	$.subscribe('completediv2', function(event, data) {
		if (event.originalEvent.status == "success") {
			$('#counter2').html(++refreshDiv2);
			setTimeout( function() {
				$.publish('reloaddiv2');
			}, 10000);
		}
	});
	$.subscribe('completediv3', function(event, data) {
		if (event.originalEvent.status == "success") {
			$('#counter4').html(++refreshDiv3);
			setTimeout( function() {
				$.publish('reloaddiv3');
			}, 15000);
		}
	});
	$.subscribe('completelist', function(event, data) {
		if (event.originalEvent.status == "success") {
			$('#counter3').html(++refreshList);
		}
	});

  $.subscribe('autocompleteChange', function(event, data) {
  	var ui = event.originalEvent.ui;
		$('#topics').html('<b>'+ui.item.value+'</b>');
	});

  $.subscribe('autocompleteFocus', function(event, data) {
  	var ui = event.originalEvent.ui;
		$('#topics').html('<u>'+ui.item.value+'</u>');
	});

  $.subscribe('autocompleteSelect', function(event, data) {
  	var ui = event.originalEvent.ui;
		$('#topics').html('<i>'+ui.item.value+'</i>');
	});

	/*
	 * Menu Highlight
	 */
	$('div.ui-widget-header > ul > li').click(function() {
		$('div.ui-widget-header > ul > li').removeClass('ui-state-active');
		$(this).addClass('ui-state-active');
	}, function() {
	});
	$('div.ui-widget-header > ul > li').hover(function() {
		$(this).addClass('ui-state-hover');
	}, function() {
		$(this).removeClass('ui-state-hover');
	});
});