var lastSlideImage = 'largeImage1';
var lastSlideText = 'text1';
var lastThumb = 1;

function switchColor(i){
	document.getElementById('development-thumb-bar' + i).setAttribute('class','activebar');
	document.getElementById('development-thumb-bar' + i).setAttribute('className','activebar');
}

function switchColorBack(i){
	if(i !=lastThumb){
		document.getElementById('development-thumb-bar' + i).setAttribute('class','development-thumb-bar');
		document.getElementById('development-thumb-bar' + i).setAttribute('className','development-thumb-bar');
	} else {
		document.getElementById('development-thumb-bar' + i).setAttribute('class','activebar');
		document.getElementById('development-thumb-bar' + i).setAttribute('className','activebar');
	}
}

function switchSlide(image, direction, text, thumb){

	if(thumb!= 0){		
		document.getElementById('development-thumb-bar' + lastThumb).setAttribute('class','development-thumb-bar');
		document.getElementById('development-thumb-bar' + lastThumb).setAttribute('className','development-thumb-bar');
		
		document.getElementById('development-thumb-bar' + thumb).setAttribute('class','activebar');
		document.getElementById('development-thumb-bar' + thumb).setAttribute('className','activebar');
		
		lastThumb = thumb;
	} else{
		document.getElementById('development-thumb-bar' + lastThumb).setAttribute('class','development-thumb-bar');
		document.getElementById('development-thumb-bar' + lastThumb).setAttribute('className','development-thumb-bar');
	}
	
	
	document.getElementById(lastSlideImage).style.display = 'none';
	document.getElementById(lastSlideText).style.display = 'none';
	
	if(text!='wideText'){
	document.getElementById('developmentText').setAttribute('class',direction + 'DevelopmentText');
	document.getElementById('developmentTitle').setAttribute('class',direction + 'DevelopmentTitle');
	document.getElementById('developmentLargeImage').setAttribute('class',direction + 'DevelopmentLargeImage');
	
	
	document.getElementById('developmentText').setAttribute('className',direction + 'DevelopmentText');
	document.getElementById('developmentTitle').setAttribute('className',direction + 'DevelopmentTitle');
	document.getElementById('developmentLargeImage').setAttribute('className',direction + 'DevelopmentLargeImage');
	} else {
	
	document.getElementById('developmentText').setAttribute('class', 'noInfoDevelopmentText');
	document.getElementById('developmentTitle').setAttribute('class','verticalDevelopmentTitle');	
	
	document.getElementById('developmentText').setAttribute('className', 'noInfoDevelopmentText');
	document.getElementById('developmentTitle').setAttribute('className','verticalDevelopmentTitle');
	}
	
	//Element.hide('developmentLargeImage'); new Effect.Appear('developmentLargeImage');
	//Element.hide('developmentText'); new Effect.Appear('developmentText');
	
	$('#developmentLargeImage').hide(); 
	$('#developmentLargeImage').fadeIn("slow");
	$('#developmentText').hide();  
	$('#developmentText').fadeIn("slow");

	
	if(image!='none'){
	document.getElementById(image).style.display = 'block';
	lastSlideImage = image;
	}
	document.getElementById(text).style.display = 'block';
	lastSlideText = text;
}