Panel of right-sided staff pics with info appearing as each pic is selected inside a left-sided containing div (jscript & wordpress)

gistfile1.txt

on page body:

<div id="purpsq" style="min-height: 220px">
<div id="imgDescription1" class="afterbox"><h4 style="color: #252525">Bill Smith</h4><hr><p class="frontbox_text">Bill joined us in 2004 and has etc etc and so on blah and lorem ipsum. He comes with fully functional punching arm action and accessories.</p></div>
<div id="imgDescription2" class="afterbox"><h4 style="color: #252525">Hugh Jass</h4><hr><p class="frontbox_text">Bill joined us in 2004 and has etc etc and so on blah and lorem ipsum. He comes with fully functional punching arm action and accessories.</p></div>
<div id="imgDescription3" class="afterbox"><h4 style="color: #252525">Rick O'Shea</h4><hr><p class="frontbox_text">Bill joined us in 2004 and has etc etc and so on blah and lorem ipsum. He comes with fully functional punching arm action and accessories.</p></div>
<div id="imgDescription4" class="afterbox"><h4 style="color: #252525">Annette Curtin</h4><hr><p class="frontbox_text">Bill joined us in 2004 and has etc etc and so on blah and lorem ipsum. He comes with fully functional punching arm action and accessories.</p></div>
<div id="imgDescription5" class="afterbox"><h4 style="color: #252525">Eileen Dover</h4><hr><p class="frontbox_text">Bill joined us in 2004 and has etc etc and so on blah and lorem ipsum. He comes with fully functional punching arm action and accessories.</p></div>
<div id="imgDescription6" class="afterbox"><h4 style="color: #252525">Brendan Shine</h4><hr><p class="frontbox_text">Bill joined us in 2004 and has etc etc and so on blah and lorem ipsum. He comes with fully functional punching arm action and accessories.</p></div>
<div id="imgDescription7" class="afterbox"><h4 style="color: #252525">Gary Strang</h4><hr><p class="frontbox_text">Bill joined us in 2004 and has etc etc and so on blah and lorem ipsum. He comes with fully functional punching arm action and accessories.</p></div>
<div id="imgDescription8" class="afterbox"><h4 style="color: #252525">Wild Bill</h4><hr><p class="frontbox_text">Bill joined us in 2004 and has etc etc and so on blah and lorem ipsum. He comes with fully functional punching arm action and accessories.</p></div>
<div id="imgDescription9" class="afterbox"><h4 style="color: #252525">Wild Bill</h4><hr><p class="frontbox_text">Bill joined us in 2004 and has etc etc and so on blah and lorem ipsum. He comes with fully functional punching arm action and accessories.</p></div>
</div>
[/tw-column]
[tw-column width="two-third" position="last"]
<div id="manholder">
<div class="team_image" id="team1">
<div class="team_image_item"><img src="http://test.doodlecreative.ie/Scannell_Solutions_Build/wp-content/uploads/2014/07/man.png" alt="man" /></div></div>
<div class="team_image" id="team2">
<div class="team_image_item"><img src="http://test.doodlecreative.ie/Scannell_Solutions_Build/wp-content/uploads/2014/07/man.png" alt="man" /></div></div>
<div class="team_image" id="team3">
<div class="team_image_item"><img src="http://test.doodlecreative.ie/Scannell_Solutions_Build/wp-content/uploads/2014/07/man.png" alt="man" /></div></div>
<div class="team_image" id="team4">
<div class="team_image_item"><img src="http://test.doodlecreative.ie/Scannell_Solutions_Build/wp-content/uploads/2014/07/man.png" alt="man" /></div></div>
</div>
<div style="clear: both"></div>

<div id="manholder">

<div class="team_image" id="team5">
<div class="team_image_item"><img src="[fullpath]/wp-content/uploads/2014/07/man.png" alt="man" /></div></div>
<div class="team_image" id="team6">
<div class="team_image_item"><img src="[fullpath]/wp-content/uploads/2014/07/man.png" alt="man" /></div></div>
<div class="team_image" id="team7">
<div class="team_image_item"><img src="[fullpath]/wp-content/uploads/2014/07/man.png" alt="man" /></div></div>
<div class="team_image" id="team8">
<div class="team_image_item"><img src="[fullpath]/wp-content/uploads/2014/07/man.png" alt="man" /></div></div>
</div>
<div style="clear: both"></div>
[/tw-column]

<script>
function Myfunc()
    {
$('#team1').click(function() {
$('#imgDescription2').hide();
$('#imgDescription3').hide();
$('#imgDescription4').hide();
$('#imgDescription5').hide();
$('#imgDescription6').hide();
$('#imgDescription7').hide();
$('#imgDescription8').hide();
    $('#imgDescription1').show();
});
$('#team2').click(function() { 
$('#imgDescription1').hide();
$('#imgDescription3').hide();
$('#imgDescription4').hide();
$('#imgDescription5').hide();
$('#imgDescription6').hide();
$('#imgDescription7').hide();
$('#imgDescription8').hide();
    $('#imgDescription2').show();
});
$('#team3').click(function() { 
$('#imgDescription2').hide();
$('#imgDescription1').hide();
$('#imgDescription4').hide();
$('#imgDescription5').hide();
$('#imgDescription6').hide();
$('#imgDescription7').hide();
$('#imgDescription8').hide();
    $('#imgDescription3').show();
});
$('#team4').click(function() { 
$('#imgDescription2').hide();
$('#imgDescription3').hide();
$('#imgDescription1').hide();
$('#imgDescription5').hide();
$('#imgDescription6').hide();
$('#imgDescription7').hide();
$('#imgDescription8').hide();
    $('#imgDescription4').show();
});
$('#team5').click(function() { 
$('#imgDescription2').hide();
$('#imgDescription3').hide();
$('#imgDescription4').hide();
$('#imgDescription1').hide();
$('#imgDescription6').hide();
$('#imgDescription7').hide();
$('#imgDescription8').hide();
    $('#imgDescription5').show();
});
$('#team6').click(function() { 
$('#imgDescription2').hide();
$('#imgDescription3').hide();
$('#imgDescription4').hide();
$('#imgDescription5').hide();
$('#imgDescription1').hide();
$('#imgDescription7').hide();
$('#imgDescription8').hide();
    $('#imgDescription6').show();
});
$('#team7').click(function() { 
$('#imgDescription2').hide();
$('#imgDescription3').hide();
$('#imgDescription4').hide();
$('#imgDescription5').hide();
$('#imgDescription6').hide();
$('#imgDescription1').hide();
$('#imgDescription8').hide();
    $('#imgDescription7').show();
});
$('#team8').click(function() { 
$('#imgDescription2').hide();
$('#imgDescription3').hide();
$('#imgDescription4').hide();
$('#imgDescription5').hide();
$('#imgDescription6').hide();
$('#imgDescription7').hide();
$('#imgDescription1').hide();
    $('#imgDescription8').show();
});
}
</script>

<script type="text/javascript">
                   Myfunc();
            </script>