/*
 * Rwyn Menu
 * Author: Brad Touesnard
 *http://brad.touesnard.com/
*/
 
// Start Configuration
var pixels_per_frame = 4;       // number of pixels to grow every frame
var frame_rate_ms = 50;         // number of millisecondes to pause between frames
var accelerator_on = true;      // toggle acceleration
var single_open_mode = true;    // toggle if only a single blind can be open at a time
var menuid = 'rwynmenu';
// End of Configuration
 
var height = 0;
var max_height = 0;
var the_node = null;
var accelerator = 1;
 
function get_max_height(node) {
   node.style.height = 'auto';
   node.style.position = 'absolute';
   node.style.left = '-1000px';
   node.style.display = 'block';
   var height = node.offsetHeight;
   node.style.height = '0px';
   node.style.position = 'static';
   node.style.left = '0px';
 
   return height;
}
 
function animate_expand() {
   height = height + pixels_per_frame * accelerator;
 
   if (height < max_height) {
      the_node.style.height = height + 'px';
      if (accelerator_on) {
         if (height < max_height / 2) {
            accelerator++;
         }
         else {
            accelerator--;
            if (accelerator <= 0) {
               accelerator = 1;
            }
         }
      }
      var timeout = setTimeout("animate_expand();", frame_rate_ms);
   }
   else {
      the_node.style.height = 'auto';
   }
}
 
function animate_collapse() {
   height = height - pixels_per_frame * accelerator;
 
   if (height > 0) {
      the_node.style.height = height + 'px';
      if (accelerator_on) {
         if (height > max_height / 2) {
            accelerator++;
         }
         else {
            accelerator--;
            if (accelerator <= 0) {
               accelerator = 1;
            }
         }
      }
      var timeout = setTimeout("animate_collapse();", frame_rate_ms);
   }
   else {
      the_node.style.display = 'none';
   }
}
 
function expand(node) {
   height = 0;
   max_height = get_max_height(node.nextSibling);
   accelerator = 1;
   the_node = node.nextSibling;
   animate_expand();
}
 
function collapse(node) {
   height = node.nextSibling.offsetHeight;
   max_height = node.nextSibling.offsetHeight;
   accelerator = 1;
   the_node = node.nextSibling;
   animate_collapse();
}
 
function close_open_groups() {
   if (document.getElementById) { //  Netscape, Mozilla, etc.
      var obj = document.getElementById(menuid);
   }
   else if (document.all) {      //  IE, Konqueror, etc.
      var obj = document.all[menuid];
   }
 
   recur_close_groups(obj);
}
 
function recur_close_groups(node) {
   if (node.nodeName == "DIV") {
      //alert(node.nodeName);
      if (node.style.display != 'none' && node.className == 'items') {
         node.style.display = 'none';
      }
   }
 
   if (node.hasChildNodes()) {
      node = node.firstChild;
      recur_close_groups(node);
      while (node = node.nextSibling) {
         recur_close_groups(node);
      }
   }
}
 
function act(node) {
   if (node.nextSibling.style.display == 'none') {
      if (single_open_mode) {
         close_open_groups();
      }
 
      expand(node);
   }
   else {
      collapse(node);
   }
}
//-->
</script>
 
<style type="text/css">
div.rwynmenu {
   font-size: 0.6em;
 
   font: bold 11px/25px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
   <!-- font-family: verdana; -->
   width: 180   px;
   border: 1px solid gray;
}
 
.rwynmenu a {
   color: #000000;
   text-decoration: none;
}
 
.rwynmenu a:hover {
   color: #000000;
   text-decoration: underline;
}
 
.rwynmenu a.group {
   color: #000000;
   font-weight: bold;
   border-bottom: 1px solid gray;
   border-top: 1px solid white;
   border-left: 10px solid gray;
   display: block;
   width: 180px !important;  /* IE hack */
   width: 100%;
   padding: 10px 5px 10px 5px;
   clear: right;
   text-decoration: none;
   background-color: #E4E4E4;
}
 
.rwynmenu a.group:hover {
   border-left: 10px solid #666;
   border-bottom-color: #666;
   color: #838181;
   background-color: #eeeeee;
   text-decoration: none;
}
 
.rwynmenu div {
   margin-top: 0px;
   margin-bottom: 0px;
   overflow: hidden;
   padding: 4px;
   overflow-x: auto;
}
 
.rwynmenu ul {
   list-style: none;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-left: 0px;
}
 
.rwynmenu .items  {
   list-style: square;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-left: 15px;
}
 
.rwynmenu .items li {
   margin-bottom: 4px;
}
 
.rwynmenu .item {
   display: block;
   clear: right;
}
 
.rwynmenu .bottomblock {
   border-top: 1px solid white;
   display: block;
   width: 200px !important;  /* IE hack */
   width: 100%;
   clear: right;
   background-color: #cccccc;
   height: 10px;
}
 
/* Page formatting styles */
 
#rwynmenu {
   float: left;
}
 
#rwyn-content {
   width: 750px;
}
 
#rwyn-details {
   float: right;
   font-family: Helvetica;
   padding: 5px;
   width: 550px;
   background-color: #eee;
   border: 1px solid #ccc;
}
 
#rwyn-details h1 {
   margin: 0px;
}
 
#rwyn-details h2 {
   margin: 0px;
   font-style: italic;
   font-weight: normal;
   font-size: 1.2em;
}
 
