function slidingMenu() {
	var el = $('show_menu');

	$('h_slidein').addEvent('click', el.fade.bind(el, [0]));
	$('h_slideout').addEvent('click', el.fade.bind(el, [1]));
	
	//--horizontal
	var myHorizontalSlide = new Fx.Slide('side_content', {mode: 'horizontal'});
	myHorizontalSlide.show();
	
	var myMorph = new Fx.Morph('wrap', { 'duration': 500 });

	$('h_slidein').addEvent('click', function(e){
		myMorph.start({ 'background-position': '238px 0px' });
		e.stop();
		myHorizontalSlide.slideIn();
	});

	$('h_slideout').addEvent('click', function(e){
		myMorph.start({ 'background-position': '0px 0px' });
		e.stop();
		myHorizontalSlide.slideOut();
	});
}

// Do google: javascript viewport
// Sample: http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

function viewportSize() {
	//vWidth = 0;
	vHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		//vWidth = window.innerWidth;
		vHeight = window.innerHeight;
	} else if( document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		//vWidth = document.documentElement.clientWidth;
		vHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		//vWidth = document.body.clientWidth;
		vHeight = document.body.clientHeight;
	}
	// vWidth;
	vHeight;
}

function setWrapHeight() {
		viewportSize();
		var size = $('wrap').getSize();

		if (vHeight > size.y) {
			computed_height = vHeight;
		} else {
			computed_height = size.y;
		}

		$('wrap').setStyle('height', computed_height);
}

