var sliders = Array();
var effects = Array();

/**
 * Accordion-Functions
 *
 * Thanks to: Georg Ringer (www.ringer.it)
 **/
function startAccordion(){
	$$( '.juhuitv-menu-item' ).each(function(item, index){
    sliders[index] = new Fx.Slide( item.getElement( '.juhuitv-menu-content' ), { duration: 300 } );

	/* Add the scroll-effect to content
	var thisScroll = new Scroller(item.getElement( '.juhuitv-menu-content' ), {area: Math.round(item.getElement( '.juhuitv-menu-content' ).getHeight() / 4)});
	item.getElement( '.juhuitv-menu-content' ).addEvent('mouseover', thisScroll.start.bind(thisScroll));
	item.getElement( '.juhuitv-menu-content' ).addEvent('mouseout', thisScroll.stop.bind(thisScroll));
	*/

	/* Morelinks.. */
	setMoreLinks(item);

	/* Hide all contents except the active one */
	if (!item.getElement( '.juhuitv-menu-title' ).hasClass('act')) {
		sliders[index].hide();
		item.getElement( '.juhuitv-menu-content' ).style.display='none';
	}

	/* Add the "toggle"-links to the titles */
    item.getElement( '.juhuitv-menu-title' ).addEvent( 'click', function(){
	  updateAccordion(index);

      /* add the act class*/
      if (item.getElement( '.juhuitv-menu-title' ).hasClass('act')) {
        item.getElement( '.juhuitv-menu-title' ).removeClass('act');
      } else {
		item.getElement( '.juhuitv-menu-title' ).addClass('act');
      }
    });
  });
}

function setMoreLinks(item){
	/* Create the "more-link" if it's available */
	if(item.getElement( '.juhuitv-menu-more' )) {
		var mmEffect = new Fx.Morph(item.getElement( '.juhuitv-menu-more' ), {duration:200, wait:false});

		item.getElement( '.juhuitv-menu-more' ).addEvent('click', function(){
			var pid = item.getElement( '.juhuitv-menu-more' ).getElement( '.id' ).innerHTML;
			var cnt = item.getElement( '.juhuitv-menu-more' ).getElement( '.cnt' ).innerHTML;
			juhuitvDoRequest('&view=menu-more&id=' + pid + '&cnt=' + cnt ,'menu-more-' + pid );
		});
		item.getElement( '.juhuitv-menu-more' ).addEvent('mouseenter', function(){
			mmEffect.start({
				'background-color': '#CCCCCC'
			});
		});
		item.getElement( '.juhuitv-menu-more' ).addEvent('mouseleave', function(){
			mmEffect.start({
				'background-color': '#AAAAAA'
			});
		});
	}
}

function updateAccordion(thisIndex){
	$$( '.juhuitv-menu-item' ).each(function(item,index){
	if(thisIndex == index) {
		item.getElement( '.juhuitv-menu-content' ).style.display='block';
		sliders[index].toggle();
	} else {
		if (item.getElement( '.juhuitv-menu-title' ).hasClass('act')) {
			item.getElement( '.juhuitv-menu-title' ).removeClass('act');
			sliders[index].toggle();
		} else {
			sliders[index].hide();
		}
		item.getElement( '.juhuitv-menu-content' ).style.display='none';
	}
  });
}

function startVideos() {
	$$( '.juhuitv-menu-video' ).each(function(item, index){
		effects[index] = new Fx.Morph(item, {duration:200, wait:false});

		item.addEvent('click', function(e) {
			updateVideo(index);
		});
		item.addEvent('mouseenter', function(e) {
			effects[index].start({
				'background-color': '#CCCCCC'
			});
		});
		item.addEvent('mouseleave', function(e) {
			if(item.hasClass('run')) {
				effects[index].start({
					'background-color': '#FFFFFF'
				});
			} else {
				effects[index].start({
					'background-color': '#AAAAAA'
				});
			}
		});
	});
}

function updateVideo(thisIndex) {
	$$( '.juhuitv-menu-video' ).each(function(item,index){
	if(thisIndex == index) {
		var id = item.getElement( '.id' ).innerHTML;
		juhuitvDoRequest('&view=change-video&id=' + id,'box');
		effects[index].start({
			'background-color': '#FFFFFF'
		});
		item.addClass('run');
	} else {
		effects[index].start({
				'background-color': '#AAAAAA'
			});
		if (item.hasClass('run')) {
			item.removeClass('run');
		}
	}
  });
}