function tpopup(page, fenetre)
{
window.open (page, fenetre, config='width=490, height=325, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no')
}
//Chrome Drop Down Menu v2.01- Author: Dynamic Drive (http://www.dynamicdrive.com)
//Last updated: November 14th 06- added iframe shim technique

var cssdropdown={
disappeardelay: 100, //set delay in miliseconds before menu disappears onmouseout
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?
enableswipe: 1, //enable swipe effect? 1 for yes, 0 for no
enableiframeshim: 1, //enable "iframe shim" technique to get drop down menus to correctly appear on top of controls such as form objects in IE5.5/IE6? 1 for yes, 0 for no

//No need to edit beyond here////////////////////////
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, swipetimer: undefined, bottomclip:0,

getposOffset:function(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
},

swipeeffect:function(){
if (this.bottomclip<parseInt(this.dropmenuobj.offsetHeight)){
this.bottomclip+=10+(this.bottomclip/10) //unclip drop down menu visibility gradually
this.dropmenuobj.style.clip="rect(0 auto "+this.bottomclip+"px 0)"
}
else
return
this.swipetimer=setTimeout("cssdropdown.swipeeffect()", 10)
},

showhide:function(obj, e){
if (this.ie || this.firefox)
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
if (this.enableswipe==1){
if (typeof this.swipetimer!="undefined")
clearTimeout(this.swipetimer)
obj.clip="rect(0 auto 0 0)" //hide menu via clipping
this.bottomclip=0
this.swipeeffect()
}
obj.visibility="visible"
}
else if (e.type=="click")
obj.visibility="hidden"
},

iecompattest:function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
},

clearbrowseredge:function(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=this.ie && !window.opera? this.iecompattest().scrollLeft+this.iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure)  //move menu to the left?
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=this.ie && !window.opera? this.iecompattest().scrollTop : window.pageYOffset
var windowedge=this.ie && !window.opera? this.iecompattest().scrollTop+this.iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
},

dropit:function(obj, e, dropmenuID){
if (this.dropmenuobj!=null) //hide previous menu
this.dropmenuobj.style.visibility="hidden" //hide menu
this.clearhidemenu()
if (this.ie||this.firefox){
obj.onmouseout=function(){cssdropdown.delayhidemenu()}
obj.onclick=function(){return !cssdropdown.disablemenuclick} //disable main menu item link onclick?
this.dropmenuobj=document.getElementById(dropmenuID)
this.dropmenuobj.onmouseover=function(){cssdropdown.clearhidemenu()}
this.dropmenuobj.onmouseout=function(e){cssdropdown.dynamichide(e)}
this.dropmenuobj.onclick=function(){cssdropdown.delayhidemenu()}
this.showhide(this.dropmenuobj.style, e)
this.dropmenuobj.x=this.getposOffset(obj, "left")
this.dropmenuobj.y=this.getposOffset(obj, "top")
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
this.positionshim() //call iframe shim function
}
},

positionshim:function(){ //display iframe shim function
if (this.enableiframeshim && typeof this.shimobject!="undefined"){
if (this.dropmenuobj.style.visibility=="visible"){
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"
this.shimobject.style.left=this.dropmenuobj.style.left
this.shimobject.style.top=this.dropmenuobj.style.top
}
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"
}
},

hideshim:function(){
if (this.enableiframeshim && typeof this.shimobject!="undefined")
this.shimobject.style.display='none'
},

contains_firefox:function(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
},

dynamichide:function(e){
var evtobj=window.event? window.event : e
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
this.delayhidemenu()
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
this.delayhidemenu()
},

delayhidemenu:function(){
this.delayhide=setTimeout("cssdropdown.dropmenuobj.style.visibility='hidden'; cssdropdown.hideshim()",this.disappeardelay) //hide menu
},

clearhidemenu:function(){
if (this.delayhide!="undefined")
clearTimeout(this.delayhide)
},

