function initTopHeaderWidth() {
	if($$('#title h2')) {
		var header = $$('#title h2 embed');
		var xoffset = parseFloat(header.offsetLeft) + parseFloat(header.offsetWidth) + 100;
		var bg = $('title');
		Element.setStyle(bg,{
			backgroundPosition: xoffset + 'px 0px'
		});
	}
}


//addLoadEvent(initTopHeaderWidth);

function initNewsAnim() {
	var timeoutObj = new Array();
	if($('news')) {
		var timeout = 0;
		var increment = 200;
		var timeo;	
		setTimeout(function() {
			$('news').setStyle({
				display: 'block'
			});
		},timeout);

		$$('#news ul li').each(function(item,index) {
			timeo = timeout + (index * increment);
			timeoutObj[index] = setTimeout(
				function() {
					item.setStyle({
						display: 'block'
					});
/*					new Effect.Appear(item,{duration: .3});*/
				}, timeo);
		});
		
		$$('#news a.more').each(function(item,index) {
			setTimeout(
				function() {
					item.setStyle({
						display: 'block'
					});
/*					new Effect.Appear(item,{duration: .3});*/
				}, timeout + (4 * increment));
		});
	}
}

function newsAnimOutro() {
	var timeoutObj = new Array();
	if($('news')) {
		var timeout = 500;
		var increment = 200;
		var timeo;
		
		$$('#news ul li').each(function(item,index) {
			timeo = timeout + (index * increment);
			timeoutObj[index] = setTimeout(
				function() {
					item.setStyle({
						visibility: 'hidden'
					});
/*					new Effect.Appear(item,{duration: .3});*/
				}, timeo);
		});
	}
}

function case_study_ajax(ref) {
	
	var page = ref.href;

	page = page.split(".com")[1];

	var array = page.split("/");
	var step = array[array.length-1];

	step = step.charAt(step.length-1);
		
	step = Number(step);
	
	if (isNaN(step)) { step = 1; }
	if($('steps_nav').childNodes) {
		var nav = $('steps_nav').childNodes;
		var ref_li = nav[step-1];
	}

	if($('case_study_wheel_flash'))
		updateDiagram('case_study_wheel_flash',step);
		
	//updateDiagram('excerpt_flash',step);

	
/*	Effect.FadeCustom('stepBody', {duration: .3});
	if($('supplement')) {
		Effect.FadeCustom('supplementText', {duration: .3});
	}*/
/*	$('stepBody').setAttribute('class', 'loading');
	$('supplementText').setAttribute('class', 'loading');
	Effect.Appear('stepBody', {duration: .1});
	Effect.Appear('supplementText', {duration: .1});*/
	
	var urlString = 'identifier='+page+'&field=Body_html';
	

	var ajaxResultBody = new Ajax.Updater({success: 'stepBody'}, '/ajax/case_study_content.php', {method: 'post', parameters: urlString, onFailure: reportError, onComplete: handleWorkComplete});
	


	
	for(var x = 0; x < nav.length; x++) {
		nav[x].className = '';
		if (step > x)
			nav[x].className = 'past';
	}

	ref_li.className = 'active';
	return false;
}

addLoadEvent(function() {
		updateDiagram('case_study_wheel_flash',1);
});

function handleWorkComplete() {
	makeExternalLinks();
}

function reportError() {
	alert("ERROR!!");
}

/*function changeContent(num) {
	var url = window.location;
	
	var ref = document.createElement("a");
	
	
	if (num != 1) {
		ref.setAttribute('href', url + '/step' + num);
		case_study_ajax(ref);
	}
	else {
		ref.setAttribute('href', url);
		case_study_ajax(ref);
	}

	return false;
}*/

function handleBodySuccess(evtObj) {
	//Effect.Fade('stepBody', {duration: .1});
	$('stepBody').className = '';
	Effect.Appear('stepBody', {duration: .3}); 
}

function handleProcessSuccess(evtObj) {
	//Effect.Fade('stepBody', {duration: .1});
	$('process_step').className = '';
	//Effect.Appear('process_step', {duration: .3}); 
	
	if(typeof sIFR == "function" && $$('#process_story h1')){
		sIFR.replaceElement("#process_story h1", named({sFlashSrc: "/flash/avenir_light.swf", sColor: "#F87A0F", nPaddingTop: 10, nPaddingBottom: 5, sBgColor: "#ffffff",  sWmode: "transparent", sFlashVars:"offsetTop=0"}));
	}
}

function handleSuppSuccess(evtObj) {
	//Effect.Fade('supplementText', {duration: .1});
	$('supplementText').className = '';
	Effect.Appear('supplementText', {duration: .3}); 
}

function getFlashMovieObject(movieName)
{
  if (window.document[movieName]) 
  {
      return window.document[movieName];
  }
  if (navigator.appName.indexOf("Microsoft Internet")==-1)
  {
    if (document.embeds && document.embeds[movieName]) {
      return document.embeds[movieName];	
		}
  }
  else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
  {
		if(document.getElementById(movieName))
    	return document.getElementById(movieName);
  }
}

