/*
this is a patch for mootools that allows Safari to call special characters through Request.HTML without choking.
*/

Request.HTML.implement({
 
        processHTML: function(text){
            var match = text.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
            text = (match) ? match[1] : text;
           
            var container = new Element('div');
           
            return $try(function(){
                var root = '<root>' + text + '</root>', doc;
                if (Browser.Engine.trident){
                    doc = new ActiveXObject('Microsoft.XMLDOM');
                    doc.async = false;
                    doc.loadXML(root);
                } else {
                    doc = new DOMParser().parseFromString(root, 'text/html');
                }
                root = doc.getElementsByTagName('root')[0];
                for (var i = 0, k = root.childNodes.length; i < k; i++){
                    var child = Element.clone(root.childNodes[i], true, true);
                    if (child) container.grab(child);
                }
                return container;
            }) || container.set('html', text);
        }
   
    });


var currentSection = "defaultState";
var prevSection;

/* Being with StateManager, which allows deep linking and use of the back/forward buttons */

// "Import" the StateManager so we don't have to keep typing
            // "EXANIMO.managers.StateManager".
/*            var StateManager = EXANIMO.managers.StateManager;

            // Define what happens when the state changes.
            StateManager.onstatechange = function(e)
            {
                openSection(e.id);
            }        

            window.onload = function()
            {
            	StateManager.initialize();
                //
                // Have hyperlinks load their respective states. (Don't forget
                // to cancel the default action!)
                //
                document.getElementById('missionLink').onclick = function()
                {
                    StateManager.setState('mission');
                    return false;
                }
                
            }


*/




var w = 0;
var h = 0;
var preloadShown = 0;
var enterShown = 0;
var isLoaded = 0;
var defaultMemberContent;
var defaultMemberPhoto;

window.addEvent('domready', function() { 	

	setStage();
	$('mainContentDiv').setStyle('opacity', 0);
	$('legalSlug').setStyle('opacity', 0);
	$('preloadDiv').setStyles({
	top: -50,
	left: Math.ceil((w - 215)/2)
	});
	
	$('enterDiv').setStyles({
	top: h,
	left: Math.ceil((w - parseInt($('enterDiv').getStyle('width')))/2) 
	});
	
	$('spotlight').setStyle('opacity', 0);
	
	if (ie6) {
	
	// fix ie6 weirdness that's making nav disappear by us img tags instead of background images
	
		$('mission-li').innerHTML = "<a href=\"mission.html\" id=\"mission\"><img src=\"img/nav-mission.gif\" border=\"0\" /></a>";
		$('mission-li').getElement('a').setStyle('textIndent', 0);
		
		$('members-li').innerHTML = "<a href=\"members.html\" id=\"members\"><img src=\"img/nav-members.gif\" border=\"0\" alt=\"COMING SOON\" /></a>";
		$('members-li').getElement('a').setStyle('textIndent', 0);
		
		$('collectors-li').innerHTML = "<a href=\"collectors.html\" id=\"collectors\"><img src=\"img/nav-collectors.gif\" border=\"0\" /></a>";
		$('collectors-li').getElement('a').setStyle('textIndent', 0);
		
		$('dany-sanz-li').innerHTML = "<a href=\"dany.html\" id=\"dany-sanz\"><img src=\"img/nav-dany-sanz.gif\" border=\"0\" /></a>";
		$('dany-sanz-li').getElement('a').setStyle('textIndent', 0);
		
		$('contact-li').innerHTML = "<a href=\"contact.html\" id=\"contact\"><img src=\"img/nav-contact.gif\" border=\"0\" /></a>";
		$('contact-li').getElement('a').setStyle('textIndent', 0);
		
	}
	
	// fix all of the styles from non-javascript version
	
	$('enterDiv').setStyle('position', 'absolute');
	$('preloadDiv').setStyle('display', 'block');
	$('containerDiv').setStyles({
	position : 'absolute',
	top: 0,
	left: 0,
	marginTop: 0
	});
	$('mainContentDiv').setStyles({
	position: 'absolute',
	display: 'block'
	});
	$('centerBgDiv').setStyle('top', -625);
	$('centerMissionDiv').setStyle('top', -530);
	$('missionContentWrap').setStyles({
	width: 195,
	overflow: 'hidden'
	});
	$('allianceImgDiv').setStyle('left', -252);
	$('rightNav').getElements('li').setStyle('left', 528);
	$('legalSlug').setStyles({
	width: 993,
	textAlign: 'right'
	});
	$('paletteImgDiv').setStyle('left', -241);
	$('centerCollectorsDiv').setStyle('top', -530);
	$('centerDanyDiv').setStyle('top', -530);
	$('danyContentWrap').setStyles({
	width: 195,
	overflow: 'hidden'
	});
	$('danyImgDiv').setStyle('left', -252);
	$('centerContactDiv').setStyle('top', -530);
	$('centerMembersDiv').setStyle('top', -530);
	$('membersContentWrap').setStyles({
	width: 195,
	overflow: 'hidden'
	});
	$('membersHeadshotsDiv').setStyle('left', -252);
	$('membersPortraitLg').setStyle('top', -300);
	//$('centerMembersDiv').setStyle('opacity', 0);
	$('ajaxLoadDiv').setStyle('opacity', 0);	
});	



