2007-01-09 23:44:30 +01:00
|
|
|
<script language="JavaScript" type="text/javascript">
|
|
|
|
function opacity(id, opacStart, opacEnd, millisec) {
|
|
|
|
//speed for each frame
|
|
|
|
var speed = Math.round(millisec / 100);
|
|
|
|
var timer = 0;
|
|
|
|
|
|
|
|
//determine the direction for the blending, if start and end are the same nothing happens
|
|
|
|
if(opacStart > opacEnd) {
|
|
|
|
for(i = opacStart; i >= opacEnd; i--) {
|
|
|
|
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
|
|
|
|
timer++;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
else if(opacStart < opacEnd) {
|
|
|
|
for(i = opacStart; i <= opacEnd; i++)
|
|
|
|
{
|
|
|
|
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
|
|
|
|
timer++;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//change the opacity for different browsers
|
|
|
|
function changeOpac(opacity, id) {
|
|
|
|
var object = document.getElementById(id).style;
|
|
|
|
object.opacity = (opacity / 100);
|
|
|
|
object.MozOpacity = (opacity / 100);
|
|
|
|
object.KhtmlOpacity = (opacity / 100);
|
|
|
|
object.filter = "alpha(opacity=" + opacity + ")";
|
|
|
|
}
|
|
|
|
function shiftOpacity(id, millisec) {
|
|
|
|
//if an element is invisible, make it visible, else make it ivisible
|
|
|
|
if(document.getElementById(id).style.opacity == 0) {
|
|
|
|
opacity(id, 0, 100, millisec);
|
|
|
|
} else {
|
|
|
|
opacity(id, 100, 0, millisec);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
2007-01-05 15:06:34 +01:00
|
|
|
<div id="topmenu">
|
|
|
|
<div id="topmenu_items">
|
|
|
|
<?php foreach($this->menuitems as $mitems):?>
|
2007-01-17 18:51:47 +01:00
|
|
|
<div style="padding:0px 0px 0px 10px;position:relative;float:left;"><img src="<?=$this->icon_or_star?>" /> <a href="<?=$mitems['url']?>"<?=$mitems['urlextra']?>><?=$mitems['label']?></a></div>
|
2007-01-05 15:06:34 +01:00
|
|
|
<?php endforeach?>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="topmenu_info">
|
2007-01-09 23:44:30 +01:00
|
|
|
<?php foreach($this->info_icons as $iicon):?>
|
|
|
|
<div style="padding:0px 10px 0px 0px;position:relative;float:left;"><a href="<?=$iicon['link']?>"><img id="<?=$iicon['id']?>" src="<?=$iicon['image']?>" <?=$iicon['tooltip']?>/></a></div>
|
|
|
|
<?php endforeach?>
|
|
|
|
|
2007-01-05 15:06:34 +01:00
|
|
|
<?php foreach($this->menuinfoitems as $mitems):?>
|
2007-01-09 23:44:30 +01:00
|
|
|
<div style="padding:0px 10px 0px 0px;position:relative;float:left;"><?=$mitems?></div>
|
2007-01-05 15:06:34 +01:00
|
|
|
<?php endforeach?>
|
|
|
|
</div>
|
|
|
|
<div style="clear:both;"></div>
|
|
|
|
</div>
|
2007-01-09 23:44:30 +01:00
|
|
|
|
|
|
|
<script language="JavaScript" type="text/javascript">
|
|
|
|
<?php foreach($this->info_icons as $iicon):?>
|
|
|
|
<?php if($iicon['blink']):?>
|
|
|
|
setInterval("shiftOpacity('<?=$iicon['id']?>', 500)",1500);
|
|
|
|
<?php endif?>
|
|
|
|
<?php endforeach?>
|
|
|
|
</script>
|