$j = jQuery.noConflict();

// VARIABLES
var playing = false;
var open = false;

$j(function(){	
	
	// HANDLERS
	
	$j('.more_info_btn a').click(function(){
		$j.toggleContent();
		return false;
	});
	
	$j('.play_film_btn a').click(function(){
		player.sendEvent("PLAY");
		return false;
	});
	
	$j('#content ul li a img').click(function(){
		src = $j(this).parent().attr('href');
		$j('body').append('<div id="image_full"><img src="'+src+'" alt="" /></div>')
		$j('#close').show();
		return false;
	});
	
	$j('#close a, #image_full').live("click", function(){
		$j('#image_full').remove();
		$j('#close').hide();
		return false;
	});
	
	$j('#playlist').hover(function(){
		if(playing == true){
			$j(this).stop().animate({opacity: '1'}, 150);
		}
	}, function(){
		if(playing == true){
			$j(this).stop().animate({opacity: '0'}, 150);		
		}
	});
	
	// FUNCTIONS
	
	$j.toggleContent = function(){
		if(open == false){
			$j('#content').animate({marginRight: '0px'}, 150);
			open = true;
		}
		else {
			$j('#content').animate({marginRight: '-820px'}, 150);
			open = false;
		}
	}
	
	$j.playEnviroment = function(){
		$j('#content').animate({marginRight: '-820px'}, 150);
		$j('.hide_video_nav').hide();
		open = false;
		$j('.play_film_btn a').text('Pause Film').css({"background-image": "url(/wp-content/themes/therumpusroom.tv/images/pause.png)"});
		$j('#playlist').stop().animate({opacity: '0'}, 150);
		playing = true;
	}
	
	$j.stopEnvironment = function(){
		
		$j('.play_film_btn a').text('Play Film').css({"background-image": "url(/wp-content/themes/therumpusroom.tv/images/play.png)"});
		$j('#playlist').stop().animate({opacity: '1'}, 150);
		playing = false;
	}
	
});

// JWPLAYER CALLBACKS

function playerReady(obj) {
  	player = document.getElementById(obj['id']);
	player.addModelListener("STATE","stateHandler");
	$j('#more_info').show();
}

function stateHandler(obj) {
	switch(obj.newstate){
		case "PAUSED":
			$j.stopEnvironment();
		break;
		case "COMPLETED":
			$j.stopEnvironment();
			$j('.hide_video_nav').show();
		break;
		case "PLAYING":
			$j.playEnviroment();
		break;
		case "BUFFERING":
			$j.playEnviroment();
		break;
	}
}