var portfolio = {
  /* Show or hide the portfolio. */

  expanded: false,

  height_contracted: 98,
  height_expanded: 435,

  contract: function() {
    if (portfolio.expanded) {
      var hide = new YAHOO.util.Anim('toHide', { 
        height: { to: 0 }  
        }, 1, YAHOO.util.Easing.easeOut);
      var show = new YAHOO.util.Anim('toggleText', { 
        height: { to: portfolio.height_contracted }  
        }, 1, YAHOO.util.Easing.easeOut);
      //hide.onComplete.subscribe(show.animate);
      hide.animate();
      show.animate();
      portfolio.expanded = false;
    }
  },

  expand: function() {
    if (!portfolio.expanded) {
      var hide = new YAHOO.util.Anim('toggleText', { 
        height: { to: 0 }  
        }, 1, YAHOO.util.Easing.easeOut);
      var show = new YAHOO.util.Anim('toHide', { 
        height: { to: portfolio.height_expanded }  
        }, 1, YAHOO.util.Easing.easeOut);
      //hide.onComplete.subscribe(show.animate);
      hide.animate();
      show.animate();
      portfolio.expanded = true;
    }
  }
}


var newsletter = {

  submit: function() {
    var caption, base_url, height, width, email, full_url;

    // Define some constants.
    caption = 'Nieuwsbrief';
    base_url = 'http://www.fbidesign.nl/newsmanagerpro-2008/forms/optIn.asp?';
    height = 'height=500';
    width = '&width=500';

    // Get the email address from the input.
    email = YAHOO.util.Dom.get('email');
    if (email) email = '&email=' + email.value; else email = '';

    // Create the iframed url.
    full_url = base_url + height + width + email;

    // Call the thickbox with the appropriate parameters.
    tb_show(caption,full_url);

    // Prevent default submit behaviour.
    return false;
  }
}



// old stuff, should be removed
    function toggleDivOL(elemID) {
        var elem = document.getElementById(elemID);
        if (elem.style.position != 'absolute') {
            elem.style.position = 'absolute';
            elem.style.left = '-4000px';
        }
        else {
            elem.style.position = 'relative';
            elem.style.left = '0px';
        }
    }
    function toggle() {
        var ele = document.getElementById("toggleText");
        var text = document.getElementById("displayText");
        if (ele.style.display == "block") {
            ele.style.display = "none";

        }
        else {
            ele.style.display = "block";

        }
    } 
