// ----------------------------------------------------------- //
// JScript File:   Copyright  MK Synergistic Business Networks //
// Version 6.0                                                 //
// ----------------------------------------------------------- //


// ==================
//  globale Variable
// ==================

// die Navigation ist wie folgt gegliedert:
//  +-------+   +-------+   +-------+   +-------+   +-------+
// |  menu0  | |  menu1  | |  menu2  | |  menu3  | |  menu4  |
// +---------+-+---------+-+---------+-+---------+-+---------+
//  +--------------+   +--------------+   +--------------+   +--------------+   +--------------+
// |  submenu[i=0]  | |  submenu[i=1]  | |  submenu[i=2]  | |  submenu[i=3]  | |  submenu[i=4]  |
// +----------------+-+----------------+-+----------------+-+----------------+-+----------------+

var menu    = new Array("off", "off", "off", "off", "off");  // Status des Menüs
var submenu = new Array("off", "off", "off", "off");         // Status des Submenüs

// menu0 - About Us    -> submenu0
// menu1 - Services    -> submenu1
// menu2 - Partners    -> submenu2
// menu3 - Contact Us  -> submenu3
// menu4   Impressum   -> submenu4

// Texte der Submenü's
var submenu0 = new Array("Fields of Expertise", "Competitive Advantages", "Who stays behind", "");
var submenu1 = new Array("Consulting & Analysis", "Sales & Marketing", "Business Development", "Manufacturer Representation");
var submenu2 = new Array("MEDIA SYSTEMS Ltd.", "", "", "");
var submenu3 = new Array("Contact details", "", "", "");
var submenu4 = new Array("English", "German", "", "");

// Textlänge der Submenü's
var len0 = new Array(0, 0, 0, 0);
var len1 = new Array(0, 0, 0, 0);
var len2 = new Array(0, 0, 0, 0);
var len3 = new Array(0, 0, 0, 0);
var len4 = new Array(0, 0, 0, 0);

// Bilder für ausgewählte Menüs
var image_on_l     = "url(grafic/submenu_on_l.GIF)";
var image_on_m     = "url(grafic/submenu_on_m.GIF)";
var image_on_r     = "url(grafic/submenu_on_r.GIF)";

// Bilder für nicht ausgewählte Menüs
var image_off_l    = "url(grafic/submenu_off_l.GIF)";
var image_off_m    = "url(grafic/submenu_off_m.GIF)";
var image_off_r    = "url(grafic/submenu_off_r.GIF)";

// Bilder für leere Zellen
var image_empty_l  = "url(grafic/submenu_empty_l.GIF)";
var image_empty_m  = "url(grafic/submenu_empty_m.GIF)";
var image_empty_r  = "url(grafic/submenu_empty_r.GIF)";

// Bildparameter
var image_repeat   = "repeat";
var image_norepeat = "no-repeat";
var image_align    = "center";
var image_height   = "27px";
var image_width_l  = "7px";
var image_width_m  = "300px";
var image_width_r  = "9px";
var image_border   = "0px";
var image_margin   = "0px";
var image_padding  = "0px";



// ==================================
// Textlänge der Submenü's definieren
// ==================================
function DefineTextLength()
{
    var oText = document.getElementById("len");
    if(oText != null)
    {
        var i = 0;
        for (i=0; i<submenu0.length; i++)
        {
            oText.innerHTML = submenu0[i];
            len0[i] = oText.offsetWidth;
        }
        for (i=0; i<submenu1.length; i++)
        {
            oText.innerHTML = submenu1[i];
            len1[i] = oText.offsetWidth;
        }
        for (i=0; i<submenu2.length; i++)
        {
            oText.innerHTML = submenu2[i];
            len2[i] = oText.offsetWidth;
        }
        for (i=0; i<submenu3.length; i++)
        {
            oText.innerHTML = submenu3[i];
            len3[i] = oText.offsetWidth;
        }
        for (i=0; i<submenu4.length; i++)
        {
            oText.innerHTML = submenu4[i];
            len4[i] = oText.offsetWidth;
        }
    }
}


