// SET FLASH MESSAGE SLIDER
var mySlide = new Fx.Slide('flashMessage', {duration: 300});

// HIDE MESSAGE THEN CHANGE DISPLAY
mySlide.hide();
$('flashMessageContainer').setStyles({'display' : 'block'});

// GET WINDOW WIDTH
var windowWidth = window.getWidth();

// CSS WIDTH
$('flashMessageContainer').setStyles({'width' : 700});
		
// CSS LEFT	
$('flashMessageContainer').setStyles({'left' : (windowWidth - 700) / 2});

// CSS TOP	
$('flashMessageContainer').setStyles({'top' : 0});	

window.addEvent('domready', function(){		
	
	(function(){
    	showFlashMessage();
    }).delay(500, this);		
	
}); 

function showFlashMessage() {
	
	if ($('flashMessage').className != "") {
		
		mySlide.slideIn();
		
		(function(){
	    	mySlide.slideOut();
	    }).delay(3000, this);
	    		
	}
	
}

function setFlashMessage( strMessage, strClass ) {
	
	// GET DIV
	domFlashMessage = $('flashMessage');
	
	// SET MESSAGE
	domFlashMessage.innerHTML = strMessage;
	
	// REMOVE ANY CLASSES
	if (domFlashMessage.hasClass('flashMessage-SUCCESS')) domFlashMessage.removeClass('flashMessage-SUCCESS');
	if (domFlashMessage.hasClass('flashMessage-NEUTRAL')) domFlashMessage.removeClass('flashMessage-NEUTRAL');
	if (domFlashMessage.hasClass('flashMessage-FAILURE')) domFlashMessage.removeClass('flashMessage-FAILURE');
	
	// SET CLASS
	domFlashMessage.addClass(strClass);
	
}