.rwyn-license {
   font-size: 0.8em;
}
</style>
 

 
var fadeShow=(function(){
    var _getCoords = function(el){
       var coords = { x: 0, y: 0, w: el.offsetWidth, h:el.offsetHeight };
       while (el) {
          coords.x += el.offsetLeft;
          coords.y += el.offsetTop;
          el = el.offsetParent;
       }
       return coords;
    }
    var _animOpacity = function(ob){                     //alpha animation
       this.obA=ob;
       this.opacity = 1;
       var me = this;                           //me is a tether reference to the current object
       this.fade=function(){                        //incremental fade
          me.opacity+=me.fadeValue;
          if(window.attachEvent){
             me.obA.style.filter="alpha(opacity="+me.opacity*100+")";
          }else{
             me.obA.style.opacity=me.opacity;
          }
       }
       this.setValue=function(n){ // is scaled to unity (for 100 enter 1)      //directly set fade value
          me.opacity = n;
          if(window.attachEvent){
             me.obA.style.filter="alpha(opacity="+me.opacity*100+")";
          }else{
             me.obA.style.opacity=me.opacity;
          }
       }
       this.anim = function(fadeValue,speed,fnc){               //animation
          if(isNaN(fadeValue)||fadeValue==0){return}
          if(isNaN(speed)||speed==0){return}
          if(fnc!=null){me.fnc=fnc}
          me.fadeValue=fadeValue;
          me.speed=speed;
          if(fadeValue>0){
             (function(){                     //do a fadein
                me.s = function(){
                   me.fade()
                   if(me.opacity<1){
                      setTimeout(me.s,speed);
                   }else{
                      if(me.fnc!=null){me.fnc()}
                   }
                }
                setTimeout(me.s,me.speed)
             })();
          }else{
             (function(){                     //do a fadeout
                me.s = function(){
                   me.fade()
                   if(me.opacity>0){
                      setTimeout(me.s,me.speed);
                   }else{
                      if(me.fnc!=null){me.fnc()}
                   }
                }
                setTimeout(me.s,me.speed);
             })();
          }         
       }
    }
    var _init = function(){
       var d = document.getElementsByTagName("ul")
       var l = d.length;
       for(var i=l-1;i>-1;i--){
          (function(){
             var im = [];
             im[0] = new Image();                  //frontscreen
             im[1] = new Image();                  //backscreen
             im.a=[];                     //image path container
             var e = d[i];
             if(e.className.indexOf("fadeShow")>-1){               //class check ul elements
                var k = e.children
                for(var j=0;j<k.length;j++){
                   im.a.push(k[j].innerHTML);         //stores image paths
                }
                im.w = parseInt(e.style.width);
                im.h = parseInt(e.style.height);
             }
             im[0].src=im.a[0];                  //assign inital forescreen image
             if(im.a.length>1){
                im[1].src=im.a[1];               //assign initial backscreen image if any
             }
             d[i].style.visibility="visible";
             (function(){
                var d = document.createElement("div");         //create fadeshow container
                d.style.position="relative";            //configure fadeshow
 
                if(!isNaN(im.w)){
                   d.style.width=im.w+"px";            //user set inline width/height;
                   d.style.height=im.h+"px";
                }else{
                   //INITIAL DIMS ARE SET TO 0!
                   d.style.width=im[0].width+"px";            //this will set correctly on reload or when
                   d.style.height=im[0].height+"px";         //the user refreshes or browses back to the page.
 
                   //CLUNKY SOLUTION - DIMS SET AFTER 1ST IMG LOAD
                   if(im[0].width<1)
                      (function(d){                  //set the dimensions of the container after the
                         var d = d;               //first image has loaded and its dimensions are.
                         im[0].onload=function(){         //avilable/
                            d.style.width=this.width+"px";
                            d.style.height=this.height+"px";
                         }
                      })(d);
                }
                delete im.w;
                delete im.h;
                im[0].style.position="absolute";
                im[1].style.position="absolute";
                if(document.all){               //install fadeshow
                   e.replaceNode(d);
                }else{
                   var p = e.parentNode;
                   p.replaceChild(d,e);
                }
                d.appendChild(im[1]);               //add frontscreen to fadeshow container
                d.appendChild(im[0]);               //add backscreen to fadeshow container
                im.a0 = new _animOpacity(im[0]);         //create and add animations
                im.a1 = new _animOpacity(im[1]);
                im.a0.setValue(1);
                im.a1.setValue(0);
                var me = im;                  //ref to the tortured array
                im.delay=4500+Math.floor(Math.random()*1000);      //the image swap frequency
                im.cnt=0;
                im.s=function(){               //The fadeshow for this object
                   //me.testDims();
                   me.cnt++;
                   me.cnt%=me.a.length;            //clamp upper limit of cnt to the number of images
                   me[1].src=me.a[me.cnt];
                   me.a0.anim(-.02,10);            //a0 is alpha animation for forescreen (alpha anim speed=10)      
                   me.a1.anim(.02,10,function(){         //a1 is alpha animation for backscreen (alpha anim speed=10)
                      me[0].src=im[1].src;
                      me.a0.setValue(1);         //fully turn on image at end of animation cycle
                      me.a1.setValue(0);         //fully turn off image at end of animation cycle
                      setTimeout(me.s,me.delay);      //set time to start the next cycle
                   });
                }
                setTimeout(im.s,im.delay);            //start it in motion
             })();
          })();
       }
    }
    return {
       init:function(){_init()}
    }
 })();