// add click functionality to links
window.addEvent('domready', function() { 	

$('enterDiv').getElement('a').addEvent('click', function(event){
event.stop();
openSection('mission');
});	


// rollover
if (ie6==0) {
$('rightNav').getElements('li').addEvent('mouseover', function(){
	this.setStyle('left', 10);
});	

// rollout
$('rightNav').getElements('li').addEvent('mouseleave', function(){
	this.setStyle('left', 0);
});
}

// nav clicks
$('rightNav').getElements('a').addEvent('click', function(event){
	event.stop();
	openSection(this.id);
});		

// member section clicks

	// first, capture the default content to use later
	defaultMemberContent = $('centerMembersDiv').innerHTML;
	defaultMemberPhoto = $('membersPortraitLg').getElement('img').get('src');
	

$('membersHeadshotsList').getElements('a').addEvent('click', function(event){
	event.stop();
	getMember(this.href);
});

$('membersHeadshotsList').getElements('a').addEvent('mouseover', function(event){
	this.getParent().setStyle('opacity', .75);
});

$('membersHeadshotsList').getElements('a').addEvent('mouseleave', function(event){
	this.getParent().setStyle('opacity', 1);
});
	
});	




window.addEvent('load', function() { 	
	
	openSection(currentSection);
	
	//scrollbars
	makeScrollbar( $('missionContentWrap'), $('missionScrollbar'), $('missionDragbar') );
	makeScrollbar( $('danyContentWrap'), $('danyScrollbar'), $('danyDragbar') );

});
	

window.addEvent('resize', function() { 	

	setStage();
	
	if (enterShown) {
		$('enterDiv').setStyles({
		top: Math.ceil((h - parseInt($('enterDiv').getStyle('height')))/2),
		left: Math.ceil((w - parseInt($('enterDiv').getStyle('width')))/2)
		});
	} else {
		$('enterDiv').setStyles({
		top: h,
		left: Math.ceil((w - parseInt($('enterDiv').getStyle('width')))/2)
		});
	}
	
	if (preloadShown) {
		$('preloadDiv').setStyles({
		top: Math.ceil((h - 30)/2),
		left: Math.ceil((w - 215)/2)
		});
	} else {
		$('preloadDiv').setStyles({
		top: -50,
		left: Math.ceil((w - 215)/2)
		});
	}	

});	


