// JavaScript Document

 $(document).ready(function(){
	
	
/* testimonials */

	$(".test-middle a").click(function(event){				  
		
		$('.test-middle a').each(function(index) {
			$(this).html("<img src='images2/w-circle.png' width='12' height='12' />");
		});
		$(this).html("<img src='images2/g-circle.png' width='12' height='12' />");
		
		var idname = $(this).attr('id');
		
		if(idname == 'show1'){
			$("#show").html("<p>WebReinvent Team is creative, highly talented, very quick in responding to queries and changes. Within a week of hiring webreinvent I've given them another project, they will be my alltime provider, it's tough to find a IT company like webreinvent.... I highly recommend webreinvent for any web deisgn, development and internet marketing work. <br /><br class='clear' /> <strong>Founder - Raja M.</strong><br/> KayTraders LLC, Pennsylvania, USA </p>");
		} else if(idname == 'show2'){
			$("#show").html("<p>The WebReinvent folks are geniuses and a pleasure to work with! We hired the team recently to develop and optimize our official website for the Amarya Group. WebReinvent is a group of extremely sharp, driven, adaptable and diligent young digital gurus. <br /><br class='clear' /> <strong>Director - Mathieu Chanard</strong><br/> Amarya Group, Delhi, India </p>");
		} else if(idname == 'show3'){
			$("#show").html("<p>Very talented coder. Innovative to customise difficult solutions and not just stick to the book. Highly reccomend. <br /><br class='clear' /> <strong>Prashant Jindal</strong><br/> London, UK </p>");
		} else if(idname == 'show4'){
			$("#show").html("<p> WebReinvent has helped my website start to take off. Before I hired them as my SEO team the traffic to my site was very low. The traffic has more then tripled and I have now received orders from my site. Conversions is our ultimate goal. I highly recommend WebReinvent. <br /><br class='clear' /> <strong>CEO - Leo M.</strong><br/> New York, USA </p>");
		} 
		
		
		return false;
	});

	
/* end of testimonials */


/* portforlio */

$(".portcontainer h3 a").click(function(event){
		$('.portcontainer h3 a').each(function(index) {
			$(this).html("<img src='images2/w-circle.png' width='12' height='12' />");
		});
		$(this).html("<img src='images2/b-circle.png' width='12' height='12' />");
		
		var idname = $(this).attr('id');
		
		
		$(".imagecon div").each(function(index) {
			$(this).hide();
		});
		
		if(idname == 'port1'){
			$('#testid1').show();
		} else if(idname == 'port2'){
			$('#testid2').show();
		}  else if(idname == 'port3'){
			$('#testid3').show();
		} 
		
			
		
		
		return false;
});
/*
	$("#port1").click(function(event){
		$("#port1").html("<img src='images2/b-circle.png' width='12' height='12' alt='port' />");
		$("#port2").html("<img src='images2/w-circle.png' width='12' height='12' alt='port' />");
		$("#testid1").show();
		$("#testid2").hide();
		return false;
	});
	
	$("#port2").click(function(event){
		$("#port1").html("<img src='images2/w-circle.png' width='12' height='12' alt='port' />");
		$("#port2").html("<img src='images2/b-circle.png' width='12' height='12' alt='port' />");
		$("#testid1").hide();
		$("#testid2").show();
		return false;
	});
	
*/
	
 });