$(function() {
	$( "#accordion" ).accordion();
	// Datepicker
		$( "#date" ).datepicker({
			dateFormat:'yy M dd',
			minDate: '0d',
			maxDate: '+1m +1w'
		});
	
	//hover states on the static widgets
		$('#dialog_link, ul#icons li').hover(
			function() { $(this).addClass('ui-state-hover'); }, 
			function() { $(this).removeClass('ui-state-hover'); }
		);
	//Login panel
	var logintimer;
	$("div#login").css({ width: '80px', height: '20px', opacity: '0'});
	
	$("div#login").hover(
		function (event) { //over login panel
			clearTimeout(logintimer);
			$("div#login").animate({ width: '200px', height: '200px', opacity: '1'}, 1000);

		},
		function (event) { //mouse out of login panel
			logintimer = setTimeout( function() {
				$("div#login").animate({ width: '80px', height: '20px', opacity: '0'}, 1000);
			}, 5000 );
		}
		);
		
	//Loggedin panel
	
	$("div#loggedin").css({ width: '80px', height: '20px', opacity: '0'});
	
	$("div#loggedin").hover(
		function (event) { //over login panel
			clearTimeout(logintimer);
			$("div#loggedin").animate({ width: '700px', height: '700px', opacity: '1'}, 1000);
			
		},
		function (event) { //mouse out of login panel
			logintimer = setTimeout( function() {
				$("div#loggedin").animate({ width: '80px', height: '20px', opacity: '0'}, 1000);
			}, 6000 );
		}
		);
		$("div#mainContent").click(
			function () { //over login panel
				//clearTimeout(logintimer);
				$("div#loggedin").animate({ width: '80px', height: '20px', opacity: '0'}, 1000);
				$("div#login").animate({ width: '80px', height: '20px', opacity: '0'}, 1000);
			}
		);
//Tiny MCE Content editor init
	
//<!-- TinyMCE -->

	tinyMCE.init({
		// General options
		mode : "textareas",
		theme : "advanced",
		plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",

		// Theme options
		theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
		theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,

		// Example content CSS (should be your site CSS)
		content_css : "css/content.css",

		// Drop lists for link/image/media/template dialogs
		template_external_list_url : "lists/template_list.js",
		external_link_list_url : "lists/link_list.js",
		external_image_list_url : "lists/image_list.js",
		media_external_list_url : "lists/media_list.js",

		// Style formats
		style_formats : [
			{title : 'Bold text', inline : 'b'},
			{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
			{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
			{title : 'Example 1', inline : 'span', classes : 'example1'},
			{title : 'Example 2', inline : 'span', classes : 'example2'},
			{title : 'Table styles'},
			{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
		],

		// Replace values for the template plugin
		template_replace_values : {
			username : "Some User",
			staffid : "991234"
		}
	});
//<!-- /TinyMCE -->

});		

//lightbox picture viewer
$(document).ready(function(){$('a.lightbox').click(function(e) {
	//hide scrollbars
	$('body').css('overflow-y', 'hidden');
	
	$('<div id="overlay"></div>')
	  .css('top', $(document).scrollTop())
	  .css('opacity', '0')
	  .animate({'opacity': '0.5'}, 'slow')
	  .appendTo('body');
	  
	$('<div id="lightbox"></div>')
	  .hide()
	  .appendTo('body');
	$('<img />')
	  .attr('src', $(this).attr('href'))
	  .load(function() {
	    positionLightboxImage();
	  })
	  .click(function() {
	    removeLightbox();
	  })
	  .appendTo('#lightbox');
	  
	return false;
}); } );

function positionLightboxImage () {
	var top = ($(window).height() - $('#lightbox').height()) / 2;
	var left = ($(window).width() - $('#lightbox').width()) / 2;
	$('#lightbox')
		.css({
			'top': top + $(document).scrollTop(),
			'left': left
		})
		.fadeIn();
}

function removeLightbox(){
	$('#overlay, #lightbox')
		.fadeOut('slow', function() {
			$(this).remove();
			$('body').css('overflow-y', 'auto'); //show scrollbars
		});
}