// JavaScript Document
var jobsTitle;
var relatedUL 	= new Array;
var showing 	= new Array;
var changing 	= new Array,
	jobDDShowing = false;
function getChildULid(parent){

		var HDid 		= $(parent).id;
		var lastdash 	= HDid.lastIndexOf('_');
		var ULid 		= HDid
		return ULid;

}

function initCategories(){

		relatedUL = $$('a.photos');
		relatedUL.each(
				function(e,index){

						var ULid = getChildULid(e);

						Event.observe(e, 'click', function(e){ e.stop(); showBubble(e,index); }, false);
						Event.observe(e, 'mouseover', showBlurp, false);
						Event.observe('close_bubble', 'click', function(e){ e.stop(); closeBubble(index); pageTracker._trackEvent('Our Jobs', 'Closed', 'Closed '+jobsTitle+' Jobs Box');  }, false);
						//Event.observe(e, 'mouseout', function(e){ e.stop(); hideBlurp(index); }, false);
						changing[index] = false;
						
						var blurpBox = e.up();
						if (blurpBox.id == "") {
							blurpBox = element.up(1);
						}
				}
		)
		$$('a.jobs_sel').each(
					function(e, index){
						Event.observe(e, 'click', function(e){ e.stop();switchJobs(e,index); }, false);
					}
		)
		if ($('show_objective') != null){Event.observe('show_objective', 'click', showObjective, false)};
		if ($('show_opportunities') != null){Event.observe('show_opportunities', 'click', showOpportunities, false)};
		if ($('show_qualities') != null){Event.observe('show_qualities', 'click', showQualities, false)};
		if ($('jobs_selector_btn') != null){Event.observe('jobs_selector_btn', 'click', function(e){Event.stop(e);$('select_jobs').show();}, false)};
		//if ($('close_bubble') != null){Event.observe('close_bubble', 'click', closeBubble, false)};
}
function hideBubbleInfo(){
			$('show_objective').removeClassName('sel');
			$('show_opportunities').removeClassName('sel');
			$('show_qualities').removeClassName('sel');
			$('objective').hide();
			$('opportunities').hide();
			$('qualities').hide();
}
function showObjective(e){

			Event.stop(e);
			
			hideBubbleInfo();
			
			$('show_objective').addClassName('sel');
			
			$('objective').show();

}
function showOpportunities(e){

			Event.stop(e);
			
			hideBubbleInfo();
			
			$('show_opportunities').addClassName('sel');
			
			$('opportunities').show();

}
function showQualities(e){

			Event.stop(e);
			
			hideBubbleInfo();
			
			$('show_qualities').addClassName('sel');
			
			$('qualities').show();

}

function closeBubble(HDkey){
	
		if(!changing[HDkey]){

				changing[HDkey] = true;

				var ULid = getChildULid(relatedUL[HDkey]);
				$('roundedGradiant').hide();
				$('blank').show();
				for(i=1;i<12;i++){
					$('photo_'+i).removeClassName('sel');
				}
				
				hideBubbleInfo();
				
				$('show_objective').addClassName('sel');
				
				$('objective').show();
				
				showing[HDkey] = false; changing[HDkey] = false;
				
		}

}
function switchJobs(e,index){

			Event.stop(e);
			
			var jobsTitle = $('div_photo_'+(index+1)).down('h1').innerHTML;
			$('jobs_selector_btn').update(jobsTitle);

			//var num = index+1;
			//$('jobs_selector_btn').innerHTML = titles['photo_'+num];
			$('select_jobs').hide();
			showBubble(e,index);

}
function showBubble(e,HDkey){

		var ULid = getChildULid(relatedUL[HDkey]);

		var clickedEl = $('div_photo_'+(HDkey+1));
		
		var jobsObjective = clickedEl.down('p.jobs_objective').innerHTML;
		var jobsOpportunities = clickedEl.down('p.jobs_opportunities').innerHTML;
		var jobsQualities = clickedEl.down('p.jobs_qualities').innerHTML;
		var jobsTitle = clickedEl.down('h1').innerHTML;
		
		pageTracker._trackEvent('Our Jobs', 'Opened', 'Opened '+jobsTitle+' Jobs Box');
		
		$('objective').update(jobsObjective);
		$('opportunities').update(jobsOpportunities);
		$('qualities').update(jobsQualities);
		$('titles').update(jobsTitle);

		$('roundedGradiant').show();
		$('blank').hide();
		for(i=1;i<12;i++){
			$('photo_'+i).removeClassName('sel');
		}
		$(ULid).addClassName('sel');
		/*$('objective').innerHTML = objective[ULid];
		$('opportunities').innerHTML = opportunities[ULid];
		$('qualities').innerHTML = qualities[ULid];
		$('titles').innerHTML = titles[ULid];*/
		switch(ULid){
			case 'photo_1':$('bottom_arrow').setStyle({ left: '38px' }); break;
			case 'photo_2': $('bottom_arrow').setStyle({ left: '100px' }); break;
			case 'photo_3': $('bottom_arrow').setStyle({ left: '170px' }); break;
			case 'photo_4': $('bottom_arrow').setStyle({ left: '237px' }); break;
			case 'photo_5': $('bottom_arrow').setStyle({ left: '300px' }); break;
			case 'photo_6': $('bottom_arrow').setStyle({ left: '366px' }); break;
			case 'photo_7': $('bottom_arrow').setStyle({ left: '440px' }); break;
			case 'photo_8': $('bottom_arrow').setStyle({ left: '500px' }); break;
			case 'photo_9': $('bottom_arrow').setStyle({ left: '565px' }); break;
			case 'photo_10': $('bottom_arrow').setStyle({ left: '628px' }); break;
			case 'photo_11': $('bottom_arrow').setStyle({ left: '692px' }); break;
		}

}

function showBlurp(e){

	Event.stop(e);

	var element = e.element();
	var blurpBox = element.up();
	if (blurpBox.id == "") {
		blurpBox = element.up(1);
	}
	
	var jobsIntroTitle = blurpBox.down('h1').innerHTML;
	var jobsIntroDesc = blurpBox.down('p.jobs_intro_desc').innerHTML;
	
	$('jobsTitle').update(jobsIntroTitle);
	$('jobsDesc').update(jobsIntroDesc);

	/*if(!changing[e]){

				changing[e] = true;				

				var ULid = getChildULid(relatedUL[e]);
				//$('intro').innerHTML = captions[ULid]; 
				showing[e] = true; changing[e] = false;
				
	}*/

}


function hideBlurp(HDkey){
	
	if(!changing[HDkey]){

				changing[HDkey] = true;				

				var ULid = getChildULid(relatedUL[HDkey]);
				$('intro').innerHTML = ''; showing[HDkey] = false; changing[HDkey] = false;
				
		}

}

Event.observe(document, 'dom:loaded', initCategories);