head	1.15;
access;
symbols;
locks; strict;
comment	@# @;


1.15
date	2007.06.21.08.41.52;	author openpkg;	state Exp;
branches;
next	1.14;
commitid	E3ALEgDFkYfc0Lms;

1.14
date	2007.02.08.12.26.58;	author rse;	state Exp;
branches;
next	1.13;
commitid	7mfQ3FGzxJAtwG5s;

1.13
date	2006.07.28.09.53.35;	author rse;	state Exp;
branches;
next	1.12;
commitid	4J7yMKSAHh8tWBGr;

1.12
date	2006.03.23.17.20.44;	author rse;	state Exp;
branches;
next	1.11;
commitid	3iW4PHZPpabYukqr;

1.11
date	2006.03.14.18.51.04;	author rse;	state Exp;
branches;
next	1.10;
commitid	VtKBiY8Kp0xThbpr;

1.10
date	2006.03.13.18.45.25;	author rse;	state Exp;
branches;
next	1.9;
commitid	WmjTyNFVcL1Vh3pr;

1.9
date	2006.03.12.19.16.36;	author rse;	state Exp;
branches;
next	1.8;
commitid	B23qzzqu5d3CuVor;

1.8
date	2006.03.11.16.32.59;	author rse;	state Exp;
branches;
next	1.7;
commitid	Sc38vyOyirIuCMor;

1.7
date	2006.03.09.20.59.05;	author rse;	state Exp;
branches;
next	1.6;
commitid	b1GIjTW3Y0vM9yor;

1.6
date	2006.03.09.19.12.10;	author rse;	state Exp;
branches;
next	1.5;
commitid	epriXSkS92w5zxor;

1.5
date	2006.02.20.08.34.35;	author rse;	state Exp;
branches;
next	1.4;
commitid	XGwb4UIHrCifAimr;

1.4
date	2006.02.17.08.59.45;	author rse;	state Exp;
branches;
next	1.3;
commitid	iogEp2hgTxvROUlr;

1.3
date	2005.11.27.13.30.59;	author rse;	state Exp;
branches;
next	1.2;
commitid	VLeS3H60IwUjXobr;

1.2
date	2005.11.27.13.12.35;	author rse;	state Exp;
branches;
next	1.1;
commitid	rq2MkvS3rCt0Robr;

1.1
date	2005.11.25.16.20.58;	author rse;	state Exp;
branches;
next	;
commitid	c9X5QxZIdGHCX9br;


desc
@@


1.15
log
@flush and save current state of CVS controlled data
@
text
@<script language="php">
##
##  Copyright (c) 2005-2006 OpenPKG Foundation e.V. <http://openpkg.net/>
##  Copyright (c) 2005-2006 Ralf S. Engelschall <http://engelschall.com/>
##
##  Permission to use, copy, modify, and distribute this software for
##  any purpose with or without fee is hereby granted, provided that
##  the above copyright notice and this permission notice appear in all
##  copies.
##
##  THIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY EXPRESSED OR IMPLIED
##  WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
##  MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.
##  IN NO EVENT SHALL THE AUTHORS AND COPYRIGHT HOLDERS AND THEIR
##  CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
##  SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
##  LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF
##  USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
##  ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
##  OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT
##  OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
##  SUCH DAMAGE.
##
##  canvas-nav-tab.php: canvas navigation tabs
##
</script>

<script language="php">
  divert("css");
</script>

ul.navtab {
    padding:               0px;
    margin:                0px;
    height:                20px;
    list-style:            none;
}
ul.navtab li {
    display:               inline;
    float:                 left;
    border-top:            1px solid #c0b0a0;
    border-left:           1px solid #c0b0a0;
    border-right:          1px solid #504030;
    border-bottom:         none;
    margin:                0px 2px 0px 0px;
    padding:               1px 6px 0px 6px;
    height:                18px;
    background-attachment: scroll;
    background-repeat:     no-repeat; /* FIXME: doesn't work for Konqueror */
    background-position:   left top;
    background-image:      url('<?php echo $cfg["url.base"] ?>canvas/canvas-crop-glass-light-T.png');
    color:                 #333333;
}
ul.navtab li.active {
    border-top:            1px solid #f5f5f5;
    border-left:           1px solid #f0f0f0;
    border-right:          1px solid #333333;
    background-position:   0px 0px; /* dynamically adjusted! (see below) */
    background-image:      url('<?php echo $cfg["url.base"] ?>canvas/canvas-crop-background.jpg');
    background-color:      #ffffff;
    color:                 #000000;
}
ul.navtab li.inactive:hover {
    border-top:            1px solid #807060;
    border-left:           1px solid #807060;
    border-right:          1px solid #504030;
    background-position:   left top;
    background-image:      url('<?php echo $cfg["url.base"] ?>canvas/canvas-crop-glass-dark-T.png');
}
ul.navtab li a {
    text-decoration:       none;
    font-weight:           normal;
    font-family:           tahoma,helvetica,lucida,verdana,arial,sans-serif;
    font-size:             9pt;
    color:                 #000000;
}
ul.navtab li.active a {
    font-weight:           bold;
}
ul.navtab li.inactive a:visited {
    color:                 #000000;
    font-weight:           normal;
    text-decoration:       none;
}
ul.navtab li.inactive a:link {
    color:                 #000000;
    font-weight:           normal;
    text-decoration:       none;
}
ul.navtab li.inactive a:hover {
    color:                 #000000;
    font-weight:           normal;
    text-decoration:       none;
}

