// JavaScript Document

function siteappraisal() {
/*---Opacity for firefox --*/
	document.getElementById('urban1').style.opacity = '1';
	document.getElementById('urban2').style.opacity = '0.5';
	document.getElementById('urban3').style.opacity = '0.5';
	document.getElementById('urban4').style.opacity = '0.5';
/*---Opacity for IE7--*/
	document.getElementById('urban1').style.filter = 'alpha(opacity=100)';
	document.getElementById('urban2').style.filter = 'alpha(opacity=50)';
	document.getElementById('urban3').style.filter = 'alpha(opacity=50)';
	document.getElementById('urban4').style.filter = 'alpha(opacity=50)';
/*---Opacity for TEXT --*/
	document.getElementById('siteappr').style.color = '#E5E5E5';
	document.getElementById('mastplan').style.color = '#7F7F7F';
	document.getElementById('desiconc').style.color = '#7F7F7F';
	document.getElementById('content-urban').style.color = '#7F7F7F';
/*---Layout TEXT --*/	
	document.getElementById('fadetext1').style.display = 'block';
	document.getElementById('fadetext2').style.display = 'none';
	document.getElementById('fadetext3').style.display = 'none';
			
}

function masterplanning() {
/*---Opacity for firefox --*/
	document.getElementById('urban1').style.opacity = '0.5';
	document.getElementById('urban2').style.opacity = '1';
	document.getElementById('urban3').style.opacity = '0.5';
	document.getElementById('urban4').style.opacity = '0.5';
/*---Opacity for IE7--*/
	document.getElementById('urban1').style.filter = 'alpha(opacity=50)';
	document.getElementById('urban2').style.filter = 'alpha(opacity=100)';
	document.getElementById('urban3').style.filter = 'alpha(opacity=50)';
	document.getElementById('urban4').style.filter = 'alpha(opacity=50)';
/*---Opacity for TEXT --*/
	document.getElementById('siteappr').style.color = '#7F7F7F';
	document.getElementById('mastplan').style.color = '#E5E5E5';
	document.getElementById('desiconc').style.color = '#7F7F7F';
	document.getElementById('content-urban').style.color = '#7F7F7F';
/*---Layout TEXT --*/	
	document.getElementById('fadetext1').style.display = 'none';
	document.getElementById('fadetext2').style.display = 'block';
	document.getElementById('fadetext3').style.display = 'none';
}

function designconcepts() {
/*---Opacity for firefox --*/
	document.getElementById('urban1').style.opacity = '0.5';
	document.getElementById('urban2').style.opacity = '0.5';
	document.getElementById('urban3').style.opacity = '1';
	document.getElementById('urban4').style.opacity = '1';
/*---Opacity for IE7--*/
	document.getElementById('urban1').style.filter = 'alpha(opacity=50)';
	document.getElementById('urban2').style.filter = 'alpha(opacity=50)';
	document.getElementById('urban3').style.filter = 'alpha(opacity=100)';
	document.getElementById('urban4').style.filter = 'alpha(opacity=100)';
/*---Opacity for TEXT --*/
	document.getElementById('siteappr').style.color = '#7F7F7F';
	document.getElementById('mastplan').style.color = '#7F7F7F';
	document.getElementById('desiconc').style.color = '#E5E5E5';
	document.getElementById('content-urban').style.color = '#7F7F7F';
/*---Layout TEXT --*/	
	document.getElementById('fadetext1').style.display = 'none';
	document.getElementById('fadetext2').style.display = 'none';
	document.getElementById('fadetext3').style.display = 'block';
}

function urbandesign() {

	document.getElementById('fadetext').style.height = '50px';
	document.getElementById('fadetext').style.float = 'left';
	document.getElementById('content-urban').style.margin = '70px 0 0 165px';
	
	document.getElementById('fadetext1').style.display = 'none';
	document.getElementById('fadetext2').style.display = 'none';
	document.getElementById('fadetext3').style.display = 'none';
	
	
	
	document.getElementById('urban1').onclick = siteappraisal;	
	document.getElementById('siteappr').onclick = siteappraisal;
	
	document.getElementById('urban2').onclick = masterplanning;
	document.getElementById('mastplan').onclick = masterplanning;
	
	document.getElementById('urban3').onclick = designconcepts;
	document.getElementById('urban4').onclick = designconcepts;
	document.getElementById('desiconc').onclick = designconcepts;
	
}