$(document).ready(function () {
	SexyLightbox.initialize({color:'white', imagesdir:'/images/sexyimages'});
	// find the elements to be eased and hook the hover event
	$('div.loginMenu ul li a').hover(function() {
		// if the element is currently being animated (to a easeOut)...
		if ($(this).is(':animated')) {
			$(this).stop().animate({width:'310px'}, {duration: 450, easing:'easeOutQuad'});
		} else {
			// ease in quickly
			$(this).stop().animate({width:'310px'}, {duration: 400, easing:'easeOutQuad'});
		}
	}, function () {
		// on hovering out, ease the element out
		if ($(this).is(':animated')) {
			$(this).stop().animate({width:'78px'}, {duration: 400, easing:'easeInOutQuad'})
		} else {
			// ease out slowly
			$(this).stop('animated:').animate({width: '78px'}, {duration: 450, easing:'easeInOutQuad'});
		}
	});
});