function loadImages(theSection) {

isLoaded = 1;

var images = new Array(
"img/ajax-loader.gif", 
"img/bg-enter.jpg", 
"img/bg.jpg",
"img/dany-sanz-portrait.jpg",
"img/graffiti-bg.png",
"img/graffiti-sm-bg.png",
"img/graffiti-sm.jpg",
"img/graffiti.jpg",
"img/graffiti2.jpg",
"img/graffiti2-bg.png",
"img/headers-sub.gif",
"img/headers.gif",
"img/mem-lottie-sm.jpg",
"img/mem-margina-sm.jpg",
"img/mem-sharon-sm.jpg",
"img/mem-viktorija-sm.jpg",
"img/mem-deshawn-sm.jpg",
"img/mem-wendy-sm.jpg",
"img/mem-dangelo-sm.jpg",
"img/memblank-2.gif",
"img/memblank-3.gif",
"img/memblank-4.gif",
"img/memblank-5.gif",
"img/memblank-6.gif",
"img/memblank-7.gif",
"img/memblank-8.gif",
"img/memblank-9.gif",
"img/memblank-10.gif",          
"img/nav-collectors-bg.png",
"img/nav-collectors.gif",
"img/nav-contact-bg.png",
"img/nav-contact.gif",
"img/nav-dany-sanz-bg.png",
"img/nav-dany-sanz.gif",
"img/nav-members-bg.png",
"img/nav-members.gif",
"img/nav-mission-bg.png",
"img/nav-mission.gif",
"img/palette-credit.gif",
"img/palette.jpg",
"img/panel-bg.jpg",
"img/scrollbg.gif",
"img/spotlight.png",
"img/url-slug.gif");

var loader = new Asset.images(images, {  
        onProgress: function(counter,index) {  
            $('loadStatusDiv').setStyle('width', Math.floor((counter + 1) * (100 / images.length))+'%');  
        },  
        onComplete: function() { 
        //if ($('mainContentDiv').getStyle('opacity')==0) {
        //$('blackoutDiv').tween('opacity', 0);
        setTimeout(function(){hidePreloader()}, 200);
		setTimeout(function(){openSection(theSection)}, 700);
        
        //}
        }  
    }); 

}


function getWinDims() { // measures the size of the window

	//IE
	if(!window.innerWidth)
	{
		//strict mode
		if(!(document.documentElement.clientWidth == 0))
		{
			w = document.documentElement.clientWidth;
			h = document.documentElement.clientHeight;
		}
		//quirks mode
		else
		{
			w = document.body.clientWidth;
			h = document.body.clientHeight;
		}
	}
	//w3c
	else
	{
		w = window.innerWidth;
		h = window.innerHeight;
	}
	
}


function setStage() {

	getWinDims();
	$('containerDiv').setStyles({ // set container to width + height of window
	height: h,
	width: w
	});
	$('blackoutDiv').setStyles({ // set blackout to width + height of window
	height: h,
	width: w
	});
	$('mainContentDiv').setStyles({ // center content horizontally and vertically
	top: Math.ceil((h - 627)/2),
	left: Math.ceil((w - 993)/2)
	});
	$('legalSlug').setStyles({ // position the legal stuff
	top: Math.ceil((h - 627)/2)+627,
	left: Math.ceil((w - 993)/2)
	});
	
}	




function showPreloader(theSection) {
getWinDims();

if ($('blackoutDiv').getStyle('opacity')==0) {
$('blackoutDiv').tween('opacity', 1);
}

var morphElement = $('preloadDiv');
	var morphObject = new Fx.Morph(morphElement, {transition: Fx.Transitions.Circ.easeOut});
	morphObject.start({
		top: Math.ceil((h - 30)/2)
	}).chain(function(){ loadImages(theSection); });
	preloadShown = 1;
}




function hidePreloader() {
getWinDims();
var morphElement = $('preloadDiv');
	var morphObject = new Fx.Morph(morphElement, {transition: Fx.Transitions.Circ.easeIn});
	morphObject.start({
		top: h
	}).chain(function(){
	setTimeout(function(){ $('blackoutDiv').tween('opacity', 0); }, 400);
	morphElement.setStyle('top', -50);
	});
	preloadShown = 0;
}


function showEnterDiv() {
	var morphElement = $('enterDiv');
	var morphObject = new Fx.Morph(morphElement, {transition: Fx.Transitions.Circ.easeOut});
	morphObject.start({
		top: Math.ceil((h - parseInt($('enterDiv').getStyle('height')))/2) 
	});
	enterShown = 1;
}


function hideEnterDiv() {

	if (Browser.Engine.trident) {
	$('grafittiBg').setStyle('opacity', 0);
	}

	getWinDims();
	var morphElement = $('enterDiv');
	var morphObject = new Fx.Morph(morphElement);
	morphObject.start({
		opacity: 0
	});
	
	if ($('blackoutDiv').getStyle('opacity')==0) {
	$('blackoutDiv').tween('opacity', 1);
	}
	
	if ($('mainContentDiv').getStyle('opacity')==0) {
		$('mainContentDiv').tween('opacity', 1);
	}
	
	if ($('legalSlug').getStyle('opacity')==0) {
		$('legalSlug').tween('opacity', 1);
	}

	enterShown = 0;
}



