function initOverLabels () {
  if (!document.getElementById) return;

  var labels, id, field;
  labels = document.getElementsByTagName('label');
  for (var i = 0; i < labels.length; i++) {
    
    if (labels[i].className == 'overlabel') {

      id = labels[i].htmlFor || labels[i].getAttribute('for');
      if (!id || !(field = document.getElementById(id))) {
        continue;
      }
      
      labels[i].className = 'overlabel-apply';
 
      if (field.value !== '') {
        hideLabel(field.getAttribute('id'), true);
      }

   
      field.onfocus = function () {
        hideLabel(this.getAttribute('id'), true);
      };
      field.onblur = function () {
        if (this.value === '') {
          hideLabel(this.getAttribute('id'), false);
        }
      };

     
      labels[i].onclick = function () {
        var id, field;
        id = this.getAttribute('for');
        if (id && (field = document.getElementById(id))) {
          field.focus();
        }
      };

    }
  }
};

function hideLabel (field_id, hide) {
  var field_for;
  var labels = document.getElementsByTagName('label');
  for (var i = 0; i < labels.length; i++) {
    field_for = labels[i].htmlFor || labels[i].getAttribute('for');
    if (field_for == field_id) {
      labels[i].style.textIndent = (hide) ? '-1000px' : '0px';
      return true;
    }
  }
}


var WidgetOptions = {
    effects : {
        effectDuration : 100,
        widgetShow : 'fade',
        widgetHide : 'slide'
    }
}

$(document).ready( function() {
    initOverLabels();
    
    $.fn.EasyWidgets({
        behaviour : {
            useCookies : true
        },
        i18n : {                
            extendText : '<div class="extendButton"></div>',
            collapseText : '<div class="collapseButton"></div>'
        },
            effects : {
            widgetExtend: 'slide',
            widgetCollapse: 'slide'
        }
    });
  
  $('#loginLink').bind('click', function(){
      var link = $(this);
      var form = $('.loginForm');
      var linkPosition = link.offset();
      
      var topPosition = linkPosition['top'] + 17;
      var leftPosition = linkPosition['left'] + (link.width()/2) - (form.width()/2);
      
      form.css('top', topPosition + 'px');
      form.css('left', leftPosition + 'px');
      
      form.toggle();
      return false;
  });
  $(window).bind('click', function(){
      $('.loginForm').hide();
  });
  $('.loginForm').bind('click', function(e){
      e.stopPropagation();
  });
  
  $('.rivtubeVideoThumb a img').slideshow();
});
