<!DOCTYPE html>
<html>
	<head>
		<title>Error</title>
        <link rel="icon" href="favicon.ico" type="image/x-icon" />
        <style type="text/css">
        	#main
        	{
        		background:url(errorimages/background.jpg);
        		width:524px;
        		height:422px;
        		margin-left:auto;margin-right:auto;
        		margin-top:50px;
        	}
        	#languageParagraph
        	{
        		text-align:right;
        		padding-top:8px
        	}
        	#languageDropdown
        	{
        		background:url(errorimages/language.jpg);
        		background-repeat:no-repeat;
        		padding-left:53px;
        		padding-top:3px;
        		padding-bottom:50px;
        		padding-right:5px;
        	}
        	h1
        	{
				font-size: 25px;
				padding-left: 180px;
				padding-right: 10px;
				text-align: center;
                font-family: sans-serif;
                padding-top:12px;
                font-style:italic;
                font-weight:normal;
        	}
        	#grey
        	{
        		/*color:rgb(88, 97, 107);*/
                color:#663399;
        	}
        	#blue
        	{
        		/*color:rgb(0,161,217);*/
                color:#663399;
        	}
        	#description
        	{
        		font-size: 18px;
				font-weight: bold;
				padding-left: 80px;
				padding-right: 20px;
                padding-top:15px;
                font-weight:normal;
        	}
        	a
        	{
        		/*color:rgb(0,161,217);*/
                color:#663399;
        		display:block;
        		font-size:18px;
        		padding-left:140px;
        		height:45px;
        		background:url("errorimages/link.jpg");
        		background-repeat:no-repeat;
        		background-position:100px 10px;
        		padding-top:15px;
                font-weight:normal;
        	}
        </style>
	</head>
	<body>
		<div id="main">
			<p id="languageParagraph">
				<span id="languageDropdown">
					<select id="ddlLanguages">
					</select>
				</span>
			</p>
			<h1>
				<span id="grey">Server&nbsp;</span><span id="blue">Error</span>
			</h1>
            <p id="description">An error occurred on the server. To continue try one of the following:</p>
			<a href='default.aspx' id="refresh">Refresh</a>
			<a href='back.aspx' id="back">Go Back</a>
			<a href='Reset.aspx' id="logout">Logout</a>
		</div>
		<script type="text/javascript">
		var languages = [
        		{
        			"name":"English",
        			"TitleStart": "Page\u00a0",
        			"TitleEnd": "Unavailable",
        			"description":"The page you requested could not be provided. To continue try one of the following:",
        			"refresh":"Try Again",
        			"back":"Cancel Request",
        			"logout":"Login Again",
        			"font": "sans-serif,calibri,arial"
        		},
        		{
        			"name":"中文",
        			"TitleStart": "页面",
        			"TitleEnd": "不可用",
        			"description":"您所请求的页面不可用。请选择下列选项以继续：",
        			"refresh":"重试",
        			"back":"取消",
        			"logout":"重新登录",
        			"font": "Song,sans-serif,Calibri,Arial"
        		},
        		{
        			"name":"Français",
        			"TitleStart": "Page\u00a0",
        			"TitleEnd": "Indisponible",
        			"description":"La page demander ne peut être afficher. Pour continuer essayer une des actions suivantes:",
        			"refresh":"Re-essayer",
        			"back":"Annuler La Requête",
        			"logout":"Se Reconnecter",
        			"font": "sans-serif,calibri,arial"
        		},
        		{
        			"name":"Italiano",
        			"TitleStart": "Pagina\u00a0",
        			"TitleEnd": "Chiusa",
        			"description":"La pagina che avete richiesto non potrebbe essere fornita. Per continuare prova una di questi segue:",
        			"refresh":"Prova dinuovo",
        			"back":"Annulli La Richiesta",
        			"logout":"Rinfreschi Attività",
        			"font": "sans-serif,calibri,arial"
        		}
        	];
        var setText = function(node, text)
        {
        	while(node.childNodes.length > 0)
        		node.removeChild(node.childNodes[node.childNodes.length-1]);
        	node.appendChild(document.createTextNode(text));
        }
        for (var l = 0; l < languages.length;l++)
        {
        	var option = document.createElement("option");
        	option.appendChild(document.createTextNode(languages[l].name));
        	document.getElementById("ddlLanguages").appendChild(option);
        	option.language = languages[l];
        }
        document.getElementById('ddlLanguages').onchange = function()
        {
        	var l = languages[this.selectedIndex];
        	setText(document.getElementById('grey'), l.TitleStart);
        	setText(document.getElementById('blue'), l.TitleEnd);
        	setText(document.getElementById('description'), l.description);
        	setText(document.getElementById('refresh'), l.refresh);
        	setText(document.getElementById('back'), l.back);
        	setText(document.getElementById('logout'), l.logout);
        	document.getElementById('grey').style.fontFamily = l.font;
        	document.getElementById('blue').style.fontFamily = l.font;
        	document.getElementById('description').style.fontFamily = l.font;
        	document.getElementById('refresh').style.fontFamily = l.font;
        	document.getElementById('back').style.fontFamily = l.font;
        	document.getElementById('logout').style.fontFamily = l.font;
        }
        document.getElementById('ddlLanguages').onchange();
		</script>
		<script type="text/javascript">
                    var htmlEl = document.getElementsByTagName("html");
                    if ( self != top ) 
                    {
                        for (var i = 0; i < htmlEl.length; i++)
                            htmlEl[i].style.visibility = "hidden";
                        top.location = self.location;
                    }
                </script>
	</body>
</html>