//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//Global JS
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

//Global Document Ready +++++
$(function() {			
	//Preload Images
	preload1 = new Image(); 
	preload1.src="/ui/images/modalbg.png"; 
	preload2 = new Image(); 
	preload2.src="../images/modalclose.jpg"; 
	preload3 = new Image(); 
	preload3.src="../images/title-customerlogin.jpg";
	preload4 = new Image(); 
	preload4.src="../images/inputbg-login.jpg";  
	preload5 = new Image(); 
	preload5.src="../images/title-havingtrouble.jpg"; 
	preload6 = new Image(); 
	preload6.src="../images/inputbg-login-help.jpg"; 
	preload7 = new Image(); 
	preload7.src="../images/modalbg-sessionedit.png"; 
	
//Modals +++++
	$('.modal_login').click(function(e) {
		e.preventDefault();
		$.modal($('#modal-login'), { 
			opacity: (50),
			onShow: function() {
					$("#simplemodal-container").append('<div class="modal-top-left"></div><div class="modal-top-right"></div><div class="modal-bottom-left"></div><div class="modal-bottom-right"></div>');
			}
		});
	});	

//Help content switching on login screen
$('.help').mouseup(function(){
	$('#login-content-default').hide();
	$('#login-content-help').fadeIn('fast');
});
$('.back').mouseup(function(){
	$('#login-content-help').hide();
	$('#login-content-default').fadeIn('fast');		
});	

//All the Click Action for the Buttons (since the :active pseudo class dudn't work in IE7... bodaggits...)
	$("a.edit,a.delete,a.addsession,a.no,a.yes,a.go,a.send,a.help,a.back,a.save,a.close,a.confirm-yes,a.confirm-no,a.addfiles,a.editfiles,a.upload,a.savephoto,a.sessions,a.bigsend").mousedown(function() {
		$(this).css({ backgroundPosition: 'right top'})
		}).mouseout(function() { $(this).css({ backgroundPosition: 'left top'})
		}).mouseup(function() { $(this).css({ backgroundPosition: 'left top'})
	});
	//Using jQuery Live so the -/+ buttons work
	$("a.left,a.right").live("mousedown", function() {
 		$(this).css({ backgroundPosition: 'right top'})
		}).live("mouseout", function() { $(this).css({ backgroundPosition: 'left top'})
		}).live("mouseup", function() { $(this).css({ backgroundPosition: 'left top'})
	});

//Star Button Click Action
	$("a.star-no").mousedown(function() {
		$(this).css({ backgroundPosition: 'left bottom'})
		}).mouseout(function() { $(this).css({ backgroundPosition: 'left top'})
		}).mouseup(function() { $(this).css({ backgroundPosition: 'left top'})
	});
	$("a.star-yes").mousedown(function() {
		$(this).css({ backgroundPosition: 'right bottom'})
		}).mouseout(function() { $(this).css({ backgroundPosition: 'right top'})
		}).mouseup(function() { $(this).css({ backgroundPosition: 'right top'})
	});
});