function showInnerSection(theSection) {
	
	$('rightNav').getElements('a').removeProperty('class', 'navSelected');
	$(theSection).setProperty('class', 'navSelected');
	
	hideEnterDiv();
	
		if (theSection != "defaultState") {
		
			if (Browser.Engine.trident) {
			$('spotlight').setStyle('opacity', 1);
			}
		
			setTimeout(function(){
			
			var morphElement = $('centerBgDiv');
			var morphObject = new Fx.Morph(morphElement, {duration: 250});
			morphObject.start({
			top: 0
			});
			
			// move in nav here....
			
			setTimeout(function(){
			var morphElement = $('mission-li');
			var morphObject = new Fx.Morph(morphElement, {duration: 200});
			morphObject.start({
			left: 0
			});
			}, 100);
			
			setTimeout(function(){
			var morphElement = $('members-li');
			var morphObject = new Fx.Morph(morphElement, {duration: 200});
			morphObject.start({
			left: 0
			});
			}, 200);
			
			setTimeout(function(){
			var morphElement = $('collectors-li');
			var morphObject = new Fx.Morph(morphElement, {duration: 200});
			morphObject.start({
			left: 0
			});
			}, 300);
			
			setTimeout(function(){
			var morphElement = $('dany-sanz-li');
			var morphObject = new Fx.Morph(morphElement, {duration: 200});
			morphObject.start({
			left: 0
			});
			}, 400);
			
			setTimeout(function(){
			var morphElement = $('contact-li');
			var morphObject = new Fx.Morph(morphElement, {duration: 200});
			morphObject.start({
			left: 0
			});
			}, 500);
			
			// turn on spotlight
			setTimeout(function(){
			var morphElement = $('spotlight');
			var morphObject = new Fx.Morph(morphElement, {duration: 300});
			morphObject.start({
			opacity: 1
			});
			}, 700);
			
			
			}, 500);
		}
		
		switch(theSection) {
		
			case "mission":
			
			// move out the other image and text before moving this stuff in
		
			if ($('danyImgDiv').getStyle('left') == "-5px") {
			var morphElement = $('danyImgDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -252
			});
			}
			
			if ($('paletteImgDiv').getStyle('left') == "0px"){
			var morphElement = $('paletteImgDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -241
			});
			}
			
			if ($('centerCollectorsDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerCollectorsDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerDanyDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerDanyDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerContactDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerContactDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerMembersDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerMembersDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('membersHeadshotsDiv').getStyle('left') == "19px") {
			var morphElement = $('membersHeadshotsDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -252
			});
			}
			
			if ($('membersPortraitLg').getStyle('top') != "-300px") {
			var morphElement = $('membersPortraitLg');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -300
			});
			}
			
			t=setTimeout(function(){
			$('centerMembersDiv').innerHTML = defaultMemberContent;
			$('membersPortraitLg').getElement('img').set('src', defaultMemberPhoto);
			}, 500);
			
			
			
			// now slide the right ones in
			
			var morphElement = $('allianceImgDiv');
			morphElement.setStyle('z-index', 99);
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -5
			}).chain(function(){ morphElement.setStyle('z-index', 0); });
			
			// the content
			
			setTimeout(function(){
			var morphElement = $('centerMissionDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: 0
			});
			}, 250);
			
			break;
			
			
			
			
			
			case "collectors":
			
			// move out the other image and text before moving this stuff in
		
			if ($('danyImgDiv').getStyle('left') == "-5px") {
			var morphElement = $('danyImgDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -252
			});
			}
			
			if ($('allianceImgDiv').getStyle('left') == "-5px") {
			var morphElement = $('allianceImgDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -252
			});
			}
			
			if ($('centerMissionDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerMissionDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerDanyDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerDanyDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerContactDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerContactDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerMembersDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerMembersDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('membersHeadshotsDiv').getStyle('left') == "19px") {
			var morphElement = $('membersHeadshotsDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -252
			});
			}
			
			if ($('membersPortraitLg').getStyle('top') != "-300px") {
			var morphElement = $('membersPortraitLg');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -300
			});
			}
			
			t=setTimeout(function(){
			$('centerMembersDiv').innerHTML = defaultMemberContent;
			$('membersPortraitLg').getElement('img').set('src', defaultMemberPhoto);
			}, 500);
			
			
			// now slide the right ones in
			
			var morphElement = $('paletteImgDiv');
			morphElement.setStyle('z-index', 99);
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: 0
			}).chain(function(){ morphElement.setStyle('z-index', 0); });
			
			// the content
			
			setTimeout(function(){
			var morphElement = $('centerCollectorsDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: 0
			});
			}, 250);
			
			break;
			
			
			
			case "dany-sanz":
			
			// move out the other image and text before moving this stuff in
		
			if ($('allianceImgDiv').getStyle('left') == "-5px") {
			var morphElement = $('allianceImgDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -252
			});
			}
			
			if ($('paletteImgDiv').getStyle('left') == "0px"){
			var morphElement = $('paletteImgDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -241
			});
			}
			
			if ($('centerCollectorsDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerCollectorsDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerMissionDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerMissionDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerContactDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerContactDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerMembersDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerMembersDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('membersHeadshotsDiv').getStyle('left') == "19px") {
			var morphElement = $('membersHeadshotsDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -252
			});
			}
			
			if ($('membersPortraitLg').getStyle('top') != "-300px") {
			var morphElement = $('membersPortraitLg');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -300
			});
			}
			
			t=setTimeout(function(){
			$('centerMembersDiv').innerHTML = defaultMemberContent;
			$('membersPortraitLg').getElement('img').set('src', defaultMemberPhoto);
			}, 500);
			
			// now slide the right ones in
			
			var morphElement = $('danyImgDiv');
			morphElement.setStyle('z-index', 99);
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -5
			}).chain(function(){ morphElement.setStyle('z-index', 0); });
			
			// the content
			
			setTimeout(function(){
			var morphElement = $('centerDanyDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: 0
			});
			}, 250);
			
			break;

			
			case "contact":
			
			// move out the other image and text before moving this stuff in
		
			if ($('danyImgDiv').getStyle('left') == "-5px") {
			var morphElement = $('danyImgDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -252
			});
			}
			
			if ($('paletteImgDiv').getStyle('left') == "0px"){
			var morphElement = $('paletteImgDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -241
			});
			}
			
			if ($('centerCollectorsDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerCollectorsDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerDanyDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerDanyDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerMissionDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerMissionDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerMembersDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerMembersDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('membersHeadshotsDiv').getStyle('left') == "19px") {
			var morphElement = $('membersHeadshotsDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -252
			});
			}
			
			if ($('membersPortraitLg').getStyle('top') != "-300px") {
			var morphElement = $('membersPortraitLg');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -300
			});
			}
			
			t=setTimeout(function(){
			$('centerMembersDiv').innerHTML = defaultMemberContent;
			$('membersPortraitLg').getElement('img').set('src', defaultMemberPhoto);
			}, 500);
			
			// now slide the right ones in
			
			var morphElement = $('allianceImgDiv');
			morphElement.setStyle('z-index', 99);
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -5
			}).chain(function(){ morphElement.setStyle('z-index', 0); });
			
			// the content
			
			setTimeout(function(){
			var morphElement = $('centerContactDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: 0
			});
			}, 250);
			
			break;
			
			
			case "members":
			
			// move out the other image and text before moving this stuff in
		
			if ($('allianceImgDiv').getStyle('left') == "-5px") {
			var morphElement = $('allianceImgDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -252
			});
			}
		
			if ($('danyImgDiv').getStyle('left') == "-5px") {
			var morphElement = $('danyImgDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -252
			});
			}
			
			if ($('paletteImgDiv').getStyle('left') == "0px"){
			var morphElement = $('paletteImgDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -241
			});
			}
			
			if ($('centerCollectorsDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerCollectorsDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerDanyDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerDanyDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerMissionDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerMissionDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('centerContactDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerContactDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			/*if ($('centerMembersDiv').getStyle('opacity') == 0) {
			var morphElement = $('centerMembersDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			opacity: 1
			});
			}
			
			if ($('membersHeadshotsDiv').getStyle('left') == "19px") {
			var morphElement = $('membersHeadshotsDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: -252
			});
			}
			
			if ($('membersPortraitLg').getStyle('top') != "-300px") {
			var morphElement = $('centerMissionDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -300
			});
			}*/
			
			// now slide the right ones in
			
			var morphElement = $('membersHeadshotsDiv');
			morphElement.setStyle('z-index', 99);
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			left: 19
			}).chain(function(){ morphElement.setStyle('z-index', 0); });
			
			setTimeout(function(){
			var morphElement = $('centerMembersDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: 0
			});
			}, 250);
			
			// set scrollbar
			if ($('membersContent').offsetHeight > $('membersContentWrap').offsetHeight + 13) {
			$('membersScrollbar').setStyle('opacity', 1);
			makeScrollbar( $('membersContentWrap'), $('membersScrollbar'), $('membersDragbar') );
			} else {
			$('membersScrollbar').setStyle('opacity', 0);
			}
			
			
			// the portrait
			
			var morphElement = $('membersPortraitLg');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: 15
			});
			
			break;


		}		

}


