var MySitefx = new Class(
{
// JavaScript Document
  toggles:[], elements:[], container:null, accordion:null, lyricAccordion:null, lyricContent:null, currentLyric:null, myScroll:null,

  request_lyric: function (uid) {

    var parent = this;

    var myRequest = new Request({method:'get', url:'/?eID=releases&action=lyrics&id='+uid,
  		onSuccess: function(response) {
  		  parent.injectLyric(response);
  		},
  		onFailure: function(xhr) {
  		  html = 'The request to ' + targetURL + ' failed. ';
  		  parent.injectLyric(html);
  		}
    }).send();

  },
  
  injectLyric: function(response) {

      if ( this.lyricContent ) {
      //just replace the html content
          this.lyricContent.set('html',response);
      } else {
      //make new toggle and content element, inject into DOM, add to accordion

          this.lyricContent = new Element ('div',{'class':'release_content','html':response})
    
      		// create toggler
      		toggler = new Element('li').adopt(
                                      new Element('a', {
                                    			'class': 'act',
                                    			'html': 'Lyrics'
                                		  })
          );
      		
      		// create content
      		var content = new Element('div', {
            'id': 'release_text_lyrics',
            'class': 'conteina'          
          }).adopt (
              new Element('h3', {'class': 'release_head toggla'}).adopt(
                                                                  new Element('span',{'class':'hidden','html':'Lyrics'})
          ));
    
      		content.adopt( new Element('div', {
                        			'class': 'release_content_container'
                          }).adopt( this.lyricContent )
          );
          
    
          toggler.inject($('release_view').getElement('ul'));
          content.inject($('accordeonContainer'));
            		    		
      		// add the section to our myAccordion using the addSection method
      		this.accordion.addSection(toggler, content);
      }

  		this.accordion.display(this.accordion.elements.length-1);
  },
  
  showLyric: function(pos, useFx) {
      this.lyricAccordion.display(pos, useFx);
  },

  loadLyric: function(uid) {
      this.accordion.display(this.accordion.elements.length-1);
      return this.showLyric(mediaMyTempArray.indexOf(uid),true);
      //fix it quick snap
      if ( this.currentLyric != uid && uid > 0) {
          this.currentLyric = uid;
          this.request_lyric(uid);
      } else {
          this.accordion.display(this.accordion.elements.length-1);
          //return false;
      }
  },
  initialize: function() {
    try
    {
      if (mediaMyTempArray && (linkToPlaylist=$('mediaShowPlaylist'))) {
          lyricContainer = $('release_text_lyrics').getElement('.release_content');

          linkToLyricMenu = new Element ('h3',{'id':'mediaShowLyricMenu'}).inject(linkToPlaylist,'after');
          linkToLyricMenuNext = linkToLyricMenu.getNext();

          linkToScrollToTop = new Element ('h3',{'id':'mediaScrollToTop'}).inject(linkToLyricMenu,'after');
          linkToScrollToTop.addEvent('click', function(event){
            scrollBody.scrollIntoView($('navi'));
          });

          linkToLyricMenu.addEvent('click', function(event){
            this.fade('in');
            scrollBody.scrollIntoView(this);
          }.bindWithEvent(linkToLyricMenuNext));
          linkToPlaylist.addEvent('click', function(event){
            this.accordion.display(0);
            scrollBody.toElement(this.container);
          }.bindWithEvent(this));
      };
    }
    catch(err)
    {
    //@TODO handle errors here
    }
  

    this.lyricAccordion = new Accordion($$('.lToggler'),$$('.lContent'), {
          options: {
            initialDisplayFx: false,
            returnHeightToAuto: true,
            alwaysHide: true,
            height: false,
            show: true
          },
          
          onActive: function(toggler,element) {
            toggler.addClass('act');
            toggler.getParent().fade('hide');

            //@TODO make this work for lowRes monitors!
            //scrollBody.scrollIntoView(element.getParent());
            //@Possible Fix:
            scrollBody.scrollIntoView($('scrollToMe'));
          },
          onBackground: function(toggler,element) {
            toggler.removeClass('act');
          }
    });
    
    this.toggles = $$('.releaseTop ul li.toggler');
    this.links = $$('.releaseTop ul li a');

    this.links.each(function(el,index) {
      el.erase('href');
    });

    this.elements = $$('.conteina');
    this.elements.setStyle('position','absolute');
    
    this.container = $('accordeonContainer'); 
    this.container.setStyle('height',709);

    $$('.release_content_container').setStyle('height',669);
  
    this.accordion = new Accordion(this.toggles,this.elements , {
        initialDisplayFx : false, 
        returnHeightToAuto: false,
        fixedHeight: '666px',
        opacity: 1,
        height: false,

        onActive: function(toggler,element) {
          toggler.getElement('a').addClass('act');
          element.getElement('.release_content').setStyle('height','100%');
        },
        onBackground: function(toggler,element) {
          toggler.getElement('a').removeClass('act');
        }  
    });
  }
})


window.addEvent('domready', function() {

  scrollBody = new Fx.Scroll( $(document.body) ).toTop();

  releases = new MySitefx;
  
//releases.loadLyric(16);
});