// JavaScript Document
$(document).ready(function() {	
	$('#txtFilter').focus(function() {
	  if (this.value === 'Start Searching ...')  
		this.value = '';  
	  else 
		this.select();
	 
	  $('#search-bar div.fancy-panel').fadeIn('fast');
	  $('#search-bar div.arrow').removeClass('arrow-up')
	  $('#search-bar div.arrow').addClass('arrow-down')
	
	});
	
	$('#txtFilter').click(function() {
	  $('#search-bar div.fancy-panel').fadeIn('fast');
	  $('#search-bar div.arrow').removeClass('arrow-up')
	  $('#search-bar div.arrow').addClass('arrow-down')
	
	});
	
	$('#search-bar form div:first').mouseleave(function() {            
		$('#search-bar div.fancy-panel').fadeOut('fast');
		$('#search-bar div.arrow').removeClass('arrow-down')
	  $('#search-bar div.arrow').addClass('arrow-up')
	});
	
	$('#txtFilter').blur(function() {
	  if ($.trim(this.value) === ''){  
		this.value = (this.defaultValue ? this.defaultValue : '');  
	  }
	});

	$('#all-fields').click(function(){
		if ($(this).is(':checked')){
			$('input[name=searchField]').attr('checked', true);
			$('input[name=searchField]').attr('disabled', true);
		} else {
			$('input[name=searchField]').attr('checked', false);
			$('input[name=searchField]').attr('disabled', false);
		}
	});
});

function displayDialog(dialogTitle, dialogMessage, dialogIconClass){
	$("#dialog").attr({title: dialogTitle});
	$("#dialog-message").html(dialogMessage);
	$("#dialog-icon").addClass(dialogIconClass);

	$("#dialog").dialog({
		bgiframe: true,
		modal: true,
		autoOpen: false,
		buttons: {
			Ok: function() {
				$(this).dialog('close');
			}
		}
	});	
	$("#dialog").dialog( 'open' );
}

function validateSearchForm(){
	var res = true;
	var lookAfter = $('#txtFilter').val();
	
	if (lookAfter == null || lookAfter.length < 3 || lookAfter == 'Start Searching ...') res = false;    
	if (res) return true;
	
	// else ... show msg
	displayDialog("Ooops, please check the following ...", "Please specify at least 3 characters to search and try again!", "ui-icon-alert");
	return false;	
}

function openShadowBUrl(url){
	$("#search-bar").hide();
	Shadowbox.open({
		content:    url,
		player:     "iframe",
		title:      "Helpdesk - Search Tickets",
		options: {
			onClose: onAfterShadowBClose
		}
	});	
}

function onAfterShadowBClose(el){
	$("#search-bar").show();
}