* xstyle remove double files

* xstyle fix some css mistakes
* xstyle update tooltips functions

12 files changed, 161 insertions, 53 deletions

diff --git a/skins/xstyle/bloecke/event_row.tmpl b/skins/xstyle/bloecke/event_row.tmpl
index 98addf7..803c3da 100755
--- a/skins/xstyle/bloecke/event_row.tmpl
+++ b/skins/xstyle/bloecke/event_row.tmpl
@@ -15,10 +15,10 @@
         <?% IF fielddata.2.length > 0  %?>
         <br><small><?% fielddata.2 %?></small>
         <?% END %?>
+        </a>
         <?% IF fielddata.3.length > 0 %?>
         <br><small><em><?% chop(fielddata.4,300) | replace('<br />',' ') %?></em></small>
         <?% END %?>
-        </a>
     </td>
     <?% ELSIF c == 3; # Subtitle Field %?>
 
diff --git a/skins/xstyle/images/Kopie von trans.gif b/skins/xstyle/images/Kopie von trans.gif
deleted file mode 100755
index 35d42e8..0000000
--- a/skins/xstyle/images/Kopie von trans.gif
+++ /dev/null
diff --git a/skins/xstyle/images/blank.png b/skins/xstyle/images/blank.png
deleted file mode 100644
index cee9cd3..0000000
--- a/skins/xstyle/images/blank.png
+++ /dev/null
diff --git a/skins/xstyle/images/desc.png b/skins/xstyle/images/desc.png
index fb8816e..73ad621 100644
--- a/skins/xstyle/images/desc.png
+++ b/skins/xstyle/images/desc.png
diff --git a/skins/xstyle/images/leer.png b/skins/xstyle/images/leer.png
deleted file mode 100644
index 7a50497..0000000
--- a/skins/xstyle/images/leer.png
+++ /dev/null
diff --git a/skins/xstyle/javascript/tooltip.js b/skins/xstyle/javascript/tooltip.js
index e0ee20b..f66f4e8 100644
--- a/skins/xstyle/javascript/tooltip.js
+++ b/skins/xstyle/javascript/tooltip.js
@@ -6,10 +6,72 @@ var ttp_x = -1;
 var ttp_y = -1;
 var ttp_visable = 0;
 var ttp_offset_x = 0;
+var ttp_x_start = -1;
+var ttp_y_start = -1;
+var ttp_active  = 1;
+var ttp_inside  = 0;
+
+var ie5=document.all&&document.getElementById;
+var ns6=document.getElementById&&!document.all;
+var opera =window.opera;
+var dom=(!opera && document.compatMode && document.compatMode!="BackCompat");
+
+function iecompattest(){
+    return dom ? document.documentElement : document.body
+}
+
+function getScrollingPosition() {
+ var x = 0, y = 0;
+  if( ns6 || typeof( window.pageYOffset ) == 'number' ) {
+    y = window.pageYOffset;
+    x = window.pageXOffset;
+  } else {
+    y = iecompattest().scrollTop;
+    x = iecompattest().scrollLeft;
+  }
+  return [ x, y ];
+}
+
+function WindowSize () {
+  var width = 0, height = 0;
+  if( ns6 || typeof( window.innerWidth ) == 'number' ) {
+    width = window.innerWidth;
+    height = window.innerHeight;
+  } else {
+    width = iecompattest().clientWidth;
+    height = iecompattest().clientHeight;
+  }
+  return [ width, height ];
+}
 
 function ttp_update_pos(){
-		document.getElementById('TOOLTIP').style.left = (ttp_offset_x + ttp_x) + "px";
-		document.getElementById('TOOLTIP').style.top  = (ttp_y + 20) + "px";
+    var Size = WindowSize();
+
+    var x = ttp_x + ttp_offset_x;
+    var y = ttp_y;
+
+    var ele = document.getElementById('TOOLTIP');
+    var scrPos = getScrollingPosition();
+    
+    if(x + 500 > Size[0] + scrPos[0]) {
+      x = Size[0] - 500;
+    }
+    if(y + 150 > Size[1] + scrPos[1]) {
+      y = Size[1] - (y - 10);
+      ele.style.top  = '';
+      if(ie5&&!opera) {
+        ele.style.removeAttribute('top');
+        y += scrPos[1];
+      }
+  		ele.style.bottom  =  y + "px";
+    } else {
+      ele.style.bottom  = '';
+      if(ie5&&!opera) {
+        ele.style.removeAttribute('bottom');
+      }
+  		ele.style.top  = (y + 20) + "px";
+    }
+		ele.style.left = x + "px";
 }
 
 var ttp_ie = document.all?true:false;