// =====================================================
// hier wird die aktuelle Auswahl des Menüs festgehalten
//
//  +-------+   +-------+   +-------+   +-------+
// |  menu0  | |  menu1  | |  menu2  | |  menu3  |
// +---------+-+---------+-+---------+-+---------+
// =====================================================
function SetStatusMenu(menue, submenue)
{
    for (var i=0; i<menu.length; i++)
    {
        if (i == menue)
            menu[i] = "on";
        else
            menu[i] = "off";
    }
    RefreshMenu(menue, submenue)
}


// =================================================================
// hier wird die aktuelle Auswahl des Submenüs festgehalten
//  +--------------+   +--------------+   +--------------+ 
// |  submenu[i=0]  | |  submenu[i=1]  | |  submenu[i=2]  | ...
// +----------------+-+----------------+-+----------------+--------+
function SetStatusSubmenu(submenue)
{
    for (var i=0; i<submenu.length; i++)
    {
        if (i == submenue)
            submenu[i] = "on";
        else
            submenu[i] = "off";
    }
}


// ===========================================
// die Anzeige der Submenü's wird aktualisiert 
// nach einem Click auf einen Menü-Reiter
// ===========================================
function RefreshMenu(menue, submenue)
{
    SetStatusSubmenu(submenue);

    StyleSubmenu("tab1_t", "tab1_l", "tab1_m", "tab1_r", menue, 0);   // Reiter 1
    StyleSubmenu("tab2_t", "tab2_l", "tab2_m", "tab2_r", menue, 1);   // Reiter 2
    StyleSubmenu("tab3_t", "tab3_l", "tab3_m", "tab3_r", menue, 2);   // Reiter 3
    StyleSubmenu("tab4_t", "tab4_l", "tab4_m", "tab4_r", menue, 3);   // Reiter 4
}


// ===========================================
// die Anzeige der Submenü's wird aktualisiert 
// nach einem Click auf einen Submenü-Reiter
// ===========================================
function RefreshSubmenu(submenue, content_id)
{
    SetStatusSubmenu(submenue);

    var menue = 0;
    for (var i=0; i<menu.length; i++)
    {
        if (menu[i] == "on")
        {
            menue = i;
            switch (i)
            {
                // < About Us >
                case 0:  if (submenue == 0)
                             LoadCellContent(content_id, "Page AboutUs 1.htm");
                         if (submenue == 1)
                             LoadCellContent(content_id, "Page AboutUs 2.htm");
                         if (submenue == 2)
                             LoadCellContent(content_id, "Page AboutUs 3.htm");
                         break;

                // < Services >
                case 1:  if (submenue == 0)
                             LoadCellContent(content_id, "Page Services 1.htm");
                         if (submenue == 1)
                             LoadCellContent(content_id, "Page Services 2.htm");
                         if (submenue == 2)
                             LoadCellContent(content_id, "Page Services 3.htm");
                         if (submenue == 3)
                             LoadCellContent(content_id, "Page Services 4.htm");
                         break;

                // < Partners >
                case 2:  if (submenue == 0)
                             LoadCellContent(content_id, "Page Partners 1.htm");
                         break;

                // < Contact Us >
                case 3:  if (submenue == 0)
                             LoadCellContent(content_id, "Page ContactUs 1.htm");
                         break;

                // < Impressum >
                case 4:  if (submenue == 0)
                             LoadCellContent(content_id, "Page Impressum 1.htm");
                         if (submenue == 1)
                             LoadCellContent(content_id, "Page Impressum 2.htm");
                         break;

                default: break;
            }
        }
    }

    StyleSubmenu("tab1_t", "tab1_l", "tab1_m", "tab1_r", menue, 0);   // Reiter 1
    StyleSubmenu("tab2_t", "tab2_l", "tab2_m", "tab2_r", menue, 1);   // Reiter 2
    StyleSubmenu("tab3_t", "tab3_l", "tab3_m", "tab3_r", menue, 2);   // Reiter 3
    StyleSubmenu("tab4_t", "tab4_l", "tab4_m", "tab4_r", menue, 3);   // Reiter 4
}


