/*            
:::::::::::::::::::::::::::::::::::::::::::::::::::::::
                                                     
      INIT APP
                                                     
:::::::::::::::::::::::::::::::::::::::::::::::::::::::
                                                     
      DEPENDENCIES                             
      
	  mootools.v1.11.js
      MIT-style license
	  copyright 2007 Valerio Proietti
	  mad4milk.net              
                                                     
-------------------------------------------------------
                                                     
      squarehead design studio                      
      845.331.1953                                   
      www.squarehead.com                             
      sbliss@squarehead.com                          
                                                                                                          
-------------------------------------------------------
*/


function initApp(){
	
	setupZoom();
	
	getPage('doorways.php',$('home'));

	fade = new Fx.Style($('content'),'opacity',{
		duration: 1000
	});
}

///////////////////////////////////////////////////////
// Ajax
///////////////////////////////////////////////////////


function getPage(page, elem) {	
	nav = $('navigation');
	navLinks = $$(nav.getElementsByTagName('li'));		
	for ( var i=0; i < navLinks.length; i++) {
		navLinks[i].setStyle('color', 'inherit');
	}
	
	elem.setStyle('color', '#FFFFFF');
	$('content').setOpacity(0);
	new Ajax(page, {method: 'get', update: $('content'), evalScripts: true, onComplete: showContent}).request();
}

function showContent(){
	fade.start(1);
}

///////////////////////////////////////////////////////
// Gallery
///////////////////////////////////////////////////////

function showPic(whichpic) {
	if($('art')){ 
		$('main_image').setOpacity(0);
		$('art').remove();
	}
	var text = whichpic.getAttribute("name");
	$('caption').setHTML(text);

	var source = whichpic.getAttribute("href");
	artImage = new Asset.image(source, {id: 'art', title: 'image', onload: showImage});
}

function showImage(){
	artImage.injectInside('main_image');
	fadeArt.start(1);
}

function prepareGallery() {
	$('main_image').setOpacity(0);
	var thumbs = $('thumbs');
	links = $$(thumbs.getElementsByTagName('a'));
		
	for ( var i=0; i < links.length; i++) {
		links[i].addEvent('click', function(e) {
			new Event(e).stop();
			showPic(this);
		});
	}
	
	fadeArt = new Fx.Style($('main_image'),'opacity',{
		duration: 1000
	});
	fadeArt.start(1);
}

//////////////////////////////////////////////////////////////////////
// script loader
//////////////////////////////////////////////////////////////////////


function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

//////////////////////////////////////////////////////////////////////
// load stuff
//////////////////////////////////////////////////////////////////////

addLoadEvent(initApp);