function event_click(event) {
	//console.log('event_click'+event);
	var li = $(this).up();
	if(li.hasClassName('opened')) {
		li.removeClassName('opened');
		Effect.SlideUp(this.siblings()[0], { duration: 0.25 });
	}
	else {
		li.addClassName('opened');
		Effect.SlideDown(this.siblings()[0], { duration: 0.35 });
	}
	event.stop();
}

function trailer_click(event) {
	//console.log('trailer click'+event);
	if($('player').getStyle('display') == 'none') {
		//console.log('show');
		$('player').setStyle({display: 'block'});
		if(window.trailer_player == undefined) {
			trailer_init();
		}
		else {
			trailer_player.playVideo();
		}
	}
	else {
		//console.log('hide');
		$('player').setStyle({display: 'none'});
		if(window.trailer_player != undefined) {
			trailer_player.pauseVideo();
		}
	}
	event.stop();
}

function livestreamPlayer_click(event) {
	console.log('livestreamPlayer click'+event);
	if($('livestreamPlayer').getStyle('display') == 'none') {
		//console.log('show');
		$('livestreamPlayer').setStyle({display: 'block'});
		livestreamPlayer_init();
	}
	else {
		$('livestreamPlayer').setStyle({display: 'none'});
	}
	event.stop();
}

function schedule_day_clicked(event) {
	var id = $(this).readAttribute('id').substring($(this).readAttribute('id').lastIndexOf('-')+1);
	//console.log('id: '+id);
	$('schedule-link-'+id).addClassName('selected');
	$$('.schedule-link[id!=schedule-link-'+id+']').invoke('removeClassName', 'selected');
	$('schedule-wrapper-'+id).show();
	$$('.schedule-wrapper[id!=schedule-wrapper-'+id+']').invoke('hide');
	event.stop();
}

function init() {
	//console.log('init');
	$$('.event-head').invoke('observe', 'click', event_click);
	$$('.trailer a').invoke('observe', 'click', trailer_click);
	$$('.livestreamPlayer a').invoke('observe', 'click', livestreamPlayer_click);
	$$('.schedule-link').invoke('observe', 'click', schedule_day_clicked);
	banner_init();
}

Event.observe(window, 'load', init);

var done = false;

 function livestreamPlayer_init() {
	 console.log('init');
	 playerDiv = document.getElementById("livestreamPlayer");
	 playerDiv.innerHTML='<iframe width="700" height="394" src="http://cdn.livestream.com/embed/coolconnections?layout=4&amp;height=340&amp;width=560&amp;autoplay=false" style="border:0;outline:0" frameborder="0" scrolling="no"></iframe>';
}

function trailer_init() {
	//console.log('trailer init');
	// 2. This code loads the IFrame Player API code asynchronously.
    var tag = document.createElement('script');
    tag.src = "http://www.youtube.com/player_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    // 3. This function creates an <iframe> (and YouTube player)
    //    after the API code downloads.
    //var player;	
}
function onYouTubePlayerAPIReady() {
	//console.log('onYouTubePlayerAPIReady');
	trailer_player = new YT.Player('player', {
      height: '394',
      width: '700',
      videoId: videoId,
      playerVars: {
      	'autoplay': 1,
      	'controls': 1,
      	'autohide': 1,
      	'hd': 1,
      	'iv_load_policy': 3,
      	'rel': 0,
      	'showinfo': 0,
      	'showsearch': 0
      },
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
}
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
	event.target.playVideo();
}
// 5. The API calls this function when the player's state changes.
//    The function indicates that when playing a video (state=1),
//    the player should play for six seconds and then stop.
function stopVideo() {
	player.stopVideo();
}
function onPlayerReady(evt) {
    evt.target.playVideo();
}
function onPlayerStateChange(evt) {
    if ((evt.data == YT.PlayerState.PLAYING) && (!done)) {
        //setTimeout(stopVideo, 6000);
        done = true;
    }
    if(evt.data == YT.PlayerState.ENDED) {
    	$('player').hide();
    }
}