Image TabPanel

[AntoVXR]

Hi There,

Were wanting to be able to click one of 2 images on the homepage of our app but can't quite work out how its done.

Here is the link to what we have: http://sugarcaneweb.co.uk/iOS2/index.html

We want to be able to click portfolio/services and on click the active tab be switched and the correct item be lit up at the bottom of the screen. could anybody advise? thanks Anto

Our code:

onReady: function() {

var panel = new Ext.TabPanel({
fullscreen: true,
tabBarPosition: 'bottom',

items: [
{
xtype: "toolbar",
docked: 'top',
cls: 'scw_toolbar',
html: '<img src="images/logo.png" alt="Sugarcane Web" width="113" height="30" style="margin-top: 8px;" />',
},
{
title: 'Home',
iconCls: 'home',
cls: 'home',
scrollable: 'vertical',

items: [
{
xtype: 'panel',
html: [
'<div class="homeimage">',
'<img src="/images/SOFA_PHOTO.jpg" width="100%" alt="SOFA_PHOTO" />',
'</div>',
'<div id="homecontent">',
'<div id="homeleft" class="halfpanel">',
'<img src="images/portfolio.jpg" alt="portfolio" width="100%" />',
'</div>',
'<div id="homeright" class="halfpanel">',
'<img src="images/services.jpg" alt="services" width="100%" />',
'</div>',
'</div>',
].join(""),
flex: 1,
},
],
},