// =======================================================================================
// die Anzeige des Submenüs wird entsprechend des gewählten Menüs + Submenü zusammengebaut
// =======================================================================================
function StyleSubmenu(tab_t_id,   // id für den Text 
                      tab_l_id,   // id für die linke Grafik 
                      tab_m_id,   // id für die mittlere Grafik
                      tab_r_id,   // id für die rechte Grafik
                      menue,      // aktuelle Auswahl des Menüs
                      submenue)   // aktuelle Auswahl des Submenüs
{
    var width = 0;
    
    // Text anpassen
    var oTab_t = document.getElementById(tab_t_id);
    if(oTab_t != null)
    {
        // den entsprechenden Text dem Reiter zuordnen
        switch (menue)
        {
            case 0:  oTab_t.innerHTML = submenu0[submenue];  width = len0[submenue];  break;
            case 1:  oTab_t.innerHTML = submenu1[submenue];  width = len1[submenue];  break;
            case 2:  oTab_t.innerHTML = submenu2[submenue];  width = len2[submenue];  break;
            case 3:  oTab_t.innerHTML = submenu3[submenue];  width = len3[submenue];  break;
            case 4:  oTab_t.innerHTML = submenu4[submenue];  width = len4[submenue];  break;
            default: oTab_t.innerHTML = "";                  width = 0;               break;
        }


        // [  - linken Teil des Reiters darstellen
        var oTab_l = document.getElementById(tab_l_id);
        if(oTab_l != null)
        {
            oTab_l.style.width            = image_width_l;
            oTab_l.style.height           = image_height;
            oTab_l.style.lineHeight       = image_height;
            oTab_l.style.backgroundRepeat = image_norepeat;
            oTab_l.style.textAlign        = image_align;
            oTab_l.style.border           = image_border;
            oTab_l.style.margin           = image_margin;
            oTab_l.style.padding          = image_padding;

            if (oTab_t.innerHTML == "")
            {
                oTab_l.style.backgroundImage = image_empty_l;
            }
            else
            {
                if (submenu[submenue] == "on")
                    oTab_l.style.backgroundImage = image_on_l;
                else
                    oTab_l.style.backgroundImage = image_off_l;
            }
        }

        // Mittelteil des Reiters darstellen
        var oTab_m = document.getElementById(tab_m_id);
        if(oTab_m != null)
        {
            // die Weite wird der Textlänge angepaßt
            oTab_m.style.width            = width + 15;
            oTab_m.style.height           = image_height;
            oTab_m.style.lineHeight       = image_height;
            oTab_m.style.backgroundRepeat = image_repeat;
            oTab_m.style.textAlign        = image_align;
            oTab_m.style.border           = image_border;
            oTab_m.style.margin           = image_margin;
            oTab_m.style.padding          = image_padding;

            if (oTab_t.innerHTML == "")
            {
                oTab_m.style.backgroundImage = image_empty_m;
            }
            else
            {
                if (submenu[submenue] == "on")
                {
                    oTab_m.style.backgroundImage = image_on_m;
                    // Textfarbe anpassen
                    oTab_t.style.fontFamily      = "Verdana, Arial, Sans-Serif, Mistral";
                    oTab_t.style.fontSize        = "8pt";
                    oTab_t.style.fontWeight      = "bold";
                    oTab_t.style.color           = "Navy";
                    oTab_t.style.textDecoration  = "none";
                }
                else
                {
                    oTab_m.style.backgroundImage = image_off_m;
                    // Textfarbe anpassen
                    oTab_t.style.fontFamily      = "Verdana, Arial, Sans-Serif, Mistral";
                    oTab_t.style.fontSize        = "8pt";
                    oTab_t.style.fontWeight      = "bold";
                    oTab_t.style.color           = "White";
                    oTab_t.style.textDecoration  = "none";
                }
            }
        }

        // ]  - rechten Teil des Reiters darstellen
        var oTab_r = document.getElementById(tab_r_id);
        if(oTab_r != null)
        {
            oTab_r.style.width            = image_width_r;
            oTab_r.style.height           = image_height;
            oTab_r.style.lineHeight       = image_height;
            oTab_r.style.backgroundRepeat = image_norepeat;
            oTab_r.style.textAlign        = image_align;
            oTab_r.style.border           = image_border;
            oTab_r.style.margin           = image_margin;
            oTab_r.style.padding          = image_padding;

            if (oTab_t.innerHTML == "")
            {
                oTab_r.style.backgroundImage = image_empty_r;
            }
            else
            {
                if (submenu[submenue] == "on")
                    oTab_r.style.backgroundImage = image_on_r;
                else
                    oTab_r.style.backgroundImage = image_off_r;
            }
        }
    }
}


