/* <![CDATA[ */
window.addEvent('domready', function(){

	var expanded = false;
	
	var solutionsMask = $('sleepsol_droplist_mask');
	var solutionsButton = $('sleepsol_droplist_heading');
	var solutionsDroplist = $('sleepsol_droplist');
	var solutionsLinks = $$('.sleepsol_link');
			
	var showDroplist = new Fx.Styles('sleepsol_droplist', {duration: 300, transition: Fx.Transitions.Sine.easeOut});
		
	/* ******** Initialise Styles ********* */
	solutionsMask.setStyles({
		height:0
	});
	
	solutionsDroplist.setStyles({
		bottom:-500
	});
	
	/* ******** solutions Droplist Activation Button ********* */
	solutionsButton.addEvent('click', function(event) {
		event = new Event(event).stop();
		if (expanded == false) {
			solutionsMask.setStyles({
				height:500
			});
			showDroplist.start({
				'bottom': -10
			});
			expanded = true;
		}
		else {
			showDroplist.start({
				'bottom': -500
			});
			solutionsMask.setStyles({
				height:0
			});
			expanded = false;
		}
	});

	// * Close Droplist
	document.addEvent('click', function(event) {
		event = new Event(event);
		
		if (expanded == true) {
			posx = solutionsDroplist.getPosition().x;
			posy = solutionsDroplist.getPosition().y;
			droplistWidth = 265;
			droplistHeight = solutionsDroplist.getStyle('height');
			
			//alert('Pos x: ' + posx + '\nPos y: ' + posy + '\nWidth: ' + droplistWidth + '\nHeight: ' + droplistHeight);
			
			if (
				((event.page.x < posx) || (event.page.x > (posx + droplistWidth))) ||
				((event.page.y < posy) || (event.page.y > (posy + droplistHeight)))
				) {
				showDroplist.start({
					'bottom': -500
				});
				solutionsMask.setStyles({
					height:0
				});
				expanded = false;
			}
		}
		
	});

});
/* ]]> */