<!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" xml:lang="da-dk" lang="da-dk" dir="ltr">
<head>
<meta name="robots" content="index, follow" /> 
<meta name="keywords" content="radioen, iphone, app, applikation, p3, kanaler, radio5" /> 
<meta name="description" content="Radioen applikationen for iPhone og iPod touch - giver adgang til over 35 danske radiokanaler i høj kvalitet og i et utroligt lækkert design. Applikationen kan findes på App Store." /> 
<title>Radioen</title> 
<style type="text/css">
* {
	margin: 0;
}
body {
	background: #f5f5f5;

}
/*@font-face { 	
	font-family: Ct; 	
	src: url('ct.ttf'); 
}*/

.boks {
	background-image:url('boks.png');
	background-repeat: no-repeat;


	height: 553px;
	width: 914px;
	position: relative;
	top: 100px;
	margin: 0px auto;

}
.iphone_billede {
	background-image: url('iphone.png');
	background-repeat: no-repeat;
	width: 361px;
	height: 363px;
	position: relative;
	left: 47px;
	float: left;
	margin-right: -15px;
	-webkit-transition: all 0.35s ease-in-out;
}
.video_billede {
	background-image: url('video.png');
	background-repeat: no-repeat;
	width:	51px;
	height: 95px;
	position: absolute;
			cursor: pointer;

	left: 400px;
	top: 360px;
	margin-right: -15px;
	-webkit-transition: all 0.35s ease-in-out;
}
.info {
	float: left;
	position: relative;
	top: 140px;
	left: 130px;
}
.tekst li {
	font-family: Myriad Pro, Arial;
	font-size: 18px;
	letter-spacing: -0.5px;
	list-style-type: none;
	-webkit-transition: all 0.15s ease-in-out;
	cursor: pointer;
	color: #333;
	padding:9px;
	padding-bottom: 14px;
	padding-top: 14px;
	/*-webkit-transform: scale(1.1);*/

}
.tekst li:hover {
	text-shadow: 0 0px 2px rgba(0,0,0,0.9);
}
.tekst_f {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	padding: 10px;
	background-color: #fff;
	color:#333; font-size: 19px; margin-bottom: 1.5px;-webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.titel {
	background-image: url('radioen.png');
	background-repeat: no-repeat;
	width: 203px;
	height: 49px;
	margin-left: 41px;
	
}
.titel:hover {
	background-color: #f8f8f8;
}
.badge {
	background-image: url('appstore.png');
	background-repeat: no-repeat;
	width: 271px;
	height: 90px;
	position: absolute;
	top: 370px;
	left: 86px;
}
.twitter {
	background-image: url('twitter_200px.png');
	background-repeat: no-repeat;
	width: 200px;
	height: 74px;
	position: absolute;
	top: 60px;
	left: 650px;
}
#kanaler {
	background-color: transparent; 
	width: 560px;
	position: relative;
	background: #fff;
	margin: auto auto;
	top: -400px;
	height: 360px;
	opacity: 0.99;
	display: none;
	z-index: 9;
	-webkit-box-shadow: 0px 1px 90px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.4);
}
img.kanalerbillede {
	position:relative;
	left: 150px; 
	top: 60px;

}
#galleri {
	background-color: transparent; 
	width: 960px;
	position: relative;
	background: #fff;
	height: 360px;
	opacity: 0.99;
	margin: -400px auto;
	display: none;
	z-index: 9;
	-webkit-box-shadow: 0px 1px 90px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.4);
}
#info {
	background-color: transparent; 
	width: 600px;
	position: relative;
	background: #fff;
	margin: -400px auto;
	height: 360px;
	opacity: 0.99;
	display: none;
	z-index: 9;
	-webkit-box-shadow: 0px 1px 90px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.4);
}
#itunes {
	background-color: transparent; 
	width: 600px;
	position: relative;
	background: #fff;
	margin: -400px auto;
	height: 360px;
	opacity: 0.99;
	display: none;
	z-index: 9;
	-webkit-box-shadow: 0px 1px 90px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.4);
}
#licens {
	background-color: transparent; 
	width: 600px;
	position: relative;
	background: #fff;
	margin: auto;
	top: -400px;
	height: 360px;
	opacity: 0.99;
	display: none;
	z-index: 9;
	-webkit-box-shadow: 0px 1px 90px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.4);
}
#video {
	background-color: transparent; 
	width: 640px;
	position: relative;
	background: #fff;
	margin: auto auto;
	top: -400px;
	height: 380px;
	opacity: 0.99;
	display: none;
	z-index: 8;
	-webkit-box-shadow: 0px 1px 90px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.4);
}
.close {
	background-image: url('close.png');
	background-repeat: no-repeat;
	width: 36px;
	height: 37px;
	position: absolute;
	top: -19px;
	left: -20px;
	cursor: pointer;
		z-index: 10;
	-webkit-transition: all 0.35s ease-in-out;
}
.close:hover {
	opacity: 0.67;
}
a.kildekode {
	font-family: Myriad Pro, Arial; 
	font-size: 12px; 
	color: #909090; 
	text-decoration:none; 
}

