var TabTableStart;
var TabTableEnd;
var TabActiveLeftSingle;
var TabActiveRightSingle;
var TabActiveLeftCouple;
var TabActiveRightCouple;
var TabInactiveLeft;
var TabInactiveRight;
var TabActiveLabelPart1;
var TabActiveLabelPart2;
var TabInactiveLabelPart1;
var TabInactiveLabelPart2;
var TabInactiveLabelPart3;

function LoadVars() {
        TabTableStart = "<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td width=\"5\"><img src=\"images/tab/tab_tile.gif\" width=\"5\" height=\"27\" border=\"0\"></td>\n";
        TabTableEnd = "<td width=\"100%\" background=\"images/tab/tab_tile.gif\"><img src=\"images/tab/tab_tile.gif\" width=\"1\" height=\"27\" border=\"0\"></td></tr></table>\n";

        TabActiveLeftSingle = "<td width=\"5\"><img src=\"images/tab/tab_active_left_single.gif\" width=\"5\" height=\"27\" border=\"0\"></td>\n";
        TabActiveRightSingle = "<td width=\"5\"><img src=\"images/tab/tab_active_right_single.gif\" width=\"5\" height=\"27\" border=\"0\"></td>\n";
        TabActiveLeftCouple = "<td width=\"5\"><img src=\"images/tab/tab_active_left_couple.gif\" width=\"5\" height=\"27\" border=\"0\"></td>\n";
        TabActiveRightCouple = "<td width=\"5\"><img src=\"images/tab/tab_active_right_couple.gif\" width=\"5\" height=\"27\" border=\"0\"></td>\n";

        TabInactiveLeft = "<td width=\"4\"><img src=\"images/tab/tab_inactive_left.gif\" width=\"4\" height=\"27\" border=\"0\"></td>\n";
        TabInactiveRight = "<td width=\"4\"><img src=\"images/tab/tab_inactive_right.gif\" width=\"4\" height=\"27\" border=\"0\"></td>\n";

        TabActiveLabelPart1 = "<td style=\"cursor : hand;\" background=\"images/tab/tab_active_tile.gif\"><img src=\"images/tab/shim.gif\" width=\"100\" height=\"5\" border=\"0\"><br><small><font class=\"aciklama_yazi\"><nobr>&nbsp;&nbsp;";
        TabActiveLabelPart2 = "&nbsp;&nbsp;</nobr></font></small></td>\n";

        TabInactiveLabelPart1 = "<td style=\"cursor : hand;\" onclick=\"ChangeTab(";
        TabInactiveLabelPart2 = ")\" background=\"images/tab/tab_inactive_tile.gif\"><img src=\"images/tab/shim.gif\" width=\"100\" height=\"7\" border=\"0\"><br><small><font class=\"aciklama_yazi\"><nobr>&nbsp;&nbsp;";
        TabInactiveLabelPart3 = "&nbsp;&nbsp;</nobr></font></small></td>\n";
}

var TabHTMLString = TabTableStart;

function DrawTabs() {
        for (var i in TabNames) {
                var TabNum = i - 0;
                if (TabNum == CurrentTab) {
                        if ((TabNum + 1) == CurrentTab) {
                                TabHTMLString += TabActiveLeftSingle;
                        } else {
                                if (TabNum == 0) {
                                        TabHTMLString += TabActiveLeftSingle;
                                } else {
                                        TabHTMLString += TabActiveLeftCouple;
                                }
                        }
                        TabHTMLString +=  TabActiveLabelPart1 + TabNames[i] + TabActiveLabelPart2;
                        if ((TabNum - 1) == CurrentTab) {
                                TabHTMLString += TabActiveRightSingle;
                        } else {
                                if (TabNum == (TabNames.length - 1)) {
                                        TabHTMLString += TabActiveRightSingle;
                                } else {
                                        TabHTMLString += TabActiveRightCouple;
                                }
                        }
                } else {
                        if ((TabNum - 1) != CurrentTab) {
                                TabHTMLString += TabInactiveLeft;
                        }
                        TabHTMLString += TabInactiveLabelPart1 + i + TabInactiveLabelPart2 + TabNames[i] + TabInactiveLabelPart3;
                        if ((TabNum + 1) != CurrentTab) {
                                TabHTMLString += TabInactiveRight ;
                        }
                }
        }
        TabHTMLString += TabTableEnd;
        TabHTML.innerHTML = TabHTMLString;
}

function ChangeTab(TabNum) {
        CurrentTab = TabNum;
        TabHTMLString = TabTableStart;

        var formDiv = document.getElementById("cal");
        if(formDiv)
        showcal("hidden");

        DrawTabs();
        for (var i in TabNames) {
                eval ("Tab" + (i - 0 + 1) + ".style.display = 'none'");
        }
        eval ("Tab" + (TabNum - 0 + 1) + ".style.display = ''");
}

function LoadTabs() {
        for (var i in TabNames) {
                eval ("Tab" + (i - 0 + 1) + ".style.display = 'none'");
        }
        LoadVars();
        TabHTMLString = TabTableStart;
        DrawTabs();
        ChangeTab(DefaultTab);
}