function clienton (id) {
document.getElementById(id).style.border = '1px solid #9F9E9E';
}

function clientoff (id) {
document.getElementById(id).style.border = '1px solid #CFCBCB';
}

function webdesign () {
	fade('webpagemain');
}

function changebk () {
	fade('webpagemain');
}




function setOpacity(domId, val) {
obj = document.getElementById(domId);
obj.style.MozOpacity = val;
obj.style.opacity = val/10;
obj.style.filter = 'alpha(opacity=' + val*10 + ')';

};

function fade(domId){

obj = document.getElementById(domId); 

 if(obj.style.display == "none") return false; 

 var alpha = 10; 
 function f(){ 

  alpha--; 
  setOpacity(domId, alpha); 

  if(alpha > -1){ 
   setTimeout(f, 100); 

  }else{ 
   obj.style.display = 'none'; 
	x = document.getElementById('webpagemain').src;
	
	if(x == 'http://www.rwrdesigns.co.uk/img1/headwebdesigndevelopment1.jpg') {
		document.getElementById('webpagemain').src = 'http://www.rwrdesigns.co.uk/img1/headwebdesigndevelopment.jpg';
		document.getElementById('webprice').href = 'http://www.rwrdesigns.co.uk/rwr-web-designs-services/';
	}
	else {
		document.getElementById('webpagemain').src = 'http://www.rwrdesigns.co.uk/img1/headwebdesigndevelopment1.jpg';
		document.getElementById('webprice').href = 'http://www.rwrdesigns.co.uk/rwr-website-design-pricing/';
	
	}
	appear('webpagemain');
  }
}
setTimeout(f, 100); 
};


function appear(domId){
obj = document.getElementById(domId); 

 if(obj.style.display != "none") return false; 

 	obj.style.display = ''; 
 	var alpha = 0; 

 	function a(){ 
  		alpha++; 

 		 setOpacity(domId, alpha);
  		if(alpha < 11)setTimeout(a, 100);


	}
setTimeout(changebk, 7000);
setTimeout(a, 0);


};
