<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <!-- HEADER SECTION -->
    <head>
        <title>SINAMICS</title>
        <!-- INFO ABOUT THE SITE -->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="description" content="Website for Sinamics Drives" />
        <meta name="author" content="Siemens AG" />
        <meta name="DC.Subject" content="SINAMICS">
		<meta name="DC.Publisher" content="Siemens AG">
		<meta name="DC.Format" content="text/html">
		<meta name="DC.Language" content="en">
		<meta name="DC.Rights" content="Copyrights Siemens AG 2012">
        <!-- INCLUDE THE SCRIPT FILES -->
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="index.js"></script>
        <script type="text/javascript" src="scripts.js"></script>   
        <script type="text/javascript" src="load_home.js"></script>  
        <script type="text/javascript" src="load_device.js"></script>    
        <script type="text/javascript" src="load_diagnostics.js"></script>  
        <script type="text/javascript" src="load_files.js"></script>  
        <script type="text/javascript" src="load_manage_config.js"></script>  
        <script type="text/javascript" src="load_messages_and_logs.js"></script>  
        <script type="text/javascript" src="load_parameter.js"></script>  
        <script type="text/javascript" src="load_parameter_lists.js"></script>  
        <script type="text/javascript" src="loadparam2.js"></script>
        <script type="text/javascript" src="load_users_area.js"></script>  
        <script type="text/javascript" src="scripts_sim.js"></script>   

		<!-- IE MAGIC -->
        <!--[if IE]><meta http-equiv="MSThemeCompatible" content="no"><![endif]-->
        <!-- WE DONT WANT ANY ROBOTS TO POLL OUR SITE -->
        <meta name="robots" content="nofollow"/>
        <!-- INCLUDE THE STYLESHEET -->
        <link href="design.css" rel="stylesheet" type="text/css" />
        <!-- INLINE LOGOUT -->
        <script language="JScript" type="text/javascript">
                    function logout()
                    {
                        setCookie('last_page',"home",10);
                        setCookie('last_page_name',"Home",10);
                        setCookie('last_page_num',0,10);
                    }
					
					$('#prompt_input_form').submit(function () {
						promptInput();
						return false;
					});
        </script>
        <!--[if IE]>
        <style type="text/css">
        #hid {
        filter:alpha(opacity=0.1);
        }
            #hid2 {
        filter:alpha(opacity=0.1);
        }
        </style>
        <![endif]-->
    </head>
    <!-- BODY SECTION -->
    <body>
        <div id="wrapper_main">
            <div id="header">
                <div id="siemens_logo"></div>
                <div id="object_header">
                    <h1><MWSL> write(" " + GetVar("SINAMICS.CU")); </MWSL></h1> 
                </div>
            </div>
            <div id="time_bar">
                <div id="securityLevelPanel">
                    <span id="securityLevelPanel_text">Security Level: </span>
                    <span id="securityLevelPanel_level">N/A</span>
                    <span id="securityLevelPanel_arrow">▼</span>
                    <div id="securityLevelPanelDetails">
                        <table>
                            <tr id="securityLevelPanel_HTTP">
                                <td>
                                    <span class=""></span>
                                </td>
                                <td>HTTP</td>
                                <td></td>
                            </tr>
                            <tr id="securityLevelPanel_HTTPS">
                                <td>
                                    <span class="securityLevelPanel_active"></span>
                                </td>
                                <td>HTTPS</td>
                                <td>activated</td>
                            </tr>
                            <tr id="securityLevelPanel_FTP">
                                <td>
                                    <span class=""></span>
                                </td>
                                <td>FTP</td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <select onchange="changeLang();" id="languageSelect">
                    <option value="1">English</option>
                    <option value="0">Deutsch</option>
                    <option value="2">Chinese</option>
                    <option value="3">Italian</option>
                    <option value="4">French</option>
                    <option value="5">Spanish</option>
                </select>
                <p id="time">
                </p>
            </div>
            <div id="title_bar">
                <div id="login_box">
                    <MWSL>
                        User = GetVar("Username", "HTTP");
                        if(User == "Anonymous")
                        {
							write("<form id=\"login_box\" onSubmit=\"return handleLogin()\">");
								write("<input style=\"margin-top: 4px;\" name =\"Login\" id=\"login_name\" type=\"text\" value=\"\" title=\"Username\" placeholder=\"Username\" onfocus=\"this.value='';\"/>");
								write("<input id=\"login_password\" name=\"Password\" type=\"password\" placeholder=\"Password\" title=\"Password\" value=\"\" onfocus=\"this.value='';\" style=\"display: inline;\"/>");                   
								write("<input id=\"login_button\" type=\"submit\" style=\"width : 40px;\" class=\"loginout-button\" value=\"Login\"/>");
							write("</form>");						
                        }
                        else
                        {
                            write("<form action=\"/FormLogin?LOGOUT\" method=\"post\" enctype=\"application/x-www-form-urlencoded\" id=\"logoutForm\" name=\"LogoutForm\" onsubmit=\"logout()\">");
                            write("<input type=\"hidden\" name=\"Redirection\" value=\"\"/>");
                            write("<p class=\"login_user\" id=\"loggedinuser\">Logged in: " + GetVar("Username", "HTTP") + "</p>");
                            write("<p class=\"login_logout\"><input id=\"loguout_button\" type=\"submit\" style=\"width : 40px;\" class=\"loginout-button\" value=\"Logout\"/></p></form>");

                        }
                    </MWSL>
                </div>
                <div id="title_box">
                    <h2 id="page_name">
                        Home
                    </h2>
                </div>
            </div>
            <div id="wrapper_content">

                <!-- VERTICAL MENU BAR -->
                <div id="menu_vertical">
                    <div class="menu_original" onclick="loadMenu('loadHome');"
                         id="menu_home" onmouseover="this.className='menu_hover'" onmouseout="unhover('menu_home')">
                        <span>Home</span>
                    </div>

                    <div class="menu_original" onclick="loadMenu('loadDevice');"
                         id="menu_device" onmouseover="this.className='menu_hover'" onmouseout="unhover('menu_device')">
                        <span>Device Info</span>
                    </div>

                    <div class="menu_original" onclick="loadMenu('loadDiagnostics');"
                         id="menu_diagnostics" onmouseover="this.className='menu_hover'" onmouseout="unhover('menu_diagnostics')">
                        <span>Diagnostics</span>
                    </div>

                    <div class="menu_original" onclick="loadMenu('loadMessagesAndLogs');"
                         id="menu_msglogs" onmouseover="this.className='menu_hover'" onmouseout="unhover('menu_msglogs')">
                        <span>Messages and Logs</span>
                    </div>

                    <div class="menu_original" onclick="loadMenu('loadParameter');"
                         id="menu_parameter" onmouseover="this.className='menu_hover'" onmouseout="unhover('menu_parameter')">
                        <span>Parameter</span>
                    </div>

                    <div class="menu_original" onclick="loadMenu('loadManageConfig');"
                         id="menu_config" onmouseover="this.className='menu_hover'" onmouseout="unhover('menu_config')">
                        <span>Manage config</span>
                    </div>

                    <div class="menu_original" onclick="loadMenu('loadFiles');"
                         id="menu_files" onmouseover="this.className='menu_hover'" onmouseout="unhover('menu_files')">
                        <span>Files</span>
                    </div>

                    <div class="menu_original" onclick="loadMenu('loadUsersArea');"
                         id="menu_users" onmouseover="this.className='menu_hover'" onmouseout="unhover('menu_users')">
                        <span>User's Area</span>
                    </div>

                    <div class="menu_original" style="color:red; background-image: url(red_arrow.jpg); display : none;" onclick="loadMenu('loadSetup');"
                         id="setup" onmouseover="this.className='menu_hover'" onmouseout="unhover('setup')">
                        <span style="color: #FA2A00; ">Setup</span>
                    </div>

                </div>

                <div id="content_wrapper">
                    <div id="content" class="content">

                    </div>
                </div>
            </div>
        </div>


        <div id="prompt_right">
            <div>
                <span style="cursor: hand; cursor: pointer;" onclick='$("#prompt_right").css("visibility", "hidden");'><img class="close" src="close.png"/></span>
                <p align="center"><font size="5">Access rights</font></p>
                <p style="margin-top:5px;margin-bottom:5px"><strong>SINAMICS</strong></p>
                <form>
                    <input type="checkbox" name="sinamics" value="Read" id="sinamics_read"/> Read
                    <input type="checkbox" name="sinamics" value="Write" id="sinamics_write"/> Write
                    <input type="checkbox" name="sinamics" value="Change list" id="sinamics_change"/> Change list
                </form>
                <br>
                <p style="margin-top:5px;margin-bottom:5px"><strong>Administrator</strong></p>
                <form>
                    <input type="checkbox" name="administrator" value="Read" id="admin_read"/> Read
                    <input type="checkbox" name="administrator" value="Write" id="admin_write"/> Write
                    <input type="checkbox" name="administrator" value="Change list" id="admin_change"/> Change list
                </form>
                <input style="margin-top:5px" type="button" value="Submit" onClick="promptAccessRightsBtn();" id="promptAccessRightsSubmit" />
            </div>
        </div>


        <div id="prompt_msg">
            <div>
                  <span style="cursor: hand; cursor: pointer;" onclick='$("#prompt_msg").css("visibility", "hidden");'>
                  <img id="prompt_msg_close" class="close" src="close.png"/></span>
                  <p id="prompt_msg_cont" stlye="line-height:150%"></p>
            </div>
        </div>
	
        <div id="prompt_input">
    		<div>
            <form id="prompt_input_form" autocomplete="off">
                <span id="prompt_input_form_close" style="cursor: hand; cursor: pointer;" onclick='$("#prompt_input").css("visibility", "hidden");'>
                    <img id="prompt_input_close" class="close" src="close.png"/>
                </span>
                <p id="prompt_input_cont"></p>
                <input style="margin-top:5px" type="text" name="new_value" id="prompt_input_value"/>
                <input type="submit" value="Submit" id="promptInputSubmit"/>
                </form>
    		</div>
        </div>

        <div id="prompt_update">
        <div style="position:relative; width:420px">
            <textarea id="updateStatusOver" readonly="readonly" style="height: 270px;" rows="30" cols="50"></textarea>  
            <br/>
            <p id="overStatus" style="margin-top:13px;"></p>
        </div>
        </div>
    </body>
</html>