// ====================================
// den entsprechenden Zell-Inhalt laden
// ====================================
function LoadCellContent(content_id, url)
{
   bTest = true;
   var xmlHttp = false;
   
   // Mozilla, Opera, Safari sowie Internet Explorer 7
   if(typeof XMLHttpRequest != 'undefined')
   {
      xmlHttp = new XMLHttpRequest();
   }
   if(!xmlHttp)
   {
      // Internet Explorer 6 und älter
      try
      {
         xmlHttp  = new ActiveXObject("Msxml2.XMLHTTP");
      } 
      catch(e)
      {
         try
         {
            xmlHttp  = new ActiveXObject("Microsoft.XMLHTTP");
         }
         catch(e)
         {
            xmlHttp  = false;
         }
      }
   }
 
   if(xmlHttp)
   {
      xmlHttp.open('GET', url, true);
      xmlHttp.onreadystatechange = function()
      {
         if(xmlHttp.readyState == 4)
         {
            var oContent = document.getElementById(content_id);
            oContent.innerHTML = xmlHttp.responseText;
            oContent.open();
         }
      };
      xmlHttp.send(null);
   }
}


// =======================
// Kontaktformular löschen
// =======================
function Clear()
{
    var oForm  = document.getElementById("contact");
    var result = new String();
    var i;
	
    for (i = 0; i < oForm.elements.length; i++)
    {
	    if ((oForm.elements[i].name != "clear") && (oForm.elements[i].name != "send"))
	    {
		    oForm.elements[i].value = "";
	    }
    }
    return result;
}			


// ===================================
// Daten aus dem Kontaktformular lesen
// ===================================
function getValues()
{
	var oForm   = document.getElementById("contact");
	var strForm = new String();
	var i;
	
	for (i = 0; i < oForm.elements.length; i++)
	{				
		if ((oForm.elements[i].name != "clear") && (oForm.elements[i].name != "send"))
		{
			if (i > 0)
				strForm = strForm + "&";

			strForm = strForm + oForm.elements[i].name;
			strForm = strForm + "=";
			strForm = strForm + oForm.elements[i].value;
		//	strForm = strForm + ":";
		//	strForm = strForm + oForm.elements[i].desc;
		}
	}
	return strForm;
}

// ============================
// Kontaktformular-Daten senden
// ============================
function Send()
{
	var oForm = document.getElementById("contact");

    if (oForm.Name.value == "") 
    {
        alert("Please enter your name!");
        oForm.Name.focus();
        return false;
    }

    if (oForm.Company.value == "") 
    {
        alert("Please enter your company name!");
        oForm.Company.focus();
        return false;
    }

    if (oForm.Phone.value == "") 
    {
        alert("Please enter your phone number!");
        oForm.Phone.focus();
        return false;
    }

    if (oForm.Email.value == "") 
    {
        alert("Please enter your Email address!");
        oForm.Email.focus();
        return false;
    }

    if (oForm.Email.value.indexOf("@") == -1) 
    {
        alert("Keine E-Mail-Adresse!");
        oForm.Email.focus();
        return false;
    }

    if (oForm.Comments.value == "") 
    {
        alert("Please specify your request!");
        oForm.Comments.focus();
        return false;
    }

	var str = new String();
	str = "mail.php?";
	str = str + getValues();				
    alert(str);
//	window.location = str;
}