//call flash
function updateDiagram(flash, num)
{
	var flashMovie=getFlashMovieObject(flash);
	
	try {
		flashMovie.gotoStepFromJS(num);
	} catch(e) {
		return false;
	}
	

}

function updateDiagramOld(flash, num)
{
	if (navigator.appName.indexOf("Microsoft") != -1) 
	{
		alert(typeof window[flash]);
		if(!window[flash]) {
			alert(flash + " not found!");
		}
		
		alert(window[flash].length);
		
		for(var i = 0; i< window[flash].length; i++) {
			alert(window[flash][i]);
		}
		
        try{
			
			window[flash].gotoStepFromJS(num);
		}
		catch(e) {
			alert(e);
			return false;
		}
    }
    else 
	{
        return document[flash].gotoStepFromJS(num);
    }
}

//call flash
function loadLargeImageFromFlashThumbs(num)
{
	if (navigator.appName.indexOf("Microsoft") != -1) 
	{
        window['imageScrollerLarge_flash'].loadLargeImageFromFlashThumbs(num);
    }
    else 
	{
        document['imageScrollerLarge_flash'].loadLargeImageFromFlashThumbs(num);
    }
}

//Process Section Ajax

function handleProcessSectionEvents() {
	
	if (document.body.className.indexOf('Process') != -1) {
		var nav = $('section_nav');
		var links = nav.getElementsByTagName('a');
		for(var i = 0; i < links.length; i++)
			links[i].onclick = function() { process_ajax(this); return false; };
	}
}

function process_ajax(ref) {
	var page = ref.href;

	page = page.split(".com")[1];
	
	var step = page.split("/")[2];
	
	var stage = step;
	
	//TODO: change "define" to 'stpe2' or soemthing correct
	switch(step) {
		case "Dream":
			step = "1";
		break;
		case "Define":
			step = "2";
		break;
		case "Create":
			step = "3";
		break;
		case "Achieve":
			step = "4";
		break;
		case "Engage":
			step = "5";
		break;		
		default:
			step = "";
		break;
	}
	
	var urlBody = '/process_ajax' + page;
	
	//alert(urlBody);
/*	Effect.FadeCustom('process_step', {duration: .3});*/
	var ajaxResultBody = new Ajax.Updater({success: 'process_box'}, urlBody, {onFailure: reportError, onComplete: handleProcessSuccess});
	
	var ref_li = ref.parentNode;
	var nav = ref_li.parentNode.childNodes;
	var array = page.split("/");
	var step_diagram = array[array.length-1];
	
	updateDiagram('process_diagram_flash',step_diagram);
	
	var new_title = 'PROCESS / <strong>'+stage+'</strong>';
	
	$('title').firstChild.innerHTML = new_title;
	
	
	for(var x = 0; x < nav.length; x++) {
		nav[x].className = '';
	}

	ref_li.className = 'active';
	
	
}

var currImage;

function initGalleryImages() {
	if($('gallery_selector')) {
		var thumbs = $('gallery_selector').getElementsByTagName('li');
		for(var x=0; x < thumbs.length; x++) {
			thumbs[x].onclick = function() {changeImage(this);};
		}
	}
	
	if($('gallery_viewer')) {
		var images = $('gallery_viewer').getElementsByTagName('div');
		for(var y=0; y < images.length; y++) {
			if(images[y].id) {
				$(images[y]).style.display = "none";
				$(images[y]).setOpacity(0.0);
			}
		}
		$(images[0]).style.display = "block";
		$(images[0]).setOpacity(1.0);
		currImage = images[0].id;

		$(getCounterpart(currImage)).addClassName('active');
	}
}

function changeImage(obj) {
	var id = getCounterpart(obj.id);
	
	if(id != currImage) {
		$(getCounterpart(currImage)).removeClassName('active');
		Effect.Fade(currImage,{ duration:0.5, from:1.0, to:0.0});
		Effect.Appear(id,{ duration:0.5, from:0.0, to:1.0});
		currImage = id;
		$(getCounterpart(currImage)).addClassName('active');	
	}
}

function getCounterpart(inString) {
	var array = Array();
	array = inString.toString().split('\_');
	var front;
	if(array[0] == 'thumb') {
		front = 'image_';
	} else {
		front = 'thumb_';
	}
	var id = front+array[1].toString();
	
	return id;
}

function handleGalleryButtons(button, enabled) {
 if (button == "gallery_up") {
	posx = '-93px';
	$('gallery_up').style.backgroundPosition = enabled ? posx + ' -16px' : posx + ' 0px';
 }
 else {
	posx = '0px';
	$('gallery_down').style.backgroundPosition = enabled ? posx + ' -16px' : posx + ' 0px';
 }
   
}

addLoadEvent(handleProcessSectionEvents);
addLoadEvent(initGalleryImages);