@@ -26,7 +88,13 @@ if (ttp_ie) {
 }
 if (ttp_x < 0)  {ttp_x = 0;}
 if (ttp_y < 0)  {ttp_y = 0;}
-if(ttp_visable) {ttp_update_pos();}
+if(ttp_visable) {
+  if(Math.abs(ttp_x_start - ttp_x) > 200
+   || Math.abs(ttp_y_start - ttp_y) > 200) {
+    ttp_make_invisable();
+  }
+  ttp_update_pos();
+  }
 }
 
 
@@ -36,51 +104,64 @@ function ttp_update_content(title, description){
   ttp_content += utitle.substr(0,50);
   if (utitle.length > 50)  {ttp_content += '...';}
   ttp_content += '</p><p class="description">'
-  ttp_content += unescape(description);
+  if(description == 'WAIT') {
+    ttp_content += '<img src="images/repeat.png" alt="" />'; /* TODO => wait.gif */
+  } else {
+    ttp_content += unescape(description);
+  }
   ttp_content += '</p></div>';
 }
 
 function ttp_make_visable(title, description){
 		ttp_update_pos();
-		document.getElementById('TOOLTIP').style.visibility = "visible";
 		ttp_update_content(title, description);
-		document.getElementById('TOOLTIP').innerHTML = ttp_content;
-		ttp_visable = 1;
+    var ele = document.getElementById('TOOLTIP');
+		ele.innerHTML = ttp_content;
+		ele.style.visibility = "visible";
 }
 
