image_home = new Image();
image_home.src = 'images/home_on.png';

image_where = new Image();
image_where.src = 'images/where_on.png';

image_features = new Image();
image_features.src = 'images/features_on.png';

image_features = new Image();
image_features.src = 'images/plans_on.png';

image_features = new Image();
image_features.src = 'images/contact_on.png';

function btn_on(x,y,text_id){


		document[x].src = eval(y + ".src");
		
		e2 = document.getElementById(text_id);
		e2.style.color = '#cc6600';

}

function btn_off(x,y,text_id){


		var temp;
		
		switch (text_id){
			case 's_text':
			 temp = clicked_one;
			break;
		
			case 'one_text':
			 temp = clicked_two;
			break;
			
			case 'two_text':
			 temp = clicked_three;
			break;
		}
		
		
		if (temp!=1){
		
		
		document[x].src = eval(y + ".src");
		
		e2 = document.getElementById(text_id);
		e2.style.color = '#666666';
		}
	
}


function swap(){
	if (document.images){
		for (x=0;x < swap.arguments.length; x+=2){
			document[swap.arguments[x]].src = eval(swap.arguments[x+1] + ".src");
		
		}
	}
	
	
}

function clicked(which){
	clear_buttons();
	switch(which){

       
		case 'studio':
		clicked_one = 1;
		btn_on('studio_image','image_one','s_text');
		e = document.getElementById('studio_plan');
		e.style.display = 'block';
		break;
	
		case 'one':
		clicked_two = 1;
		btn_on('oneBed_image','image_one', 'one_text');
		e = document.getElementById('oneBed_plan');
		e.style.display = 'block';
		break;
	
		case 'two':
		clicked_three = 1;
		btn_on('twoBed_image','image_one','two_text');
		e = document.getElementById('twoBed_plan');
		e.style.display = 'block';
		break;

	}
}


function clear_buttons(){

		clicked_one = 0;
		clicked_two = 0;
		clicked_three = 0;
		
		
		document['studio_image'].src = image_two.src;
		document['oneBed_image'].src = image_two.src;
		document['twoBed_image'].src = image_two.src;
		
		e1 = document.getElementById('s_text');
		e1.style.color = '#666666';
		e2 = document.getElementById('one_text');
		e2.style.color = '#666666';
		e3 = document.getElementById('two_text');
		e3.style.color = '#666666';
		
		e4 = document.getElementById('studio_plan');
		e4.style.display = 'none';
		e5 = document.getElementById('oneBed_plan');
		e5.style.display = 'none';
		e6 = document.getElementById('twoBed_plan');
		e6.style.display = 'none';
		
	
}
function show_limit(){
	e = document.getElementById('limit');
	e.style.display = 'block';
}
function hide_limit(){
	e = document.getElementById('limit');
	e.style.display = 'none';
}