var preSelectedAnchor = '';
function loadPage(iaction,anchorid)
{
	var req = null;

	if(preSelectedAnchor != '')
	{
		document.getElementById(preSelectedAnchor).style.color='';
	}

	preSelectedAnchor = anchorid;

	document.getElementById(anchorid).style.color = '#529E04';

	try
	{
		req = new XMLHttpRequest()
	}
	catch(microsoft)
	{
		try
		{
			req = new ActiveXObject("Microsoft.XMLHTTP")
		}
		catch(othermicrosoft)
		{
			try
			{
				req = new AxctiveXObject('Msxml2.XMLHTTP');
			}
			catch(error)
			{
				req = null;
			}
		}
	}

	if(req == null)
	{
		alert('Error in request creation.');
		return;
	}
      
	//document.getElementById("content_middle").innerHTML = '<div style="text-align:center;">Loading....</div>';		
	var url = 'loadpages.php?page='+iaction;
	req.open('get', url, true);
	req.onreadystatechange = function(){
      	getResponse(req,anchorid);
	};
	req.send(null);
}

function getResponse(req,anchorid)
{

	if(req.readyState == 4 && req.status == 200)
	{
            //myVerticalSlide.slideOut();     
            document.getElementById(anchorid).style.color = '#529E04';
		//myVerticalSlide.show();
                       //var myFx = myVerticalSlide.slideOut().chain(function(){ this.show().slideIn(); }); 
            if(window.event)
               window.event.cancelBubble = true;

                        var myFx = myVerticalSlide.slideOut().chain(function(){ this.slideIn.delay(5,this) });
            document.getElementById("content_middle").innerHTML = req.responseText;
             myFx = myVerticalSlide.slideIn();
            //myVerticalSlide.slideIn();

           ReMooz.assign("#remooz2", {
              "origin": "img",
              "shadow": "onOpen",
              "opacityResize": 0.1, 
              "cutOut": true, 
              "dragging": true, 
              "centered": true,
              "closer": true
            });

	}
}