window.onload = function() {
	createNotes();
}


function createNotes() {

    showNote=function()
	{
		/* vorige uitschakelen */
		var theDiv = document.getElementById('address-office');
		theDiv.innerHTML= "";
		theDiv.style.display = 'none';
		
		var theImage = document.getElementById('office-summery-page-image');
		theImage.style.display = 'none';		
			
		var imageMeta = document.getElementById(this.id + '-officeimage');							
		var image = document.getElementById('office-image');		
		image.innerHTML = imageMeta.content;
		image.style.display = 'block';
								
		var contentMeta = document.getElementById(this.id + '-content');
		var theDiv = document.getElementById('address-office');
		theDiv.innerHTML = theDiv.innerHTML + contentMeta.content;					
		theDiv.style.display = 'block';
	}

    hideNote=function()
	{
		var imageMeta = document.getElementById(this.id + '-officeimage');
		var image = document.getElementById('office-image');
		image.innerHTML = imageMeta.content;
		image.style.display = 'none';
		
		var theImage = document.getElementById('office-summery-page-image');
		theImage.style.display = 'block';
		
		var theDiv = document.getElementById('address-office');
		theDiv.innerHTML= "";
		theDiv.style.display = 'none';
    }
    
    showOnlyAcive=function()
    {
		var rightDiv = document.getElementById('right');
		allChildren = rightDiv.getElementsByTagName("div");

        for(var i=0; i<allChildren.length;i++)
        {				
			allChildren[i].style.display = 'none';
        }  
       // alert('showing:' + this.id + '-officeaddress');
        var activeAddressDiv = document.getElementById(this.id + '-officeaddress');
        activeAddressDiv.style.display = 'block';
        var activeImageDiv = document.getElementById(this.id + '-officeimage');
        activeImageDiv.style.display = 'block';
        var theImage = document.getElementById('office-summery-page-image');
		theImage.style.display = 'none';
    }
	
	as=document.getElementById("leftcontent").getElementsByTagName('a');

    for(i=0;i<as.length;i++)
	{	
	
			as[i].onmouseover = showOnlyAcive;
			//as[i].onmouseover=showNote;
			//as[i].onmouseout=hideNote;
    }


	as=document.getElementById("rightcontent").getElementsByTagName('a');

    for(i=0;i<as.length;i++)
	{		
		as[i].onmouseover=showOnlyAcive;
			//as[i].onmouseover=showNote;
			//as[i].onmouseout=hideNote;
    }	
}