<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />-->
<title> Augmented Media Player v 0.06 | with JWplayer</title>
<!-- ***************************************************************** -->
<!-- EXTERNAL JAVASCRIPT / JQUERY -->
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.slider.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.button.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<!-- INITIALISE JQUERY WITH NO CONFLICT VERSION -->
<script>
var $jIRI = jQuery.noConflict();
</script>
<!-- ***************************************************************** -->
<!-- CSS QUERY -->
<link type="text/css" href="css/jq-css/themes/base/jquery.ui.all.css" rel="stylesheet" />
<link type="text/css" href="css/jq-css/demos.css" rel="stylesheet" />
<!-- ***************************************************************** -->
<!-- CSS CUSTOM -->
<style type="text/css">
#demo-frame > div.demo { padding: 5px !important; };
.iri-chapter{
padding-top:10px;
padding-bottom:5px;
border-left:solid 1px #aaaaaa;
border-right:solid 1px #aaaaaa;'
}
.tooltip {
display:none;
background:transparent url(css/jq-css/tooltip/white_arrow.png);
font-size:12px;
height:100px;
width:180px;
padding:10px;
padding-left:15px;
padding-right:15px;
color:#000;
}
#Annotations{
padding-left:5px;
width:470px;
float:left;
}
#ldtSaTitle{
padding-top:2px;
padding-bottom:5px;
font-size:18px;
color:#FFF;
height:22p;
}
#ldtSaDescription{
font-size:12px;
color:#FFF;
}
#ShowAnnotation{
position:absolute;
z-index: 999;
padding:5px;
background:url(css/custom/images/transBlack.png);
}
#ldtPlaceHolder{
position:absolue;
float:none;
}
.ldtControl1{
width:70px;
float:left;
}
.ldtControl2{
padding-left:10px;
width:70px;
float:left;
}
</style>
<!-- JS IRI PLAYER FOR HEAD -->
<script type="text/javascript" src="js/LdtPlayer.js"></script>
</head>
<!-- createPlayer -->
<body >
<div id="playerLdt"></div>
<script type="text/javascript">
playerLdt(550,310, "http://dev.prototype-w.com/wu.mu/cinelabModel_Peter.js","playerLdt");
</script>
<br/><br/><br/><br/><br/>
<br/>
<!-- DEBUG TESTS ET AUTRES -->
<div id="output" class="demo"></div>
</body>
</html>