// When the DOM is loaded, initilize profile page
document.observe("dom:loaded", function() {
  //create the popups
  new Popup('views_popup', 'views_popup_link', {duration:0.1});
  //new Popup('friend_popup', 'friend_popup_link', {duration:0.1});
  //new Popup('voice_popup', 'voice_popup_link', {duration:0.1});
  //new Popup('date_popup', 'date_popup_link', {duration:0.1});
  //new Popup('photos_popup', 'photos_popup_link', {duration:0.1});
  //new Popup('agent_popup', 'agent_popup_link', {duration:0.1});

  //hide reviews
  var review = $('reviews');
  if (review){
    review.style.display = 'none';
  }

  var show = $('show_reviews');
  if (show) {
    show.style.display = 'inline';
    show.observe('click', toggle_review);
  }

  var hide = $('hide_reviews');
  if (hide) {
    hide.style.display = 'none';
    hide.observe('click', toggle_review);
  }

  var write = $('write_review');
  if (write) {
    write.style.display = 'inline';
    write.observe('click', toggle_write);
  }

  var form = $('review_form');
  if (form) {
    form.style.display = 'none';
  }
});



function toggle_review(event)
{
	$('reviews').toggle();
	$('hide_reviews').toggle();
	$('show_reviews').toggle();
}

function toggle_write(event)
{
	$('review_form').toggle();
	$('write_review').toggle();
}