Create an HTML/CSS/PHP frame with tabs, with seperate tab images

[sonic_2]

I have a page set up with a large block in the middle, where I plan to display data relevant to the category selected from the tabs. I would like this data to auto-populate and paginate based on how many instances of relevant data there is. I would also like to set it up so that when you have a tab selected, the background image blends into the large block, whereas the unselected tabs have graphics that clearly arent a piece of the same block.I have the artwork all created, my html template ready to go, I just happen to be out of the loop programming wise by about 4-6 years. So I'm a bit lost on how to:A) Create the relevant data stream, and format it.B) Have the tabs reflect which category is selected. I have this for the tab section in code:\[code\]<tr> <td background="images/LeftSideSpacer3.png" width="20" height="32"></td> <td background="images/LeftSideButtonSpacer.png" width="14" height="32"></td> <td background="images/LeftSideButtonSpacer2.png" width="2" height="32"></td> <td background="<?php tabStatus(); ?>" width="65" height="32"> <a href="http://stackoverflow.com/questions/13771558/<?php $href=$CategoryTitle; ?>?<?php echo $href; ?>" name="<?php $SectionName='Hunter'; ?>Hunter" onClick="<?php $CategoryTitle='Hunter'; ?>">Hunter</a> </td> <td background="images/ButtonSpacer.png" width="3" height="32"></td> <td background="images/TabOff.png" width="65" height="32"></td>\[/code\]Where \[code\]tabStatus()\[/code\] calls a predefined function in my header:\[code\]function tabStatus() { if ($SectionName == $CategoryTitle) { return "images/TabOn.png"; } else { return "images/TabOff.png"; }}\[/code\]None of this works, which brings me back to being lost. And 4 hours googling and searching hasnt helped me much.