<script language="JavaScript">
var tabs = [
                //first tab
                [
                    //tab image when unselected
                    '/Images/tabs/home_reg.png',
                    //tab image when selected
                    '/Images/tabs/home_reg.png',
                    //tab data
                    '<?php echo"hello!"; ?>'],
                //second tab
                [
                    '/Images/tabs/inbox_reg.png',
                    '/Images/tabs/inbox_reg.png',
                    '<?php
function checkSender ($sender) { // Gets the sender's username
    $query = "SELECT `uname`, `ID`
    FROM members
    WHERE id='$sender'";
    $result = mysql_query($query) or die(mysql_error());
    if (mysql_num_rows($result) > 0)
    {
        $row = mysql_fetch_array($result) or die(mysql_error());
        $userFrom = $row['uname'];
    }
    return $userFrom;
}

mysql_select_db($database_uploader, $uploader); // Get the user ID of who it's to
$query = "SELECT `uname`, `id`
          FROM members
          WHERE uname='$_SESSION[user]'";
$result = mysql_query($query) or die(mysql_error());
if (mysql_num_rows($result) > 0) {
    $row = mysql_fetch_array($result) or die(mysql_error());
    $userID = $row['id'];
}

mysql_select_db($database_uploader, $uploader); // Get's all of the user's unread messages
$query = "SELECT `userIDFrom`, `unread`, `subject`, `ID`
          FROM memberMail
          WHERE userIDTo='$userID'";
$result = mysql_query($query) or die(mysql_error());
echo "<h2>Inbox</h2>";
//Display number of unread messages
$num_rows = mysql_num_rows($result);
mysql_select_db($database_uploader, $uploader);
echo "You have ($num_rows) unread message(s): <p>";

//If there are unread messages, display them
if (mysql_num_rows($result) > 0) {
    $row = mysql_fetch_array($result) or die(mysql_error());
    $unread = $row['unread'];
    $messageID = $row['ID'];
    //Open table and create headers
    echo "<table border=\"1\">\n";
    echo "  <tr>\n";
    echo "    <th>From</th>\n";
    echo "    <th>Subject</th>\n";
    echo "  </tr>\n";

    //Show messages
        $userIDFrom = $row['userIDFrom']; // Get the sender's number
        $from = checkSender($userIDFrom); // Get the sender's Username

        echo "  <tr>\n";
        echo "    <td>{$from}</td>\n";
        if($unread==1) {
            echo "    <td><strong><a href='messageDetails.php?messageID=$messageID'>{$row['subject']}</a></strong></td>\n";
        } else {
            echo "    <td><a href='messageDetails.php?messageID=$messageID'>{$row['subject']}</a></td>\n";
        }
        echo "  <tr>\n";
    //Close table
    echo "</table>\n";
}
?>'],
// third tab
                    [
                    '/Images/tabs/compose_reg.png',
                    '/Images/tabs/compose_reg.pn',
                    '<h2>Sent</h2><?php
function checkRecipient ($userIDTo) { // Find out who received the message (username)
    $query = "SELECT `uname`, `ID`
    FROM members
    WHERE ID='$userIDTo'";
    $result = mysql_query($query) or die(mysql_error());
    if (mysql_num_rows($result) > 0)
    {
        $row = mysql_fetch_array($result) or die(mysql_error());
        $recipientUsername = $row['uname'];
    }
    return $recipientUsername;
}

mysql_select_db($database_uploader, $uploader); // Get the user's ID
$query = "SELECT `uname`, `ID`
          FROM members
          WHERE uname='$_SESSION[user]'";
$result = mysql_query($query) or die(mysql_error());
if (mysql_num_rows($result) > 0) {
    $row = mysql_fetch_array($result) or die(mysql_error());
    $userID = $row['ID'];
}

mysql_select_db($database_uploader, $uploader); // Get's all of the user's sent messages
$query = "SELECT `userIDTo`, `subject`, `ID`
          FROM memberMail
          WHERE userIDFrom='$userID' AND sent='1'";
$result = mysql_query($query) or die(mysql_error());

//Display number of unread messages
$num_rows = mysql_num_rows($result);
mysql_select_db($database_uploader, $uploader);
echo "You have ($num_rows) sent message(s): <p>";

//If there are sent messages, display them
if ($row = mysql_num_rows($result) > 0) {

    //Open table and create headers
    echo "<table border=\"1\">\n";
    echo "  <tr>\n";
    echo "    <th>Recipient</th>\n";
    echo "    <th>Subject</th>\n";
    echo "  </tr>\n";

while($row = mysql_fetch_array($result))
    {
        //Show messages
        $userIDTo = $row['userIDTo']; // Get the recipient's ID number
        $recipient = checkRecipient($userIDTo); // Get the sender's Username
        $messageID = $row['ID'];
        echo "  <tr>\n";
        echo "    <td>{$recipient}</td>\n";
        echo "    <td><a href='messageDetails.php?messageID=$messageID' target='_blank'>{$row['subject']}</a></td>\n";
        echo "  <tr>\n";
    }

    //Close table
    echo "</table>\n";
} else {
    echo "bad"; }
    ?>'],
                    // fourth tab
                    [
                    '/Images/tabs/compose_reg.png',
                    '/Images/tabs/compose_reg.pn',
                    '<a href="compose.php">Compose a message here</a>.'],
                //fifth tab
                [
                    '/Images/tabs/logout_reg.png',
                    '/Images/tabs/logout_reg.pn',
                    '']];


//if you have empty space between your tabs, adjust this to a lower number
var width = 10;

function preloadImages() {
    for (var y = 0; y < 2; y++) {
        for (var x = 0; x < tabs.length; x++) {
            image = new Image();
            image.src = tabs[x][y];
        }
    }
}

function drawTabs() {
    document.write("<table cellspacing=0 cellpadding=0 border=0><tr>");
    for (var x = 0; x < tabs.length; x++) {
        document.write("<td width="+width+"><a href='javascript:switchTab("+x+")'><img name='tab"+x+"' border=0 src="+tabs[x][0]+"></a></td>");
    }
    document.write("</td><td></td></tr><tr><td id=currentTab colspan="+(tabs.length+1)+">");
    document.write(tabs[0][2]);
    document.write("</td></tr></table>");
    document.images["tab0"].src = tabs[0][1];
}

function switchTab(tab) {
    for (var x = 0; x < tabs.length; x++) {
        if (x != tab)
            document.images["tab"+x].src = tabs[x][0];
    }
    document.images["tab"+tab].src = tabs[tab][1];
    document.getElementById("currentTab").innerHTML = tabs[tab][2];
}

preloadImages();
</script>
</div>


<script>
drawTabs();
</script>