// JEFF'S_SIMPLE_CMS_YOUTUBE_PLAYER.JS

$(document).ready(function() {

		// ***************************************************************************/
		// YOUTUBE PLAYER ************************************************************/
		// ***************************************************************************/
		
		var youtube_width;
		var youtube_height;
		var youtube_fontsize;
		var youtube_thumbwidth;
		var youtube_tag;
		var youtube_iframe;

		// Remove padding height
		$(".cms_youtube_player_parameters_box").css('height', 'auto');

		// PART 1 - GET THE WIDTH AND HEIGHT -------------------------------------------
		
		// Only if logged in - show the parameter box
		if ($.cookie("cms_logged_in_cookie") == "yes") {
			// $(".cms_youtube_player_parameters_box").css('opacity', '1');
			$(".cms_youtube_player_spacer").css('display', 'none');
			$(".cms_youtube_player_parameters_box").css('display', 'block');
			$(".cms_youtube_player").hover( function(){ $(this).css('outline', '4px solid #F6F');},function(){ $(this).css('outline', 'none');});
		}
		
		// GET WIDTH AND HEIGHT
		youtube_width = $.trim($('.cms_youtube_player_width_tag').html());
		youtube_height = $.trim($('.cms_youtube_player_height_tag').html());
		
		// SET WIDTH HEIGHT DEFAULTS IF EMPTY
		if (youtube_width.length == 0) {
			youtube_width ="640";
			// Put default value in
			$(".cms_youtube_player_width_tag").html("640");
		}
		if (youtube_height.length == 0) {
			youtube_height="360";
			$(".cms_youtube_player_height_tag").html("360");
		}

		// PART 2 - GET FONTSIZE  -------------------------------------------

		// GET FONTSIZE
		youtube_fontsize = $.trim($('.cms_youtube_player_fontsize_tag').html());
		
		// SET WIDTH HEIGHT DEFAULTS IF EMPTY
		if (youtube_fontsize.length == 0) {
			youtube_fontsize ="16px";
			// Put default value in
			$(".cms_youtube_player_fontsize_tag").html("16px");
		}
		
		//Repalce fontsize for all tags
		$('.cms_youtube_player_thumbnail').css('font-size', youtube_fontsize);

		// PART 3 - GET THUMBWIDTH  -------------------------------------------

		// GET THUMBWIDTH
		youtube_thumbwidth = $.trim($('.cms_youtube_player_thumbwidth_tag').html());
		
		// SET WIDTH HEIGHT DEFAULTS IF EMPTY
		if (youtube_thumbwidth.length == 0) {
			youtube_thumbwidth ="145px";
			// Put default value in
			$(".cms_youtube_player_thumbwidth_tag").html("145px");
		}
		
		//Repalce thumbwidth for all tags
		$('.cms_youtube_player_thumbnail').css('width', youtube_thumbwidth);


		// PART 4 - GET THE IFRAME ---------------------------------------------------

		// Only if logged in - show the youtube tage container
		if ($.cookie("cms_logged_in_cookie") == "yes") {
			$(".cms_youtube_player_youtube_tag_container").css('display', 'block');
		}

		// PART 5 - GET THE YOUTUBE TAG FOR THE FIRST ONE ---------------------------------
		$('.cms_youtube_player_youtube_tag').each(function(i){
			
			// For first one, get the youtube tag
			if (i===0) {
				youtube_tag = $.trim($(this).html());
			}
			
			// Only provide a cusor for tags that have something in them - WHEN NOT LOGGED IN
			if ($.cookie("cms_logged_in_cookie") != "yes") {
				
				if ($.trim($(this).html()).length != 0) {

					$(this).parent().parent().css('cursor', 'pointer');
				}
			}
										
		});
				

		// PART 7 - SET PLAYER WIDTH ---------------------------------------------------
		$('.cms_youtube_player').css('width', youtube_width);

		// PART 8 - THE FIRST ONE - Put the iframe in the viewer ---------------------------------------------------
		youtube_iframe = '<iframe width="'+youtube_width+'" height="'+youtube_height+'" src="http://www.youtube.com/embed/'+youtube_tag+'" frameborder="0" allowfullscreen></iframe>'
		$(".cms_youtube_player_viewer").html(youtube_iframe);
		
		// PART 9 - CLICK - Update the iframe when you click on another one ---------------------------------------------------
		$(".cms_youtube_player_thumbnail").click(function(){  
			// get the tag from child .cms_youtube_player_youtube_tag
			youtube_tag = $.trim($(this).children(".cms_youtube_player_youtube_tag_container").children(".cms_youtube_player_youtube_tag").html());
			youtube_iframe = '<iframe width="'+youtube_width+'" height="'+youtube_height+'" src="http://www.youtube.com/embed/'+youtube_tag+'" frameborder="0" allowfullscreen></iframe>'
			$(".cms_youtube_player_viewer").html(youtube_iframe);
		});
		
});