<script language="php">
  divert("js");
</script>

/* define tab background update function */
function nav_tab_update (e) {
    /* determine outer canvas box and active navigation tab */
    var box = DOM.getNode("div#canvas")[0];
    var tab = DOM.getNode("ul.navtab li.active")[0];

    /* determine viewport-relative positions of the two elements */
    var box_pos = DOM.getPosition(box);
    var tab_pos = DOM.getPosition(tab);

    /* determine effective width of box and its background image */
    var box_width = 800; // $(box).width() + 0;
    // var box_width = DOM.getStyle(box, "width") || "0px"; YUI returns "auto", JQuery is able to determine width
    // box_width = box_width.replace(/px/, "") - 0;
    var img_width = 720; /* FIXME: hard-coded width of background image */

    /* re-calculate and set new position of tab background image */
    var x = box_pos.x + box_width - img_width - tab_pos.x;
    var y = box_pos.y - tab_pos.y;
    DOM.setStyle(tab, "backgroundPosition", x+'px '+y+'px');
}

/* activate tab background update function */
DOM.setEvent(window, "resize", nav_tab_update);
DOM.setEvent(window, "load",   nav_tab_update);

<script language="php">
  divert("canvas-tabs");
</script>

<script language="php">
  # determine the active/inactive CSS class for the tabs
  $class = array();
  $class["project"]     = "inactive";
  $class["corporation"] = "inactive";
  $class["foundation"]  = "inactive";
  $thissite = $opt["path.site"];
  if ($thissite == "meta")
      $thissite = "project";
  $class[$thissite] = "active";
</script>

<ul class="navtab">
  <li class="<?php echo $class["project"]     ?>"><a href="http://www.openpkg.org/">OpenPKG Project</a></li>
  <li class="<?php echo $class["corporation"] ?>"><a href="http://www.openpkg.com/">OpenPKG Corporation</a></li>
  <li class="<?php echo $class["foundation"]  ?>"><a href="http://www.openpkg.net/">OpenPKG Foundation</a></li>
</ul>

@


1.14
log
@flush all pending changes to meta.openpkg.org
@
text
@d111 3
a113 2
    var box_width = DOM.getStyle(box, "width") || "0px";
    box_width = box_width.replace(/px/, "") - 0;
@


1.13
log
@avoid variable 'this' as this is a PHP5 OO feature
@
text
@d142 3
a144 3
  <li class="<?php echo $class["project"]     ?>"><a href="http://www.openpkg.org/title.php">OpenPKG Project</a></li>
  <li class="<?php echo $class["corporation"] ?>"><a href="http://www.openpkg.com/title.php">OpenPKG Corporation</a></li>
  <li class="<?php echo $class["foundation"]  ?>"><a href="http://www.openpkg.net/title.html">OpenPKG Foundation</a></li>
@


1.12
log
@switch back to directly linking the title page on tab clicks as it is more intuitive
@
text
@d135 4
a138 4
  $this = $opt["path.site"];
  if ($this == "meta")
      $this = "project";
  $class[$this] = "active";
@


1.11
log
@more cosmetics
@
text
@d142 3
a144 3
  <li class="<?php echo $class["project"]     ?>"><a href="http://www.openpkg.org/">OpenPKG Project</a></li>
  <li class="<?php echo $class["corporation"] ?>"><a href="http://www.openpkg.com/">OpenPKG Corporation</a></li>
  <li class="<?php echo $class["foundation"]  ?>"><a href="http://www.openpkg.net/">OpenPKG Foundation</a></li>
