$(document).ready(function(){
	/*
	  ------------------------------------------------------
	  | Browser-Specific Stylesheets
	  ------------------------------------------------------
	*/
	
	load_browser_stylesheets();
		
	/*
	  ------------------------------------------------------
	  | JQuery UI
	  ------------------------------------------------------
	*/
	$('button, .button, input[type="submit"]').button();
	$('.delete_btn').button({
		icons:{
			primary:'ui-icon-trash'
		}
	});
	$('.edit_btn').button({
		icons:{
			primary:'ui-icon-document'
		}
	});
	$('.add_btn').button({
		icons:{
			primary:'ui-icon-circle-plus'
		}
	});
	$('.search_btn').button({
		icons:{
			primary:'ui-icon-search'
		},
		text: false
	});	
	$('.cancel_btn').button({
		icons:{
			primary:'ui-icon-close'
		}
	});	
	$('.datepicker').datepicker();
	$('.dialog').dialog({ autoOpen:false, modal:true });
	
	/*
	  ------------------------------------------------------
	  | Form Effects
	  ------------------------------------------------------
	*/
	$('input').not('#search_bar input').focus(function(){
		$(this).addClass('input_focus');
	});
	$('input').blur(function(){
		$(this).removeClass('input_focus');
	});
	
	/*
	  ------------------------------------------------------
	  | Login Dialog
	  ------------------------------------------------------
	*/
	$('a.login').click(function(){
		$('#login_dialog').dialog('open');			
		return false;
	});
	
	/*
	  ------------------------------------------------------
	  | Contact Dialog
	  ------------------------------------------------------
	*/
	$('a.contact').click(function(){
		$('#contact_dialog').dialog('open');			
		return false;
	});
});

function load_browser_stylesheets()
{
	//load chrome.css only for chrome browsers
	if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1)
	{
	     var chromeCss = document.createElement("link");	
	     chromeCss.rel = "stylesheet";
	     chromeCss.href = "/css/chrome.css";	
	     document.getElementsByTagName("head")[0].appendChild(chromeCss);
	}
}

function fill_if_empty(selector)
{
	if(selector.html().length == 0)
	{
		selector.html('<span class="empty">No Results</span>');
	}
	else alert(selector.html());
}