window.addEvent("domready",function(ev){
	if (CHANGEffect[document.body.getAttribute('id')]) {
		CHANGEffect[document.body.getAttribute('id')]();
	}
});
CHANGEffect = new Object();
CHANGEffect.ssp = function(page,flashVars) {
	if(!flashVars){flashVars = ''}
	var obj = new Swiff('/media/flash/' + page + '.swf', {
	    id: 'ssp',
	    width: 857,
	    height: 404,
	    params: {
        wmode: 'transparent'
	    },
			vars: flashVars
	});
	$E('#header .banner').adopt(obj);
	CHANGEffect.doList();
}

CHANGEffect.doList = function() {
	$$('#header .nav_wrap .nav li').each(function(n){
		var txt = n.get('text');
		n.set('text','');
		n.adopt(new Element('a',{
			'href': 'javascript:changeImage('+(txt.toInt() - 1)+')',
			'text': txt
		}).addEvent('click',function(ev){
			var t = new Event(ev).target;
			t.getParent('ul').getElements('a').each(function(n){
				n.removeClass('active');
			})
			t.addClass('active');
		}));
	});	
}

CHANGEffect['page_'] = function() {
	CHANGEffect.ssp('home');
}

CHANGEffect['page_work'] = function() {
	if ( /work\/process\/([\w\-]+)/.test(window.location) ) {
		CHANGEffect.ssp('work',{xmlFile: '/xml/ssp_work/' + RegExp.$1});
	}
}

// Removed by Brandon on 1/29/08 9am EST
//CHANGEffect['page_people'] = function() {
//	CHANGEffect.ssp('people');
//}

CHANGEffect['page_process'] = function() {
	var ie = (Browser.Engine.name == "trident" && Browser.Engine.version == 4);
	$('strands').addEvent('mouseleave',function(){
		if ($type($('strands').get('cur_section')) == "string") {
			$('strands').setStyle('background-image',"url('/media/images/process/3strand_" + $('strands').get('cur_section') + ".png')");
		} else {
			$('strands').setStyle('background-image',"url('/media/images/process/3strand_allstrands.png')");
		}
	});
	findOrCreate('contents').set({
		'styles' : {
			'overflow': 'hidden'
		}
	}).inject($('strands'),'after');
	
	findOrCreate('sidebar_content').set({
		'styles' : {
			'overflow': 'hidden'
		}
	}).inject($('sidebar'),'bottom');
	
	$$('#strands .strand').each(function(n){
		n.addEvent('mouseenter',function(){
			n.getParent().setStyle('background-image',"url('/media/images/process/3strand_" + n.get('id') + ".png')");
			// Preload
			new Asset.image('/media/images/process/3strand_' + n.get('id') + '.png');
		});
		if (ie) {
			n.addEvent('click',function(){
				$('contents').getElements('.content').slide('hide');
				$('sidebar_content').getElements('.sidebar_content').each(function(n){n.setStyle('display','none');n.slide('hide')});
				$('strands').set('cur_section',n.get('id'));
				$(n.get('id') + '_content').slide('show');
				$(n.get('id') + '_sidebar_content').setStyle('display','block');

				$(n.get('id') + '_sidebar_content').slide('show');
				n.getParent().setStyle('background-image',"url('/media/images/process/3strand_" + n.get('id') + ".png')");
				$E("#sidebar .subnav li ." + n.get('id')).fireEvent('click',"#sidebar .subnav li ." + n.get('id'));
			});
		} else {
			n.addEvent('click',function(){
				$('contents').getElements('.content').slide('out');
				$('sidebar_content').getElements('.sidebar_content').each(function(n){n.slide('out')});
				// $('sidebar_sifr_contents').getElements('.sidebar_content').each(function(n){n.slide('out')});
				$(n.get('id') + '_content').slide('in');
				$('strands').set('cur_section',n.get('id'));
				n.getParent().setStyle('background-image',"url('/media/images/process/3strand_" + n.get('id') + ".png')");
				$E("#sidebar .subnav li ." + n.get('id')).fireEvent('click',"#sidebar .subnav li ." + n.get('id'));
				$(n.get('id') + '_sidebar_content').slide('in');
				/*$$('#sidebar .sifr').each(function(n){n.fade('out');});
				$(n.get('id') + '_sifr_sidebar_content').setStyle('display','block').fade('in');*/
			});
		}
		$E("#sidebar .subnav li ." + n.get('id')).addEvent('click',function(ev){
			var target = null;
			if ($type(ev) == 'string') {
				target = $E(ev);
			} else {
				var e = new Event(ev);
				target = $(e.target);
				e.preventDefault();
			}
			if (!target.getParent().hasClass('active')) {
				$$('#sidebar .subnav li').removeClass('active');
				target.getParent().addClass('active');
				n.fireEvent('click');
			}
		})
		$('contents').adopt(n.getElement('.content').set('id',n.get('id') + '_content'));
		
		if(n.getElement('.sidebar_content')) {
			$('sidebar_content').adopt(n.getElement('.sidebar_content').set('id',n.get('id') + '_sidebar_content'));
			$(n.get('id') + '_sidebar_content').slide('hide');/*set('slide', {duration: 'long', transition: 'quad:in'}).slide('hide');*/
		}
		/*$$('#sidebar .subtitle').adopt(n.getElement('.sifr').set({
			'id' : n.get('id') + '_sifr_sidebar_content',
			'tween' : { 'duration' : 'long' }
		}));*/
	});
	$$("#contents .content").each(function(n){
		n.set('slide', {duration: 'long', transition: 'quad:in'});
		if (n.get('id')) {
			n.slide('hide');
		}
	});
	$$('#sidebar_content .sidebar_content').set('slide', {duration: 'long', transition: 'quad:in'});
	doSidebar();
	$$('#sidebar .subtitle .sifr').setStyle('display','none');
	if ($(window.location.hash.substr(1))) {
		$(window.location.hash.substr(1)).fireEvent('click');
	}
}

function findOrCreate(id,type) {
	if (!type) {
		type = 'div';
	}
	if ($(id)) {
		return $(id);
	} else {
		return new Element(type).set('id',id);
	}
}

function changeImage(idx) {
	if (Browser.Engine.trident) {
		Swiff.remote($('ssp'),'changeImage',idx);
	} else {
		$('ssp').changeImage(idx);
	}
}

function changeAlbum(id) {
	if (Browser.Engine.trident) {
		Swiff.remote($('ssp'),'changeAlbum',id);
	} else {
		$('ssp').changeAlbum(id);
	}	
}