function openSection(theSection) {

	prevSection = currentSection;
	currentSection = theSection;

	switch(theSection) {
	
		case "defaultState":
		if (isLoaded) {
		showEnterDiv();
		} else {
		showPreloader(theSection);
		}
		break;
		
		case "mission":
		if (isLoaded) {
		showInnerSection(theSection);
		} else {
		showPreloader(theSection);
		}
		break;
		
		case "collectors":
		if (isLoaded) {
		showInnerSection(theSection);
		} else {
		showPreloader(theSection);
		}
		break;
		
		
		case "dany-sanz":
		if (isLoaded) {
		showInnerSection(theSection);
		} else {
		showPreloader(theSection);
		}
		break;
	
	
		case "contact":
		if (isLoaded) {
		showInnerSection(theSection);
		} else {
		showPreloader(theSection);
		}
		break;
		
		case "members":
		if (isLoaded) {
		showInnerSection(theSection);
		} else {
		showPreloader(theSection);
		}
		break;
	
	}


}



function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
	var slider = new Slider(scrollbar, handle, {	
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step){
			// Scrolls the content element in x or y direction.
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
		}
	}).set(0);
	if( !(ignoreMouse) ){
		// Scroll the content element when the mousewheel is used within the 
		// content or the scrollbar element.
		$$(content, scrollbar).addEvent('mousewheel', function(e){	
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;	
			slider.set(step);					
		});
	}
	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
}

