viewerPage = new Array();
var pageID = 0;
//alert("inside viewerControl");
	function initViewerPage( section, url)
	{
//alert("adding url: " + url);
//alert("adding sectrion: " + section);
		viewerPage[pageID] = new Object;
		viewerPage[pageID].section = section;
		viewerPage[pageID].url = url;
//alert(viewerPage[pageID].section);	
		pageID++;

	}



Ajax.UpdaterThrobOff = Class.create();

Object.extend(Object.extend(Ajax.UpdaterThrobOff.prototype, Ajax.Updater.prototype), {

  updateContent: function() {
    var receiver = this.responseIsSuccess() ?
      this.containers.success : this.containers.failure;
    var response = this.transport.responseText;

    if (!this.options.evalScripts)
      response = response.stripScripts();

    if (receiver) {
      if (this.options.insertion) {
        new this.options.insertion(receiver, response);
      } else {
        Element.update(receiver, response);
      }
    }

    if (this.responseIsSuccess()) {
//alert("it's a succes!!!");
viewerThrobOff();
      if (this.onComplete)
        setTimeout(this.onComplete.bind(this), 10);
    }
  }
});

	function viewerThrobOn()
	{
//alert("inside ThrobOn");
//alert("pageName = " + pageName);
		var url = '/horde/throb.html';
		var pars = 'demo';
                var myAjax = new Ajax.Updater(
                        {success: 'infobar'},
                        url,
                        {
                                method: 'get',
                                parameters: pars
                        }
                );

	}

	function viewerThrobOff()
	{
//alert("inside ThrobOff");
		var url = '/horde/blank.html';
		var pars = 'demo';
                var myAjax = new Ajax.Updater(
                        'infobar',
                        url,
                        {
                                method: 'get',
                                parameters: pars
                        }
                );

	}

	function loadView(pageName)
	{
		viewerThrobOn();
		loadPage(pageName);
	}	

	function loadViewInDiv(pageName, targetDiv){
		loadPageInDiv(pageName, targetDiv);
	}	


	function loadViewWithParams(reqType, targetURL, params)
	{
//alert("inside loadViewWithParams");
		viewerThrobOn();
		loadURLWithParams(reqType, targetURL, params);
	}	

	function loadViewWithoutParams(reqType, targetURL)
	{
//alert("inside loadViewWithParams");
		viewerThrobOn();
		loadURLWithoutParams(reqType, targetURL);
	}	

	function loadPage(pageName)
	{
//alert("inside load page");
var url;
		viewerPage.each(function(value, index){
//alert(value.section + " - " + index);
			if(pageName == value.section)
			{
				url = value.url;
			}
		});
		var pars = 'someParameter=ABC';
		var myAjax = new Ajax.UpdaterThrobOff( 
                        {success: 'viewer' },
			url, 
			{ 
				method: 'get', 
				parameters: pars 
			}
		);

	}

	function loadPageInDiv(pageName, targetDiv)
	{
//alert("inside load page");
	var url;
		viewerPage.each(function(value, index){
//alert(value.section + " - " + index);
			if(pageName == value.section)
			{
				url = value.url;
			}
		}
		);
		var pars = 'someParameter=ABC';
		if (targetDiv){	
			Element.update(targetDiv,"Loading..."); // some kinda indication is nice...
			var myAjax = new Ajax.Updater
			( 
				{success: targetDiv },
				url, 
				{ 
					method: 'get', 
					parameters: pars 
				}
			);
		}

	}


	function loadURLWithParams(reqType, targetURL, params)
	{
//alert("inside load page");
		var url = targetURL;
		var pars = params;
		var myAjax = new Ajax.UpdaterThrobOff( 
                        {success: 'viewer' },
			url, 
			{ 
				method: reqType, 
				parameters: pars 
			}
		);

	}


	function loadURLWithoutParams(reqType, targetURL)
	{
//alert("inside load page");
		var url = targetURL;
//		var pars = params;
		var myAjax = new Ajax.UpdaterThrobOff( 
                        {success: 'viewer' },
			url, 
			{ 
				method: reqType 
//				parameters: pars 
			}
		);

	}