var galleryImages;



function galleryInit(element,oldValue){
		var i = 0;
		var totalImgs = galleryImages.length;

		if(!oldValue){
			oldValue = galleryImages[0];
		} else{
			$(oldValue).hide();
			$(element).show();
			oldValue = element;
		}
		
		
		$('gallery-nav-elements').innerHTML = ""; //clear div
		galleryImages.each(function(key,index){
			i++;
			if(key == oldValue){
				isact = "act";
				$('gallery-current-image').innerHTML = index+1;
				
				oldValue = key;
				nextElement = galleryImages[index+1];
				prevElement = galleryImages[index-1];
				
				if(oldValue == galleryImages.last()){
					nextElement = galleryImages[0];
				} 
				else if(oldValue == galleryImages.first()){
					prevElement = galleryImages[totalImgs-1];
				}
			}
			else{
				isact = "";
			}
			$('gallery-nav-elements').innerHTML += '<a href="javascript:;" class="'+isact+'" onclick="galleryInit(\''+key+'\',\''+oldValue+'\');"><img src="/images/spacer.gif" alt="" width="21" height="10" /></a>';
			
		});
		

		$('gallery-leftarrow').innerHTML = '<a href="javascript:;"><img src="/images/gallery-arrow-left.gif" style="float:left;"  onclick="galleryInit(\''+prevElement+'\',\''+oldValue+'\');" /></a>';
		$('gallery-rightarrow').innerHTML = '<a href="javascript:;"><img src="/images/gallery-arrow-right.gif" style="float:left;" onclick="galleryInit(\''+nextElement+'\',\''+oldValue+'\');" /></a>';
		
		$('gallery-total-images').innerHTML = i;
}

function animateSubnav(element,objid,duration){
	durationTime = duration || 0.2;
	
	if(!$(objid).hasClassName('link-subnav-close')){
		new Effect.BlindUp($(element), { duration: durationTime });
		//obj.innerHTML = '<img src="images/workfield-closed.gif" style="padding-top:5px;" />';
		$(objid).addClassName('link-subnav-close');
	}
	else{
		new Effect.BlindDown($(element), { duration: durationTime });
		//obj.innerHTML = '<img src="images/workfield-open.gif" style="padding-top:5px;" />';
		$(objid).hasClassName('link-subnav-close') ? $(objid).removeClassName('link-subnav-close') : '';
	}
}

var firstElement="";
var lastElement = "";
var firstObject = "";

function changeWorkfield(element,mode,obj){
	switch (mode) {
	  case "over":
			if(element!=firstElement){
				firstElement ? $(firstElement).hide() : '';
				$(element).show();
				
			}
			if(obj!=firstObject && firstObject){
				$(firstObject).removeClassName('act');
				$(firstObject).addClassName('wasact');
				$(firstObject).blur();
			}
		break;
		
	  case "out":
			if(element!=firstElement){
				firstElement ? $(firstElement).show() : '';
				$(element).hide();
			}
			firstObject ? $(firstObject).addClassName('act') : ''; 
		break;
		
	  case "click":
		firstElement ? $(firstElement).hide() : '';
		$(element).show();
		
		if(obj){
			parentElement = $(obj).up('div.timeline-container');
			lastElement = $(parentElement).down('a.wasact');
			lastElement.removeClassName('wasact');
			$(obj).addClassName('act');
			
			firstObject = obj;
		}
		
		firstElement = element;
		break;
	}

}