/* CSS Document */

function menuMouseOver(el)
{
	el.style.backgroundColor='#CCCCCC';
}

function menuMouseOut(el)
{
	el.style.backgroundColor='#CDE1DE';
}

function menuMouseClick(url)
{
	document.getElementById('page_content').src = url;
}
function change_menu()
{
	el = document.getElementById('which');
	
	if (el.level.value == '1')
		show_compact()
	else
		show_expanded();
}

function show_compact()
{
	el = document.getElementById('menu');	
	el.innerHTML = 
	
 	  '<form id="which" name="which"><input type="hidden" name="level" value="2"></form> '+
      '<table width="100%" border="0" cellpadding="0" cellspacing="0"> '+
        '<tr height="30" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'despre_noi.htm\')">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="20" align="center"><img src="img/menu_bullet.gif"></td> '+
                '<td><span class="menu1">Despre noi</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
        '<tr height="30" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: change_menu(); ">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="20" align="center"><img src="img/menu_bullet.gif"></td> '+
                '<td><span class="menu1">Produse</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
        '<tr height="30" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'utilaje.htm\')">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="20" align="center"><img src="img/menu_bullet.gif"></td> '+
                '<td><span class="menu1">Utilaje in dotare</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
        '<tr height="30" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'portofoliu.htm\')">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="20" align="center"><img src="img/menu_bullet.gif"></td> '+
                '<td><span class="menu1">Portofoliu</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
        '<tr height="30" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'cerereOferta.html\')">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="20" align="center"><img src="img/menu_bullet.gif"></td> '+
                '<td><span class="menu1">Cerere oferta</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
        '<tr height="30" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'contact.php\')">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="20" align="center"><img src="img/menu_bullet.gif"></td> '+
                '<td><span class="menu1">Contact</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
      '</table> ';	
}

function show_expanded()
{
	el = document.getElementById('menu');	
	el.innerHTML = 
	
 	  '<form id="which" name="which"><input type="hidden" name="level" value="1"></form> '+
      '<table width="100%" border="0" cellpadding="0" cellspacing="0"> '+
        '<tr height="30" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'despre_noi.htm\')">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="20" align="center"><img src="img/menu_bullet.gif"></td> '+
                '<td><span class="menu1">Despre noi</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
        '<tr height="30" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: change_menu(); ">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="20" align="center"><img src="img/menu_bullet.gif"></td> '+
                '<td><span class="menu1">Produse</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+ 
        '<tr height="20" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'structuri.htm\')">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="10"></td> '+
                '<td width="20"><img src="img/menu_bullet_sub.gif"></td> '+
                '<td><span class="menu1">Structuri metalice</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
        '<tr height="20" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'confectii.htm\')">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="10"></td> '+
                '<td width="20"><img src="img/menu_bullet_sub.gif"></td> '+
                '<td><span class="menu1">Confectii metalice</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
        '<tr height="20" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'fasonare.htm\')">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="10"></td> '+
                '<td width="20"><img src="img/menu_bullet_sub.gif"></td> '+
                '<td><span class="menu1">Fasonare otel</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+      
        '<tr height="20" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'debitare.htm\')">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="10"></td> '+
                '<td width="20"><img src="img/menu_bullet_sub.gif"></td> '+
                '<td><span class="menu1">Debitare tabla</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
        '<tr height="30" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'utilaje.htm\')">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="20" align="center"><img src="img/menu_bullet.gif"></td> '+
                '<td><span class="menu1">Utilaje in dotare</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
        '<tr height="30" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'portofoliu.htm\') ">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="20" align="center"><img src="img/menu_bullet.gif"></td> '+
                '<td><span class="menu1">Portofoliu</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
        '<tr height="30" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'cerereOferta.html\')">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="20" align="center"><img src="img/menu_bullet.gif"></td> '+
                '<td><span class="menu1">Cerere oferta</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
        '<tr height="30" style="cursor: pointer" onMouseOver="javascript: menuMouseOver(this);" onMouseOut="javascript: menuMouseOut(this);" onClick="javascript: menuMouseClick(\'contact.php\')">  '+
          '<td align="left"><table cellspacing="0" cellpadding="0"> '+
              '<tr>  '+
                '<td width="20" align="center"><img src="img/menu_bullet.gif"></td> '+
                '<td><span class="menu1">Contact</span></td> '+
              '</tr> '+
            '</table></td> '+
        '</tr> '+
      '</table> ';
}

function sendMessage() {
    xmlHttp = GetXmlHttpObject()
    if (xmlHttp == null)
    {
        alert("Browser does not support HTTP Request")
        return
    }

    var subm = document.getElementById("messageDiv")
    subm.innerHTML = "Sending ..."
    subm.style.display = "block"
    subm.style.left = "50px"
    subm.style.top = "50px"

    var nume = document.getElementById("nume").value;
    var email = document.getElementById("email").value;
    var nrtel = document.getElementById("nrtel").value;
    var desc = document.getElementById("desc").value;
    var url = "cerereOferta.php"
    
    var parameters = "nume=" + nume + "&desc=" + desc + "&email=" + email + "&nrtel=" + nrtel
    xmlHttp.onreadystatechange = stateChanged
    xmlHttp.open("POST", url, true)
    xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlHttp.setRequestHeader("Content-length", parameters.length);
    xmlHttp.setRequestHeader("Connection", "close");
    xmlHttp.send(parameters)
    
}

function stateChanged() {
    if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete")
    {

        if (xmlHttp.responseText == "Cererea de oferta a fost trimisa cu succes") {

            var snume = document.getElementById("nume")
            snume.value = ""

            var semail = document.getElementById("email")
            semail.value = ""

            var snrtel = document.getElementById("nrtel")
            snrtel.value = ""

            var smesaj = document.getElementById("desc")
            smesaj.value = ""
        }
        var sdiv = document.getElementById("messageDiv")
        sdiv.innerHTML = "<br/> " + xmlHttp.responseText
    }
}

function GetXmlHttpObject() {
    var xmlHttp = null;
    try
    {
        // Firefox, Opera 8.0+, Safari
        xmlHttp = new XMLHttpRequest();
    }
    catch (e)
    {
        //Internet Explorer
        try
        {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    return xmlHttp;
}

