// JavaScript Document
window.addEvent('domready', function()
{
  var toggleAbout = $('right_category_view_more_tag');
  
  var categoryAboutSection = $('right_category_info_holder');
  var categoryText = $('category_info_text');
  var cloudTagSection = $('right_category_tag_cloud_holder');
  var aboutBox = $('right_about_cb_back');
  var cloudTags = $('cloud_of_tags');
  var cloudSize = cloudTags.getSize();
  var toggledToward = 'about';
  var sizeFix = 205;
  var sizeTo = cloudTags.getScrollSize().y;
  var sizeFrom = 55;//cloudTags.getCoordinates().height
  var tags = $$('a.cloud_tag');
  
  tags.addClass('non_tag_cloud');
  
  toggleAbout.addEvent('click', function(){
    if(toggledToward == 'about') {
      //categoryAboutSection.morph({'height':'75px'});
      //categoryText.morph({'height':'45px'});
      cloudTagSection.morph({'height':(sizeFix+30)+'px'});
      cloudTags.morph({'height':sizeFix+'px'});
      this.set('text', 'View Less');
      toggledToward = 'tag';
      if(sizeFix < sizeTo) {
      	showScroll.delay(800);
      }
	  tags.removeClass('non_tag_cloud');
    } else if(toggledToward == 'tag') {
      //categoryAboutSection.morph({'height':'138px'});
      //categoryText.morph({'height':'108px'});
		$('abouttags_scrollbar').morph({visibility:'hidden'});
      cloudTagSection.morph({'height':sizeFrom+'px'});
      cloudTags.morph({'height':'30px'});
      this.set('text', 'View More');
      toggledToward = 'about';
	  tags.addClass('non_tag_cloud');
	  cloudTags.scrollTo(0);
    }  
  });
  if(sizeTo > sizeFrom) {
  	toggleAbout.removeClass('hidden');
  }
  var showScroll = function(){
	$('abouttags_scrollbar').morph({visibility:'visible',opacity:[0,1]});
	var transcriptSteps = cloudTags.getScrollSize().y - cloudTags.getSize().y + 40;
	var npSlider = new Slider('abouttags_scrollbar_slide', 'abouttags_scrollbar_knob', {
	    steps: transcriptSteps,
	    mode:'vertical',
	    onChange:function(step){
	        cloudTags.scrollTo(0,step);
	    }
	});
    $$('#abouttags_scrollbar_up','#abouttags_scrollbar_down').addEvent('click',function(){
    	var step = this.get('id').split('_')[2] == 'up' ? -15:15;
    	npSlider.set(cloudTags.scrollTop+step);
    });
  }  
});