var dcContentScrollTop = 0;

function dcLoadPage (url, containerId, append, onfinishedfunc) 
{
  try {
    document.getElementById('GalleryViewContainer').style.display = 'none';
    document.getElementById('GalleryList').style.display = 'none';
  } catch (e) {}
  
  try {
    document.getElementById('BlogContainer').style.display = 'none';
    document.getElementById('BlogIFrame').src = 'blank.htm';
  } catch (e) {}

 if (containerId != 'flash') {
  document.getElementById('left').style.display = 'block';
  document.getElementById('left').style.visibility = 'visible';
  document.getElementById('middle').style.display = 'block';
  document.getElementById('right').style.display = 'block';

  try { 
     document.getElementById('flash').style.display = 'none';
  } catch (e) {} 
 } else {
/*   document.getElementById('left').style.display = 'none'; */
/*   document.getElementById('left').style.visibility = 'hidden'; */
   document.getElementById('middle').style.display = 'none';
   document.getElementById('right').style.display = 'none';
   try {
     document.getElementById('flash').style.display = 'block';
   } catch (e) {}
 }
	if (append) {
		  new Ajax.Updater({ success: containerId, failure: 'notice' }, url, {
				onSuccess: function (transport) {
						
				},		
				insertion: Insertion.Bottom,
				evalScripts: true
		
		  });
	} else {
		 new Ajax.Updater({ success: containerId, failure: 'notice' }, url, {
					onSuccess: function (transport) {
						
					},
					evalScripts: true
			  }
			  

			  );
	}

} 

var curNewsPageNumber = 1;
function loadNews(pageNumber) {
	curNewsPageNumber = pageNumber;

	var newsUrl = "news.php?p=" + pageNumber;
	dcLoadPage(newsUrl, 'dcPageContent', true); 
}

function loadFlash() {
 // dcLoadPage('news.html', 'flash', false);

  // TODO call loadNews(1) when done
  loadNews(1);
}

//a basic example external module to control scroll from outside
//NOT required for fleXcroll to run, and user do NOT need to
//know what this is for standard operation.
function fleXcrollTo(id,x,y,relative) {
    var scrollDiv = document.getElementById(id);
    //Return if the target is not a fleXcrolled div.
    if (scrollDiv == null || !scrollDiv.fleXcroll) return;
    //Do the scroll by using custom method attached by fleXcroll
    scrollDiv.contentScroll(x,y,relative);
    /*
    Following is the method to commit a scroll by defining
    relative or absolute values:
        element.contentScroll(x,y,relative);
    *x and y values are horizontal and vertical
    positions of content and can be set to false if we don't
    require any one of them to be scrolled.
    *x and y should be sent as string, between quotation marks.
    *x and y can take three different units:
    px, s, p
    where px is pixels, s is a single step, p is a page scroll.
    *relative can be either true or false. If true,
    x and y is used as relative scrolling.
    *x and y refer to content position
    *e.g. To scroll one page down, you can:
    element.contentScroll(false,"1p",true);
    *e.g. To scroll 3 steps to left, you can:
    element.contentScroll("-3s",false,true);
    *e.g. To set the content at 30px right, and 20px down:
    element.contentScroll("30px","20px",false);
    *e.g. To scroll down 100px relatively,
    element.contentScroll(false,"100px",true);
    */
}

/*****************************
 * Gallery
 *****************************/

function showGalleryList() {
  document.getElementById('GalleryList').style.display = 'block';
  document.getElementById('GalleryViewContainer').style.display = 'none';
  document.getElementById('GalleryImage').style.display = 'none';
}

function showGallery(galleryId, page) { 

	  document.getElementById('GalleryList').style.display = 'none';
	  document.getElementById('GalleryViewContainer').style.display = 'block';

	  new Ajax.Updater({ success: 'GalleryThumbNailsDiv', failure: 'notice' }, 'gallery_view9cbc.html?galleryid=' + galleryId + "&page=" + page, {
		evalScripts: true
	  });
	  
	  document.getElementById('left').style.display = 'none';
	  document.getElementById('middle').style.display = 'none';
	  document.getElementById('right').style.display = 'none';
  
}

function displayGalleryImage(imagePath) {
  document.getElementById('GalleryImage').style.display = 'block';
  document.getElementById('GalleryImage').src = imagePath;
}



/*****************************
 * Blog
 *****************************/
 
function dcShowBlog() { 

  if (document.getElementById('GalleryList') != null)
	document.getElementById('GalleryList').style.display = 'none';
	
  if (document.getElementById('GalleryViewContainer') != null)
   document.getElementById('GalleryViewContainer').style.display = 'none';
  
  document.getElementById('BlogContainer').style.display = 'block';
  document.getElementById('BlogIFrame').src = 'blog/blog1.html';
  
  document.getElementById('left').style.display = 'none';
  document.getElementById('middle').style.display = 'none';
  document.getElementById('right').style.display = 'none';
  
  document.getElementById('flash').style.display = 'none';
}


function dcPlayWhiteNoise() {
	if (typeof(soundManager) != 'undefined' && soundManager != null)
		soundManager.play('whitenoise');
}