.licens {
	position:relative; 
	top: 20px;
	margin-left: 20px;

	margin-right: 20px; 
	font-family: Myriad Pro, Arial; 
	font-size: 12px; 
	color: #909090; 
	text-decoration:none; 
}
a.video {
	position:relative; 
	top: 90px; 
	left: 100px; 
	font-family: Myriad Pro, Arial; 
	font-size: 12px; 
	color: #909090; 
	text-decoration:none; 
}
img.ii {
	position:absolute; 
	top:0px;
	left: 0px;

}
</style>
</head>
<body>

	<div class="boks">
		<div class="iphone_billede">
		</div>
		<div class="info">
		<div class="titel"></div>
		<ul class="tekst">
		<li onclick="if(document.getElementById('kanaler').style.display == 'block'){ document.getElementById('kanaler').style.display = 'none'; }else{
		document.getElementById('kanaler').style.display = 'block';
		document.getElementById('itunes').style.display = 'none';
		document.getElementById('galleri').style.display = 'none';
		document.getElementById('info').style.display = 'none';
		document.getElementById('licens').style.display = 'none';
		document.getElementById('video').style.display = 'none';

		
		}"
		class="tekst_f" style="margin-top:9px;">Over 35 danske kanaler<br /></li>
		<li onclick="if(document.getElementById('galleri').style.display == 'block'){ document.getElementById('galleri').style.display = 'none'; }else{
		document.getElementById('galleri').style.display = 'block';
		document.getElementById('itunes').style.display = 'none';
		document.getElementById('kanaler').style.display = 'none';
		document.getElementById('info').style.display = 'none';
		document.getElementById('licens').style.display = 'none';
		document.getElementById('video').style.display = 'none';
		
		 }"
		 class="tekst_f">Smukt og lækkert design<br /></li>
		<li onclick="if(document.getElementById('info').style.display == 'block'){ document.getElementById('info').style.display = 'none'; }else{
		document.getElementById('info').style.display = 'block';
				document.getElementById('itunes').style.display = 'none';
		document.getElementById('galleri').style.display = 'none';
		document.getElementById('kanaler').style.display = 'none';
		document.getElementById('licens').style.display = 'none';
		document.getElementById('video').style.display = 'none';
		
		
		}"
		class="tekst_f">Info om nuværende sang<br /></li>
		<li onclick="if(document.getElementById('itunes').style.display == 'block'){ document.getElementById('itunes').style.display = 'none'; }else{
		document.getElementById('itunes').style.display = 'block';
				document.getElementById('kanaler').style.display = 'none';
		document.getElementById('galleri').style.display = 'none';
		document.getElementById('info').style.display = 'none';
		document.getElementById('licens').style.display = 'none';
		document.getElementById('video').style.display = 'none';
		
		}"
		class="tekst_f">YouTube og iTunes integration<br /></li>
				<li onclick="if(document.getElementById('licens').style.display == 'block'){ document.getElementById('licens').style.display = 'none'; }else{
				document.getElementById('licens').style.display = 'block';
						document.getElementById('itunes').style.display = 'none';
		document.getElementById('galleri').style.display = 'none';
		document.getElementById('info').style.display = 'none';
		document.getElementById('kanaler').style.display = 'none';
		document.getElementById('video').style.display = 'none';
				
				}"
				
				class="tekst_f">Licensdetaljer<br /></li>
		</ul>
		</div>
		<a href="http://itunes.apple.com/us/app/radioen/id357427596?mt=8" class="badge"><a/>
		<a href="http://twitter.com/petergam" class="twitter"><a/>

		<a class="kildekode" onclick="if(document.getElementById('video').style.display == 'block'){ document.getElementById('video').style.display = 'none'; }else{
		document.getElementById('video').style.display = 'block';
				document.getElementById('itunes').style.display = 'none';
		document.getElementById('galleri').style.display = 'none';
		document.getElementById('info').style.display = 'none';
		document.getElementById('licens').style.display = 'none';
		document.getElementById('kanaler').style.display = 'none';
		}"><div class="video_billede"></div></a>

	</div>

<div id="kanaler">
	<img class="kanalerbillede" src="kanaler.png" alt="kanaler" />
	<div class="close" onclick="document.getElementById('kanaler').style.display = 'none';"></div>
</div>

<div id="galleri">
	<img class="ii" width="960" src="galleri.png" alt="afspiller nu" />
	<div class="close" onclick="document.getElementById('galleri').style.display = 'none';"></div>
</div>

<div id="info">
	<img class="ii" src="info.png" alt="info" />
	<div class="close" onclick="document.getElementById('info').style.display = 'none';"></div>
</div>

<div id="itunes">
	<img class="ii" src="itunes.png" alt="info" />
	<div class="close" onclick="document.getElementById('itunes').style.display = 'none';"></div>
</div>
<div id="licens">
	<div class="licens">Applikationen Radioen giver adgang til over 30 danske radio-kanaler. Til hver sang opgives relevante oplysninger, såsom cover, titel og integration med YouTube og iTunes. Radioen bygger på følgende open source biblioteker: FFMpeg, LibMMS og Three20. Visse ikoner i applikationen er lavet af Glyphish. Kildekoden kan hentes <a class="kildekode" href="Radioen.zip">her</a>. Der kan til tider være upræcise visninger af hvilken sang der spiller. Dette skyldes fejl fra de forskellige stationers side, eller fordi streamet er bagefter, så det ser ud som om næste sang bliver vist.
</div>

	<div class="close" onclick="document.getElementById('licens').style.display = 'none';"></div>
</div>
<div id="video">
	<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" margin-top="-400px"
 codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320">

<param name="src" value="video.m4c">
<param name="autoplay" value="true">
<param name="type" value="video/quicktime" height="380" width="640">

<embed src="video.m4v" height="380" width="640" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/">

</object>
	<div class="close" onclick="document.getElementById('video').style.display = 'none';"></div>
</div>
</body>
</html>