var numPage = 0;

function toggleDivOL( elemID )
{
	var elem = document.getElementById( elemID );
	if( elem.style.position != 'absolute' )
	{
		elem.style.position = 'absolute';
		elem.style.display = 'none';
	}
	else
	{
		elem.style.position = 'relative';
		elem.style.display = 'block';
		elem.style.left = '0px';
		pageBehavior();
	}
}

function pageBehavior()
{
    if (numPage == 0) {
	   document.getElementById('content-2').style.display='none';
    } else {
		document.getElementById('content').style.display='none';
	}
}

function menuBehavior()
{
	var mydrag = new Draggable('octcont');
	
	document.getElementById('inici').onclick=function(){
	   document.getElementById('content').style.display='block';
	   document.getElementById('content').style.position='relative';
	   document.getElementById('content-2').style.display='none';
	   numPage = 0;
	}
	document.getElementById('sons').onclick=function(){
	   /*document.getElementById('content').style.display='none';
	   document.getElementById('content-2').style.display='block';
	   document.getElementById('content-2').style.position='relative';
	   numPage = 1;*/
	}

}