function change(x)
{
	if(x == '1') 
		{
			 $("#selectedbggraphic").animate({"top": "0px"}, "fast");
			 document.getElementById("ena").style.color = "#292828";
				document.getElementById("tessera").style.color = "#ffffff";
				document.getElementById("tria").style.color = "#ffffff";
				document.getElementById("dio").style.color = "#ffffff";
				document.getElementById("pente").style.color = "#ffffff";
		  $('#show > *').fadeOut('slow', function() {
					  
			document.getElementById('show').innerHTML = '<div id="title">Consultation</div><div id="righttexttext" class="just"><p>The first step of our process is reviewing your ideas in order to understand exactly what it is that <strong>you want</strong>.  We offer this in the form on a <strong>no-obligation free consultation</strong>.</p></div><div id="mangraphic"><img alt="Cyprus web development process" title="Cyprus web design" src="images/mangraphic.gif" /></div><div id="righttext2text" class="just"><p>What is the intended purpose of your website?</p><p>-What are the primary and secondary goals that you expect your website to achieve?</p><p>-Who is your &quot;Ideal Client&quot;?</p><p>-What kind of content does your potential prospect expect to discover on your website?</p></div>';
				
				
					
		  });
		 
		  $('#show > *').fadeIn('slow');
		}
							
		
		else if(x == '2')
		{
			$("#selectedbggraphic").animate({"top": "37px"}, "fast");
		document.getElementById("dio").style.color = "#292828";
		document.getElementById("tessera").style.color = "#ffffff";
		document.getElementById("tria").style.color = "#ffffff";
		document.getElementById("pente").style.color = "#ffffff";
		document.getElementById("ena").style.color = "#ffffff";
		$('#show > *').fadeOut('slow', function() {
				document.getElementById('show').innerHTML = '<div id="title">The First Draft</div><div id="righttexttext" class="just"> <p>The next phase of our process is the first draft.  By this point our designers have been working for at least a few days before we present you with the first draft of your future website.</p><p>At this point we have another view session with you where we start to figure out the essentials of your website.</p></div><div id="designermangrpahic"><img src="images/designermangrpahic.gif" /></div><div id="righttext2text" class="just"> <p>- Does the website look like you imagined?</p> <p>- Is there anything you\'d like to change on the design?</p></div>';		
				
		  });
		  $('#show > *').fadeIn('slow');
		}
		
		
		else if(x == '3')
		{
			$("#selectedbggraphic").animate({"top": "72px"}, "fast");
		document.getElementById("tria").style.color = "#292828";
		document.getElementById("tessera").style.color = "#ffffff";
		document.getElementById("pente").style.color = "#ffffff";
		document.getElementById("dio").style.color = "#ffffff";
		document.getElementById("ena").style.color = "#ffffff";
		$('#show > *').fadeOut('slow', function() {
				
				document.getElementById('show').innerHTML = '<div id="title">The Review Phase</div><div id="righttexttext" class="just"><p>Once you\'ve given your critical feedback we get back to work on working on the second draft of the website.  Depending on the project this may not be necessary but we\'re always ready to make the necessary revisions until you are satisfied.</p></div><div id="designermangrpahic"><img src="images/designermangrpahic.gif" /></div><div id="righttext2text" class="just"></div>';	
		
						
		
		  });
		  $('#show > *').fadeIn('slow');
		}
		else if(x == '4')
		{
		$('#show > *').fadeOut('slow', function() {
				document.getElementById('show').innerHTML = '<div id="title">Finalize the Design</div><div id="righttexttext" class="just"><p>At this point once we\'ve agreed upon the design we send our programmers, coders and designers at it to make your website come to life.  We take care to cover all aspects and finally administer a private test by us and a public test by you to ensure that everything is 100% functional and working.</p></div><div id="mangraphic1"><img src="images/fin.gif" /></div><div id="righttext2text" class="just"></div>';
		$("#selectedbggraphic").animate({"top": "108px"}, "fast");
		document.getElementById("tessera").style.color = "#292828";
		document.getElementById("pente").style.color = "#ffffff";
		document.getElementById("tria").style.color = "#ffffff";
		document.getElementById("dio").style.color = "#ffffff";
		document.getElementById("ena").style.color = "#ffffff";
		  });
		  $('#show > *').fadeIn('slow');
		}
		else if(x =='5')
		{
			$("#selectedbggraphic").animate({"top": "138px"}, "fast");
		document.getElementById("pente").style.color = "#292828";
		document.getElementById("tessera").style.color = "#ffffff";
		document.getElementById("tria").style.color = "#ffffff";
		document.getElementById("dio").style.color = "#ffffff";
		document.getElementById("ena").style.color = "#ffffff";
		$('#show > *').fadeOut('slow', function() {
				document.getElementById('show').innerHTML = '<div id="title">Lift-off!</div><div id="righttexttext" class="just"><p>Once we\'ve finalized the design it\'s finally time for you to launch.  So we\'ll set everything up so that you can start getting potential prospects and customers to your website.  We make it easy!</p></div><div id="mangraphic"><img src="images/launch.gif" /></div><div id="righttext2text"> <p> </div>';
		
		  });
		  $('#show > *').fadeIn('slow');
		
	}
}


function al(cnt1)
{
	
	cnt1 = ""+cnt1+"1";
	length1 = "url('mknewmedia/centerimggraphic"+cnt1+".gif')";
	l = length1.length;

	if(l > 41)
	{
		cnt1 = '';	
	}
	cnt = cnt1;
	setTimeout("test1(cnt)",7000);
	
}

function test1(cnt1)
{		
	$('#centerimggraphic').fadeOut('fast', function() {

		document.getElementById('centerimggraphic').style.backgroundImage  = "url('mknewmedia/centerimggraphic"+cnt1+".gif')";
	
	});
	$('#centerimggraphic').fadeIn('fast');
	;
al(cnt1);
}