function getMember(theLink) {

	$('ajaxLoadDiv').tween('opacity', 1);

			if ($('centerMembersDiv').getStyle('top') != "-530px") {
			var morphElement = $('centerMembersDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -530
			});
			}
			
			if ($('membersPortraitLg').getStyle('top') != "-300px") {
			var morphElement = $('membersPortraitLg');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: -300
			});
			}


		
		t=setTimeout(function(){
		var req = new Request.HTML({  
    	method: 'get',  
    	url: theLink,  
		data: { 'do' : '1' },
		onFailure: function() { window.alert('Sorry, but your request failed. Please try again.') },
		//onRequest: function() { showArticleLoader('loading-div') },  
		update: $('centerMembersDiv'),
		onComplete: function() {
		
			loadNewMemberImg();	
        }
   		}).send();
   		}, 1000);

}

function loadNewMemberImg() {

	var images = new Array();
	var imageObjects = $('centerMembersDiv').getElements('img');

	for (i=0;i<imageObjects.length;i++) {
	images[i] = imageObjects[i].src;
	}
	var loader = new Asset.images(images, {  
        		onComplete: function() {
        			
        			$('membersPortraitLg').getElement('img').set('src', $('newMembersImg').src);
			$('newMembersImg').destroy();
			
			// set scrollbar
			if ($('membersContent').offsetHeight > $('membersContentWrap').offsetHeight + 13) {
			$('membersScrollbar').setStyle('opacity', 1);
			makeScrollbar( $('membersContentWrap'), $('membersScrollbar'), $('membersDragbar') );
			} else {
			$('membersScrollbar').setStyle('opacity', 0);
			}
		
			var morphElement = $('centerMembersDiv');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: 0
			});
			
			var morphElement = $('membersPortraitLg');
			var morphObject = new Fx.Morph(morphElement);
			morphObject.start({
			top: 15
			})
		
			$('ajaxLoadDiv').tween('opacity', 0);
        			
        		}  
   });	
			
}