startchrome:function(){
for (var ids=0; ids<arguments.length; ids++){
var menuitems=document.getElementById(arguments[ids]).getElementsByTagName("a")
for (var i=0; i<menuitems.length; i++){
if (menuitems[i].getAttribute("rel")){
var relvalue=menuitems[i].getAttribute("rel")
menuitems[i].onmouseover=function(e){
var event=typeof e!="undefined"? e : window.event
cssdropdown.dropit(this,event,this.getAttribute("rel"))
}
}
}
}
if (window.createPopup && !window.XmlHttpRequest){ //if IE5.5 to IE6, create iframe for iframe shim technique
document.write('<IFRAME id="iframeshim"  src="" style="display: none; left: 0; top: 0; z-index: 90; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)" frameBorder="0" scrolling="no"></IFRAME>')
this.shimobject=document.getElementById("iframeshim") //reference iframe object
}
}

}
<!--
function writeJS(){
var str='';
str+='<link rel="stylesheet" type="text/css" href="http://www.trace.tv/menuDyn.css" />';
str+='<table border="0" cellspacing="1" cellpadding="0" align="center">';
str+='<tr><td>';
str+='<table border="0" cellspacing="0" cellpadding="0"  width="1000px">';
str+='			<tr>';
str+='			  <td align="left" width="256" height="87">';
str+='			  <a href="http://eng.trace.tv"><img src="http://www.trace.tv/img/logo_trace.gif" width="256" height="87"  border="0"/></a>';
str+='			  </td>';
str+='			  <td align="right">';

str+='<a href="http://eng.trace.tv/" border="0">';
str+='<img src="http://www.trace.tv/img/visu_static/Pub_tepok_horizontale728-90.gif" width="728" height="90" border="0" /></a>';


str+='			</td>';
str+='			</tr>';
str+='</table>';
str+='</td></tr>';
str+='<tr><td>';

str+='<div class="chromestyle" id="chromemenu" style="z-index:1000;">';
str+='<ul>';
str+='<li><a href="http://eng.trace.tv/news.php" class="menuDyn" rel="dropmenu0">NEWS&nbsp;::<\/a><\/li>';
str+='<li><a href="http://eng.trace.tv/agenda.php" class="menuDyn" rel="dropmenu1">AGENDA&nbsp;::<\/a><\/li>';
str+='<li><a href="http://eng.mytrace.tv" class="menuDyn" rel="dropmenu2">VIDEOS&nbsp;::<\/a><\/li>';
str+='<li><a href="http://eng.trace.tv/tv.php" class="menuDyn" rel="dropmenu3">TV&nbsp;::<\/a><\/li>';
str+='<!--<li><a href="http://eng.trace.tv/under_construction.php" class="menuDyn" rel="dropmenu4">GIFTS&nbsp;::<\/a><\/li>-->';
str+='<!--<li><a href="http://eng.trace.tv/under_construction.php" class="menuDyn" rel="dropmenu5">BLOGS&nbsp;::<\/a><\/li>-->';
str+='<!--';
str+='<li><a href="http://eng.trace.tv/under_construction.php" class="menuDyn" rel="dropmenu6">RENCONTRES ::<\/a><\/li>';
str+='-->';
str+='<!--<li><a href="http://eng.trace.tv/under_construction.php" class="menuDyn" rel="dropmenu7" >FORUMS ::<\/a><\/li>-->';
str+='<li><a href="http://eng.trace.tv/under_construction.php" class="menuDyn" rel="dropmenu8">MP3 ::<\/a><\/li>';
str+='<!--<li><a href="http://eng.trace.tv/under_construction.php" class="menuDyn" rel="dropmenu9">RINGTONES & LOGOS ::<\/a><\/li>-->';
str+='<!--<li><a href="http://eng.trace.tv/mob_index.php" class="menuDyn" rel="dropmenu10">MOBILE ::<\/a><\/li>-->';
str+='<li><a href="http://www.trace.fm" class="menuDyn" rel="dropmenu11" target="_blank">RADIO ::<\/a><\/li>';
str+='<li><a href="http://www.trace212.com" target="_blank" class="menuDyn" rel="dropmenu12">MAGAZINE ::<\/a><\/li>';
str+='<li><a href="http://www.tracesports.tv" class="menuDyn" target="_blank">SPORTS&nbsp;::</a></li>';
str+='<li style="position:relative;">';
str+='<a href="http://www.mytrace.tv" target="_self" class="menuDyn" ><img src="http://www.trace.tv/img/bt/french.gif"  alt="français" title="français" border="0"  style="margin-left:150px; border: solid black 0.5px ;"\/><\/a>';
str+='<\/li>';
str+='<li style="position:relative;">';
str+='<a href="http:\/\/eng.mytrace.tv" target="_self" class="menuDyn" ><img src="http://www.trace.tv/img/bt/english.gif"  alt="English" title="English" border="0"  style="margin-left:5px; border: solid black 0.5px ;"\/><\/a>';
str+='<\/li>';
str+='<li style="position:relative;">';
str+='<a href="http:\/\/es.mytrace.tv" target="_self" class="menuDyn" ><img src="http://www.trace.tv/img/bt/spanish.gif"  alt="español" title="español" border="0"  style="margin-left:5px; border: solid black 0.5px ;"\/><\/a>';
str+='<\/li>';
str+='<li style="position:relative;">';
str+='<a href="http:\/\/br.mytrace.tv" target="_self" class="menuDyn" ><img src="http://www.trace.tv/img/bt/portuguese.gif"  alt="portuguese" title="portuguese" border="0"  style="margin-left:5px; border: solid black 0.5px ;"\/><\/a>';
str+='<\/li>';
str+='<li style="position:relative;">';
str+='<a href="http:\/\/de.mytrace.tv" target="_self" class="menuDyn" ><img src="http://www.trace.tv/img/bt/deutch.gif"  alt="deutsch" title="deutsch" border="0"  style="margin-left:5px; border: solid black 0.5px ;"\/><\/a>';
str+='<\/li>';
str+='<\/ul>';
str+='<\/div>';
str+='<!--0st drop down menu -->                                                   ';
str+='<div id="dropmenu0" class="dropmenudiv">';
str+='<a href="http://eng.trace.tv/allthenews.php" class="dropm">All the news<\/a>';
str+='<a href="http://eng.trace.tv/news.php?cat=MUSIC" class="dropm">Music<\/a>';
str+='<a href="http://eng.trace.tv/news.php?cat=PEOPLE" class="dropm">People<\/a>';
str+='<a href="http://eng.trace.tv/news.php?cat=CINE-DVD" class="dropm" >Cinema\/DVD<\/a>';
str+='<a href="http://eng.trace.tv/news.php?cat=SPORTS" class="dropm" >Sports<\/a>';
str+='<a href="http://eng.trace.tv/news.php?cat=SOCIETY" class="dropm" >Society<\/a>';
str+='<a href="http://eng.trace.tv/news.php?cat=FASHION" class="dropm" >Fashion<\/a>';
str+='<a href="http://eng.trace.tv/news.php?cat=BOOKS" class="dropm" >Books<\/a>';
str+='<\/div>';
str+='<!--1st drop down menu -->                                                   ';
str+='<div id="dropmenu1" class="dropmenudiv">';
str+='<a href="http://eng.trace.tv/agenda.php?cat=PARTIES" class="dropm">Parties<\/a>';
str+='<a href="http://eng.trace.tv/agenda.php?cat=FESTIVALS" class="dropm">Festivals<\/a>';
str+='<a href="http://eng.trace.tv/agenda.php?cat=CONCERTS" class="dropm">Concerts<\/a>';
str+='<a href="http://eng.trace.tv/agenda.php?cat=SOCIETY" class="dropm">Society<\/a>';
str+='<a href="http://eng.trace.tv/agenda.php?cat=DANCE" class="dropm" >Dance<\/a>';
str+='<\/div>';
str+='<!--2nd drop down menu -->                                                ';
str+='<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">';
str+='<a href="http://eng.mytrace.tv\/top\/" target="_blank" class="dropm">Most viewed                  <\/a>';
str+='<a href="http://eng.mytrace.tv\/top\/?filter=2&period=3" target="_blank" class="dropm">Latest videos<\/a>';
str+='<a href="http://eng.mytrace.tv\/upload\/" target="_blank" class="dropm">Add your videos<\/a>';
str+='<\/div>';

str+='<!--3rd drop down menu -->                                                   ';
str+='<div id="dropmenu3" class="dropmenudiv" style="width: 160px;">';
str+='<a href="http://eng.trace.tv/under_construction.php" class="dropm">Today’s broadcast<\/a>';
str+='<a href="http://eng.trace.tv/trace-broadcast.php" class="dropm">Trace shows<\/a>';

str+='<\/div>';
str+='<!--4rd drop down menu -->                                                   ';
str+='<div id="dropmenu4" class="dropmenudiv" style="width: 150px;">';
str+='<a href="http://eng.trace.tv/under_construction.php" target="_blank" class="dropm">Time to play<\/a>';
str+='<\/div>';
str+='<!--5rd drop down menu -->                                                   ';
str+='<div id="dropmenu5" class="dropmenudiv" style="width: 150px;">';
str+='<a href="http://eng.trace.tv/under_construction.php" target="_blank" class="dropm">Best Blogs<\/a>';
str+='<a href="http://eng.trace.tv/under_construction.php" target="_blank" class="dropm">Add your own blog<\/a>';
str+='<\/div>';
str+='<!--6rd drop down menu -->                                                   ';
str+='<div id="dropmenu6" class="dropmenudiv" style="width: 150px;">';
str+='<a href="http://eng.trace.tv/under_construction.php" class="dropm">Register<\/a>';
str+='<a href="http://eng.trace.tv/under_construction.php" class="dropm">lady of the day<\/a>';
str+='<a href="http://eng.trace.tv/under_construction.php" class="dropm">man of the day<\/a>';
str+='<\/div>';
str+='<!--7rd drop down menu -->                                                   ';
str+='<div id="dropmenu7" class="dropmenudiv" style="width: 150px;">';
str+='<a href="http://eng.trace.tv/under_construction.php" class="dropm">Speak Up<\/a>';
str+='<\/div>';
str+='<div id="dropmenu8" class="dropmenudiv" style="width: 150px;">';
str+='<a href="http:\/\/www.virginmega.fr\/musique\/HomeGenre.aspx?RefererId=40&BannerId=1&Genre_Id=111" class="dropm" target="_blank">Rap, Hip Hop<\/a>';
str+='<a href="http:\/\/www.virginmega.fr\/musique\/HomeGenre.aspx?Genre_Id=115&RefererId=40&BannerId=1" class="dropm" target="_blank">R\'n\'B, Groove<\/a>';
str+='<a href="http:\/\/www.virginmega.fr\/musique\/HomeGenre.aspx?Genre_Id=112&RefererId=40&BannerId=1" class="dropm" target="_blank">Reggae, Ragga<\/a>';
str+='<a href="http:\/\/www.virginmega.fr\/musique\/HomeGenre.aspx?Genre_Id=110&RefererId=40&BannerId=1" class="dropm" target="_blank">Soul, Funk, Disco<\/a>';
str+='<a href="http:\/\/www.virginmega.fr\/musique\/HomeSousGenre.aspx?Genre_Id=1025&RefererId=40&BannerId=1" class="dropm" target="_blank">Afrique<\/a>';
str+='<a href="http:\/\/www.virginmega.fr\/musique\/HomeSousGenre.aspx?Genre_Id=1030&RefererId=40&BannerId=1" class="dropm" target="_blank">West Indies<\/a>';
str+='<a href="http:\/\/www.virginmega.fr\/musique\/HomeSousGenre.aspx?Genre_Id=1031&RefererId=40&BannerId=1" class="dropm" target="_blank">Maghreb<\/a>';
str+='<a href="http:\/\/www.virginmega.fr\/musique\/HomeSousGenre.aspx?Genre_Id=1027&RefererId=40&BannerId=1" class="dropm" target="_blank">Latino<\/a>';
str+='<\/div>';
str+='<!--9rd drop down menu -->                                                   ';
str+='<div id="dropmenu9" class="dropmenudiv" style="width: 150px;">';
str+='<a href="http://eng.trace.tv/under_construction.php" class="dropm">CD<\/a>';
str+='<a href="http://eng.trace.tv/under_construction.php" class="dropm">Graphics<\/a>';
str+='<a href="http://eng.trace.tv/under_construction.php" class="dropm">Cartoons <\/a>';
str+='<a href="http://eng.trace.tv/under_construction.php" class="dropm">Hi-fi instru<\/a>';
str+='<a href="http://eng.trace.tv/under_construction.php" class="dropm">Sketches<\/a>';
str+='<a href="http://eng.trace.tv/under_construction.php" class="dropm">Voicemail<\/a>';
str+='<\/div>';
str+='<!--10rd drop down menu -->                                                   ';
str+='<div id="dropmenu10" class="dropmenudiv" style="width: 150px;">';

str+='<a href="http://eng.trace.tv/under_construction.php" class="dropm">Trace Mobile<\/a>';
str+='<a href="http://eng.trace.tv/under_construction.php" class="dropm">Customize your mobile<\/a>';
str+='<\/div>';
str+='<!--11rd drop down menu -->                                                   ';
str+='<div id="dropmenu11" class="dropmenudiv" style="width: 150px;">';
str+='<a href="javascript:tpopup(\'http:\/\/mq.trace.fm\/rubrique.php?id_rubrique=196\', \'popup_1\')" class="dropm">Listen to Trace FM<\/a>';
str+='<a href="http:\/\/mq.trace.fm\/" target="_blank" class="dropm">Trace FM Martinique<\/a>';
str+='<a href="http:\/\/gp.trace.fm\/" target="_blank" class="dropm">Trace FM Guadeloupe<\/a>';
str+='<\/div>';
str+='<!--12rd drop down menu -->                                                   ';
str+='<div id="dropmenu12" class="dropmenudiv" style="width: 150px;">';
str+='<a href="http:\/\/www.trace212.com" target="_blank" class="dropm">USA<\/a>';
str+='<a href="http:\/\/www.trace212.com" target="_blank" class="dropm">UK<\/a>';
str+='<\/div>';
str+='<!--13rd drop down menu -->                                                   ';
str+='<div id="dropmenu13" class="dropmenudiv" style="width: 150px;">';
str+='<\/div>';
str+='<script type="text\/javascript">';
str+='cssdropdown.startchrome("chromemenu")';
str+='<\/script>';
str+='</td></tr>';
str+='</table>';
document.write(str);
}
writeJS();
//-->
