var TFD = {
  change_color_hr: function(node,color) {
    node.parentNode.getElementsByTagName('hr')[0].setAttribute('color',color);
  },
  change_image: function(node,path) {
    node.parentNode.getElementsByTagName('img')[0].setAttribute('src',path);
  },


  get_viewport_size: function() {
    var size = [0,0];

    if (typeof window.innerWidth != 'undefined')
      {
	size = [
		window.innerWidth,
		window.innerHeight
		];
      }
    else if (typeof document.documentElement != 'undefined'
	     && typeof document.documentElement.clientWidth != 'undefined'
	     && document.documentElement.clientWidth != 0)  {
	       size = [
		       document.documentElement.clientWidth,
		       document.documentElement.clientHeight
		       ];
	     }
    else  {
      size = [
	      document.getElementsByTagName('body')[0].clientWidth,
	      document.getElementsByTagName('body')[0].clientHeight
	      ];
    }
    
    return {x:size[0], y:size[1]};
  },

  resize: function()
  {
    var center = document.getElementById("center");
    
    var alldivs = center.getElementsByTagName("div");
    var bottom = 0;

    for( var i=0; i < alldivs.length; i++) {
      var b = alldivs[i].offsetTop + alldivs[i].offsetHeight;
      if(b > bottom) {
	bottom = b;
      }      
    }    
    center.style.height =  (bottom + 0) + "px";   
      $("stripes").style.height = (bottom + 5) + "px";   
      $("left_shadow").style.height = (bottom - 150 + 5) + "px";   

    /* var geom = this.get_viewport_size();
    alert(geom.y);
      $("stripes").style.height = geom.y + "px";   
      $("left_shadow").style.height = geom.y - 150 + "px";   */
  },

  // relaunch
  
  is_open: [false,false,false,false],
  
  morph_item: function(elem,tostyle) {
    
    var dur = 0.3;

    new Effect.Morph(elem, {style: tostyle, duration: dur});

    // morph shadows too
    elem = elem.firstChild;

    // skip text nodes
    while(elem.nodeType == 3) {
      elem = elem.nextSibling;
    }
        
  },

  toggle: function(item, target) {
    if(TFD.is_open[item]) {
      // close      
      this.morph_item( $('menu_item'+ item), 'height:23px');   
      TFD.is_open[item] = false;            
    }else{
      // open
      var h = $('sub_item'+ item).offsetHeight;
      this.morph_item($('menu_item'+ item),'height:'+h+'px');       
      TFD.is_open[item] = true;

      for(var i=0; i<4; i++){
	if(i != item && TFD.is_open[i]){
	  // close
	  this.morph_item($('menu_item'+ i),'height:23px');
	  TFD.is_open[i] = false; 
	}
      } 
    }
    target.className = "LinkRightOn";

    // wait and load    
    window.setTimeout("window.location.href = \""+ target +"\"", 300);

  }
}