@


1.10
log
@fix style of tabs under IE and center the header correctly, i.e. relative to canvas body
@
text
@d135 4
a138 1
  $class[$opt["path.site"]] = "active";
@


1.9
log
@code cosmetics
@
text
@a68 1
    color:                 #f0f0f0;
d75 1
a75 1
    color:                 inherit;
d80 15
@


1.8
log
@switch to global configuration array variables instead of a dozend individual variables
@
text
@d33 2
a34 2
	padding:               0px;
	margin:                0px;
d74 1
a74 1
	font-family:           tahoma,helvetica,lucida,verdana,arial,sans-serif;
d108 1
a108 1
DOM.setEvent(window, "resize", nav_tab_update); 
@


1.7
log
@because of page stretching support we need to update on resizing again
@
text
@d51 1
a51 1
    background-image:      url('canvas/canvas-crop-glass-light-T.png');
d59 1
a59 1
    background-image:      url('canvas/canvas-crop-background.jpg');
d68 1
a68 1
    background-image:      url('canvas/canvas-crop-glass-dark-T.png');
d121 1
a121 1
  $class[$this["site"]] = "active";
@


1.6
log
@flush all other pending changes to improve the website layout
@
text
@d108 1
a108 1
/* DOM.setEvent(window, "resize", nav_tab_update); */
@


1.5
log
@cleanups for 2006
@
text
@d32 9
a40 6
TABLE.navtab {
    margin-top:            1px;
    height:                100%;
    border-collapse:       separate;
}
TABLE.navtab TD {
d45 8
a52 8
    padding:               2px 15px 0px 15px;
    color:                 #000000;
    background-attachment: fixed;
    background-repeat:     no-repeat;
    background-position:   right top;
    background-image:      url('canvas/canvas-crop-head-light.png');
    background-color:      #b2a69b;
    font-weight:           normal;
d54 1
a54 1
TABLE.navtab TD.active {
d58 1
a58 3
    background-attachment: fixed;
    background-repeat:     no-repeat;
    background-position:   right top;
d61 1
a61 4
    color:                 inherit;
}
TABLE.navtab TD.active A {
    font-weight:           bold;
d63 1
a63 1
TABLE.navtab TD:hover {
d67 9
a75 5
    background-attachment: fixed;
    background-repeat:     no-repeat;
    background-position:   right top;
    background-image:      url('canvas/canvas-crop-head-dark.png');
    background-color:      #73665a;
d78 2
a79 7
TABLE.navtab TD:hover.active {
    border-top:            1px solid #f5f5f5;
    border-left:           1px solid #f0f0f0;
    border-right:          1px solid #333333;
    background-image:      url('canvas/canvas-crop-background.jpg');
    background-color:      #ffffff;
    color:                 inherit;
d81 24
a104 5
TABLE.navtab TD A {
    text-decoration:       none;
    background-color:      inherit;
    color:                 #000000;
    font-weight:           normal;
d107 4
d116 1
a122 11
<table class="navtab">
  <tr>
    <td class="<?php echo $class["project"] ?>"><a href="http://www.openpkg.org/">OpenPKG Project</a></td>
    <td class="<?php echo $class["corporation"] ?>"><a href="http://www.openpkg.com/">OpenPKG Corporation</a></td>
    <td class="<?php echo $class["foundation"] ?>"><a href="http://www.openpkg.net/">OpenPKG Foundation</a></td>
  </tr>
</table>

<script language="php">
  divert("canvas-title");
</script>
d124 5
a128 4
<img
    src="<?php echo $rooturl."canvas/canvas-crop-title-".$this["site"]."-T.png" ?>"
    width="500" height="50" alt="OpenPKG"
/>
@


1.4
log
@flush pending changes
@
text
@d3 2
a4 2
##  Copyright (c) 2005 OpenPKG Foundation e.V. <http://openpkg.net/>
##  Copyright (c) 2005 Ralf S. Engelschall <http://engelschall.com/>
@


1.3
log
@more cleanups and bugfixes
@
text
@d97 3
a99 2
  $class["project"] = "inactive";
  $class["foundation"] = "inactive";
d105 1
@


1.2
log
@flush all recent work on the meta canvas
@
text
@d24 1
a24 1
##  canvas-navtab.php: canvas navigation tabs
@


1.1
log
@rename files to be more pretty on the shell ;-)
@
text
@d60 1
d74 1
d82 1
d86 1
@