var lastCategory = 1;
var elup = 'panel1';

function accordion(el) {
    
    if (Element.hasClassName(el.parentNode.id+'-body','visible')){
        //do not need to perform an actions
        return;
    }

	if(!el.parentNode.id)
		return;

    var eldown = el.parentNode.id+'-body';
   
 	var apanels = document.getElementsByClassName('panel_body',el.parentNode.parentNode);
    for (var i=0;i<apanels.length;i++){
        if (Element.hasClassName(apanels[i].parentNode.id+'-body','visible'))
            var elup = apanels[i].parentNode.id+'-body';
    }

 	new Effect.Parallel([ new Effect.SlideUp(elup), new Effect.SlideDown(eldown) ], {duration: 0.5});
	
	Element.removeClassName(elup,'visible');
    	Element.addClassName(eldown,'visible');

	elup = el.parentNode.id;

}

function init() {

    // hide all elements apart from the one with id visible
    var acc = document.getElementById('accordian');
    
    var apanels = acc.getElementsByTagName('div');
    for (i = 0; i < apanels.length; i++) {
        if (apanels[i].className == 'panel_body') {
            apanels[i].style.display = 'none';
        }
    }

    var avis = document.getElementById('visible').parentNode.id+'-body';
    document.getElementById(avis).style.display = 'block';
}
function addEvent(elm, evType, fn, useCapture) {
    elm["on"+evType]=fn;return;
}

addEvent(window, "load", init);

function showChoice(elm){

	id = elm.parentNode.parentNode.parentNode.parentNode.parentNode.id;

    if(Element.hasClassName($(id + '_Category'), 'odd'))
    	$(id + '_Category').className = 'category odd hidden';
	if(Element.hasClassName($(id + '_Category'), 'even'))
		$(id + '_Category').className = 'category even hidden';

	$(id + '_Item').innerHTML = $(elm.value).value;


    if(Element.hasClassName($(id + '_Choice'), 'odd'))
    	$(id + '_Choice').className = 'selected odd';
	if(Element.hasClassName($(id + '_Choice'), 'even'))
		$(id + '_Choice').className = 'selected even';
		
	$(id + '_Item').className = 'finished';
	$(id + '_Title').className = 'finished';
	
}

function showChoices(elm){

	elms = document.getElementsByClassName('category');
    for (i = 0; i < elms.length; i++) {
    
    
		    if(Element.hasClassName(elms[i], 'odd'))
		    	elms[i].className = 'category odd hidden';
			if(Element.hasClassName(elms[i], 'even'))
				elms[i].className = 'category even hidden';
    

    }
    
	elms = document.getElementsByClassName('selected');
    for (i = 0; i < elms.length; i++) {
        
        if(Element.hasClassName(elms[i], 'odd'))
        	elms[i].className = 'selected odd';
		 if(Element.hasClassName(elms[i], 'even'))
			elms[i].className = 'selected even';

        
        
    }		
	
	id = elm.id.split('_');
	id = id[0];

	
    	if(Element.hasClassName($(lastCategory + '_Category'), 'odd'))
    		$(lastCategory + '_Category').className = 'category odd hidden';
	if(Element.hasClassName($(lastCategory + '_Category'), 'even'))
		$(lastCategory + '_Category').className = 'category even hidden';


    	if(Element.hasClassName($(lastCategory + '_Choice'), 'odd'))
    		$(lastCategory + '_Choice').className = 'selected odd';
	if(Element.hasClassName($(lastCategory + '_Choice'), 'even'))
		$(lastCategory + '_Choice').className = 'selected even';


	lastCategory = id;


    	if(Element.hasClassName($(id + '_Category'), 'odd'))
    		$(id + '_Category').className = 'category odd';
	if(Element.hasClassName($(id + '_Category'), 'even'))
		$(id + '_Category').className = 'category even';
	

    	if(Element.hasClassName($(id + '_Choice'), 'odd'))
    		$(id + '_Choice').className = 'selected odd hidden';
	if(Element.hasClassName($(id + '_Choice'), 'even'))
		$(id + '_Choice').className = 'selected even hidden';

	  id = elm.parentNode.parentNode.id.replace('playlist_', '');
	  if(id == '') return;
	  
	  if(id <= 16){
		   
		  if(id < 10) id = '0' + id;
		  var feed = 'http://plugmedia.fairtilizer.com/feeds/plug' + id + '.rss';
		  var player = $('fairplayer');
		  if(!player || !player.preload_feed) return;
		  
		  player.preload_feed(feed);
		  setTimeout(function(){
		    player.switch_feed(feed);
		    setTimeout(function(){
		      player.fairplay(0);
		      sync_play_buttons();
		    }, 200);
		  }, 200);
		  
		  
	  }

}