-function ttp_make_invisable(self){
-    clearTimeout(ttp_timer);
-		ttp_visable = 0;
-		document.getElementById('TOOLTIP').style.visibility = "hidden";
+function ttp_make_invisable(){
+    var ele = document.getElementById('TOOLTIP');
+
+    if(ttp_visable || ele.style.visibility == "visible") {
+      clearTimeout(ttp_timer);
+	  	ele.style.visibility = "hidden";
+    }
+    ttp_visable = 0;
+    ttp_inside = 0;
 }
 
-function ttp(self, title, description, offset_x){
-  self.onmouseout=function(){ ttp_make_invisable(this); };
-	if(description && ttp_x != -1 && ttp_y != -1){
-    ttp_offset_x  = offset_x;
-    ttp_timer = setTimeout("ttp_make_visable('"+escape(title)+"', '"+escape(description)+"')", 750);
-	}
+function ttp_enable(enable){
+  ttp_make_invisable();
+  ttp_active = enable
 }
 
-function ttp_make_req_visable(title, eventid){
+function ttp_make_req_visable(title, eventid, x, y){
+
+    if(!eventid || eventid<=0 || ttp_inside==0
+      || Math.abs(x - ttp_x) > 200
+      || Math.abs(y - ttp_y) > 200) {
+        clearTimeout(ttp_timer);
+        ttp_inside = 0;
+        return false;
+    }
+
+    ttp_x_start = ttp_x;
+    ttp_y_start = ttp_y;
+    ttp_make_visable(title,'WAIT');
 
-    if(!eventid || eventid<=0)
-      return false;
     var fnWhenDone = function (oXML, sData) {
 
         var description = eval('(' + oXML.responseText + ')');
 
+        var content;
         if(description && description.data && typeof(description.data) == 'string'){
-            var content = description.data.replace(/\r\n/g,'<br />');
-
-          	ttp_update_pos();
-            ttp_update_content(title,content);
-
-        		document.getElementById('TOOLTIP').innerHTML = ttp_content;
-        		document.getElementById('TOOLTIP').style.visibility = "visible";
-
-        		ttp_visable = 1;
+            content = description.data.replace(/\r\n/g,'<br />');
+        } else {
+            content = '...';
         }
+
+        ttp_make_visable(title,content);
     };
 
     var url = "?cmd=edescription&data=" + eventid + "&ajax=json";
@@ -92,9 +173,38 @@ function ttp_make_req_visable(title, eventid){
 
 
 function ttpreq(self, title, eventid, offset_x){
-  self.onmouseout=function(){ ttp_make_invisable(this); };
-	if(eventid && ttp_x != -1 && ttp_y != -1){
-    ttp_offset_x  = offset_x;
-    ttp_timer = setTimeout("ttp_make_req_visable('"+escape(title)+"', '"+eventid+"')", 750);
-	}
+  if(ttp_active) {
+    self.onmouseout=function(){ ttp_make_invisable(); };
+  	if(eventid && ttp_x != -1 && ttp_y != -1){
+      ttp_offset_x  = offset_x;
+      ttp_inside = 1;
+      ttp_timer = setTimeout("ttp_make_req_visable('"+escape(title)+"', '"+eventid+"', '"+ttp_x+"', '"+ttp_y+"')", 750);
+  	}
+  }
+}
+
+function ttp_make_direct_visable(title, description, x, y){
+
+    if(ttp_inside==0
+      || Math.abs(x - ttp_x) > 200
+      || Math.abs(y - ttp_y) > 200) {
+        clearTimeout(ttp_timer);
+        ttp_inside = 0;
+        return false;
+    }
+
+    ttp_x_start = ttp_x;
+    ttp_y_start = ttp_y;
+    ttp_make_visable(title,description);
+}
+
+function ttp(self, title, description, offset_x){
+  if(ttp_active) {
+    self.onmouseout=function(){ ttp_make_invisable(); };
+  	if(description && ttp_x != -1 && ttp_y != -1){
+      ttp_offset_x  = offset_x;
+      ttp_inside = 1;
+      ttp_timer = setTimeout("ttp_make_direct_visable('"+escape(title)+"', '"+escape(description)+"')", 750);
+  	}
+  }
 }
diff --git a/skins/xstyle/javascript/xtree.js b/skins/xstyle/javascript/xtree.js
index 58d2d95..a6652b0 100644
--- a/skins/xstyle/javascript/xtree.js
+++ b/skins/xstyle/javascript/xtree.js
@@ -78,7 +78,7 @@ var webFXTreeConfig = {
 	tIcon           : 'images/T.png',
 	tMinusIcon      : 'images/Tminus.png',
 	tPlusIcon       : 'images/Tplus.png',
-	blankIcon       : 'images/blank.png',
+	blankIcon       : 'images/trans.gif',
 	defaultText     : 'Tree Item',
 	defaultAction   : 'javascript:void(0);',
 	defaultBehavior : 'classic',
@@ -538,4 +538,4 @@ WebFXTreeItem.prototype.toString = function (nItem, nItemCount) {
 	this.plusIcon = ((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon);
 	this.minusIcon = ((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon);
 	return str + sb.join("") + "</div>";
-}
\ No newline at end of file
+}
diff --git a/skins/xstyle/program.tmpl b/skins/xstyle/program.tmpl
index a76e5df..0c79ec0 100644
--- a/skins/xstyle/program.tmpl
+++ b/skins/xstyle/program.tmpl
@@ -64,10 +64,10 @@
                     <?% IF zeile.2.length > 0  %?>
                     <br><small><?% zeile.2 %?></small>
                     <?% END %?>
+                    </a>
                     <?% IF zeile.6.length > 0 %?>
                     <br><small><em><?% chop(zeile.6,80) | replace('<br />',' ') %?></em></small>
                     <?% END %?>
-                    </a>
                 </td>
                 <?% ELSIF c == 3; # Subtitle Field %?>
                 <?% ELSIF c == 6; # Day Field %?>
diff --git a/skins/xstyle/rdisplay.tmpl b/skins/xstyle/rdisplay.tmpl
index 9958f06..4eca85f 100644
--- a/skins/xstyle/rdisplay.tmpl
+++ b/skins/xstyle/rdisplay.tmpl
@@ -27,7 +27,7 @@
     <tr>
         <?% c = 0 %?>
         <?% abstand = abstand div 3 %?>
-        <td bgcolor="white" colspan="<?% colspan %?>"><nobr><?%- WHILE c < range -%?><?%- c = c + abstand; percent = (abstand / data.Duration) * width -%?><img style="background:white" src='/images/blank.png' width="<?% offset = (c % 3600 ? 1 : 2);(percent - offset) | format('%d') %?>" height='10'><img style="background:<?% c % 900 ? "gray" : "black" %?>" src='/images/blank.png' width="<?% c % 3600 ? "1" : "2" %?>" height='<?% (c % 900 ? "5" : "10") %?>'><?%- END -%?></td>
+        <td bgcolor="white" colspan="<?% colspan %?>"><nobr><?%- WHILE c < range -%?><?%- c = c + abstand; percent = (abstand / data.Duration) * width -%?><img style="background:white" src='/images/trans.gif' width="<?% offset = (c % 3600 ? 1 : 2);(percent - offset) | format('%d') %?>" height='10'><img style="background:<?% c % 900 ? "gray" : "black" %?>" src='/images/trans.gif' width="<?% c % 3600 ? "1" : "2" %?>" height='<?% (c % 900 ? "5" : "10") %?>'><?%- END -%?></td>
     </tr>
     <tr>
         <td colspan="<?% colspan %?>"><nobr><?%- secold = 0;
@@ -42,13 +42,13 @@
                 sec = sec + m.2;
                 percent = ((sec-secold) / data.Duration) * width;
                 bgcolor = (bgcolor == 'red' ? 'white' : 'red');
-            -%?><img style="background:<?% bgcolor %?>" src='images/blank.png' width="<?% percent | format('%d') %?>" height='10' title="<?% (b < 0 ? "0:00:00.00" : ml.$b) %?> - <?% ml.$c %?>">
+            -%?><img style="background:<?% bgcolor %?>" src='images/trans.gif' width="<?% percent | format('%d') %?>" height='10' title="<?% (b < 0 ? "0:00:00.00" : ml.$b) %?> - <?% ml.$c %?>">
             <?%- secold = sec;
             END;
             IF data.Duration > secold;
             bgcolor = (bgcolor == 'red' ? 'white' : 'red');
             percent = ((data.Duration - secold) / data.Duration) * width;
-            -%?><img style="background:<?% bgcolor %?>" src="images/blank.png" width="<?% percent | format('%d') %?>" height="10" title="<?% (c < 0 ? "0:00:00.00" : ml.$c) %?> - <?% data.Duration div 3600 | format('%d') %?>:<?% data.Duration div 60 mod 60 | format('%02d') %?>:<?% data.Duration mod 60 | format('%02d') %?>" />
+            -%?><img style="background:<?% bgcolor %?>" src="images/trans.gif" width="<?% percent | format('%d') %?>" height="10" title="<?% (c < 0 ? "0:00:00.00" : ml.$c) %?> - <?% data.Duration div 3600 | format('%d') %?>:<?% data.Duration div 60 mod 60 | format('%02d') %?>:<?% data.Duration mod 60 | format('%02d') %?>" />
             <?% END %?>
         </td>
     </tr>
diff --git a/skins/xstyle/style/style.css b/skins/xstyle/style/style.css
index c0c0f70..f28f7bc 100644
--- a/skins/xstyle/style/style.css
+++ b/skins/xstyle/style/style.css
@@ -287,9 +287,7 @@ caption
 #TOOLTIP {
   position:absolute; 
   width: 400px; 
-  top: 0px; 
-  left: 0px; 
-  z-index:5; 
+  z-index:15; 
   visibility:hidden;
 }
 
diff --git a/skins/xstyle/style/xmenu.windows.css b/skins/xstyle/style/xmenu.windows.css
index 11f5304..fd4428a 100644
--- a/skins/xstyle/style/xmenu.windows.css
+++ b/skins/xstyle/style/xmenu.windows.css
@@ -44,9 +44,9 @@
 	width:				expression(constExpression(ieBox ? "100%" : "auto"));	/* should be ignored by mz and op */
 	text-decoration:	none;
 	color:				MenuText;
-	XXXheight:			18px;
+	/*XXXheight:			18px;*/
 	height:				expression(constExpression("13px"));
-	vertical-align:		center;
+	vertical-align:		middle;
 	padding:			2px;
 	padding-left:		3px;
 	padding-right:		3px;
@@ -72,7 +72,7 @@
 	float:			right;
 	border:			0;
 	width:			3px;
-	XXXheight:			16px;
+	/*XXXheight:			16px;*/
 	margin-top:		3px;
 	margin-right:	3px;
 }
@@ -162,4 +162,4 @@
 	border-right:	1px solid ButtonHighlight;
 	border-top:		1px solid ButtonShadow;
 	border-bottom:	1px solid ButtonHighlight;
-}
\ No newline at end of file
+}
diff --git a/skins/xstyle/widgets/vtx.tmpl b/skins/xstyle/widgets/vtx.tmpl
index 9c40661..274d2fc 100644
--- a/skins/xstyle/widgets/vtx.tmpl
+++ b/skins/xstyle/widgets/vtx.tmpl
@@ -29,11 +29,11 @@
 </td>
 </tr>
 </table>
-    <?% IF param.toppage != 0 %?><a title="<?% gettext("First page") %?>" href="<?% url %?><?% param.toppage %?>"><img src='images/oben.png'></a><?% ELSE %?><span class="shadow"><img src='images/leer.png'></span><?% END %?>&nbsp;
-    <?% IF param.page_prev != 0 %?><a title="<?% gettext("Previous page") %?>"href="<?% url %?><?% param.page_prev %?>"><img src='images/schnell_back.png'></a><?% ELSE %?><span class="shadow"><img src='images/leer.png'></span><?% END %?>&nbsp;
-    <?% IF param.subpage_prev != 0 %?><a title="<?% gettext("Prior sub page") %?>"href="<?% url %?><?% param.subpage_prev %?>"><img src='images/back.png'></a><?% ELSE %?><span class="shadow"><img src='images/leer.png'></span><?% END %?>&nbsp;
-    <?% IF param.subpage_next != 0 %?><a title="<?% gettext("Next sub page") %?>"href="<?% url %?><?% param.subpage_next %?>"><img src='images/vor.png'></a><?% ELSE %?><span class="shadow"><img src='images/leer.png'></span><?% END %?>&nbsp;
-    <?% IF param.page_next != 0 %?><a title="<?% gettext("Next page") %?>"href="<?% url %?><?% param.page_next %?>"><img src='images/schnell_vor.png'></a><?% ELSE %?><span class="shadow"><img src='images/leer.png'></span><?% END %?>
+    <?% IF param.toppage != 0 %?><a title="<?% gettext("First page") %?>" href="<?% url %?><?% param.toppage %?>"><img src='images/oben.png'></a><?% ELSE %?><span class="shadow"><img src='images/trans.gif'></span><?% END %?>&nbsp;
+    <?% IF param.page_prev != 0 %?><a title="<?% gettext("Previous page") %?>"href="<?% url %?><?% param.page_prev %?>"><img src='images/schnell_back.png'></a><?% ELSE %?><span class="shadow"><img src='images/trans.gif'></span><?% END %?>&nbsp;
+    <?% IF param.subpage_prev != 0 %?><a title="<?% gettext("Prior sub page") %?>"href="<?% url %?><?% param.subpage_prev %?>"><img src='images/back.png'></a><?% ELSE %?><span class="shadow"><img src='images/trans.gif'></span><?% END %?>&nbsp;
+    <?% IF param.subpage_next != 0 %?><a title="<?% gettext("Next sub page") %?>"href="<?% url %?><?% param.subpage_next %?>"><img src='images/vor.png'></a><?% ELSE %?><span class="shadow"><img src='images/trans.gif'></span><?% END %?>&nbsp;
+    <?% IF param.page_next != 0 %?><a title="<?% gettext("Next page") %?>"href="<?% url %?><?% param.page_next %?>"><img src='images/schnell_vor.png'></a><?% ELSE %?><span class="shadow"><img src='images/trans.gif'></span><?% END %?>
 <?% END %?>
 
 <br />