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

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




function switchSlide(comp_id, image, direction, text, thumb, lastThumb, lastSlideImage, lastSlideText, wideText){
	
	if(thumb!= 0){		
		document.getElementById('development-thumb-bar' + lastThumb + comp_id).setAttribute('class','development-thumb-bar');
		document.getElementById('development-thumb-bar' + lastThumb + comp_id).setAttribute('className','development-thumb-bar');
		
		document.getElementById('development-thumb-bar' + thumb + comp_id).setAttribute('class','activebar');
		document.getElementById('development-thumb-bar' + thumb + comp_id).setAttribute('className','activebar');
		
		
	} else{
		document.getElementById('development-thumb-bar' + lastThumb + comp_id).setAttribute('class','development-thumb-bar');
		document.getElementById('development-thumb-bar' + lastThumb + comp_id).setAttribute('className','development-thumb-bar');
	}
	
	
	document.getElementById(lastSlideImage).style.display = 'none';
	document.getElementById(lastSlideText).style.display = 'none';
	/*COME BACK TO THIS */
	if(!wideText){
	document.getElementById('developmentText'+ comp_id).setAttribute('class',direction + 'DevelopmentText');
	document.getElementById('developmentTitle' + comp_id).setAttribute('class',direction + 'DevelopmentTitle');
	document.getElementById('developmentLargeImage' + comp_id).setAttribute('class',direction + 'DevelopmentLargeImage');
	document.getElementById('bugFix' + comp_id).setAttribute('class',direction+	'DevelopmentBugFix');
	
	document.getElementById('developmentText'+ comp_id).setAttribute('className',direction + 'DevelopmentText');
	document.getElementById('developmentTitle'  + comp_id).setAttribute('className',direction + 'DevelopmentTitle');
	document.getElementById('developmentLargeImage' + comp_id).setAttribute('className',direction + 'DevelopmentLargeImage');
	document.getElementById('bugFix' + comp_id).setAttribute('className',direction+	'DevelopmentBugFix');
	} else {
	
	document.getElementById('developmentTitle'  + comp_id).setAttribute('class','verticalDevelopmentTitle');	
	
	document.getElementById('developmentTitle'  + comp_id).setAttribute('className','verticalDevelopmentTitle');
	}
	

	Element.hide('developmentLargeImage' + comp_id); new Effect.Appear('developmentLargeImage' + comp_id);
	Element.hide('developmentText'+ comp_id); new Effect.Appear('developmentText'+ comp_id);

	
	if(image!='none'){
	document.getElementById(image + comp_id).style.display = 'block';
	}
	
	document.getElementById(text  + comp_id).style.display = 'block';
	lastSlideText = text  + comp_id;
	
	if(direction=="horizontal"){
		document.getElementById('development-box'+comp_id).style.height = "505px";
	} else if(direction="vertial"){
		document.getElementById('development-box'+comp_id).style.height = "465px";
	}
	
}