/*
	Name: Cathy Hutton
	Date: May 2011
	Description: Global JS for cathyhutton.co.uk
	Author: Graham Price 
*/

$(document).ready(function() {
	
	
	/***** navigation *****/
	if($('body.home').length == 0) {
		$('li.current_page_parent ul.sub-menu').slideDown();
		
		$('#menu-navigation > li > a').click(
			function() {
				
				if($(this).next('ul').is(':visible')) {
					return false;
				} else {
					$('ul.sub-menu').slideUp();
		
					$(this).next('ul').slideDown();
				}
	
				return false;
			}
		);
	}
	
	$('.home .menu-item-tv').addClass('moved');
	$($('.home .menu-item-tv')).after($('.home .menu-item-radio'));
	$('.home #head, .home #secondary').fadeIn('slow');
	
	/***** radio *****/
	
	if($('body.radio').length == 1) {
	
		var mHref = $('.radio .itemhead p a').attr('href');
		$('.radio .itemhead p a').after('<div id="player"></div><p class="info"></p>');
		
		if( $('.radio .itemhead p a[title]').length == 0 ) { 
			alert('Please give the video link a title');
		} else {
			var mTitle = $('.radio .itemhead p a').attr('title');
		}
	
		var tag = document.createElement('script');
		tag.src = "http://www.youtube.com/player_api";
		var firstScriptTag = document.getElementsByTagName('script')[0];
		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
		var done = false;
		var player;
		function onYouTubePlayerAPIReady() {
			player = new YT.Player('player', {
			  height: '0',
			  width: '100',
			  videoId: mHref.substring(mHref.indexOf('?v=')+3),
			  events: {
				'onReady': onPlayerReady,
				'onStateChange': onPlayerStateChange
			  }
			});
		}
		function onPlayerReady(evt) {
			$('.info').html("'" + mTitle + "' now playing");
			evt.target.playVideo();
		}
		function onPlayerStateChange(evt) {
			if (evt.data == YT.PlayerState.ENDED) {
				$('.info').html('');
			}
		}
	
	}
	
	
	$('.radio .itemhead p a').click(function() {
		
		if($('#player iframe').length > 0) {
			player.playVideo();
			$('.info').html("'" + mTitle + "' now playing");
		} else {
			onYouTubePlayerAPIReady();
		}
		/*mediaToPlay = $(this).attr('href');
		$('.radioPlayer').remove();
		stringToWrite = '<div class="radioPlayer"><object id="video" width="320" height="300" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"><param name="src" value="'+mediaToPlay+'"><param name="autoplay" value="false"><param name="controller" value="true"><embed src="'+mediaToPlay+'" width="320" height="300" autoplay="false" controller="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" name="video"></embed></object></div>';
		
		newString = '<iframe width="0" height="0" src="'+mediaToPlay+'?autoplay=1" frameborder="0"></iframe>';
		
		if( $('.info').length == 0 ) $(this).after('<p class="info"></p>');
		$('.info').after(newString);
		
		$(this).blur();
		var mTitle = $(this).attr('title');
		
		movie = document.video;
		$('.info').html("Loading...");		*/
		
		/*var t;
		function movieStatus() {
			mStatus = movie.GetPluginStatus();
			if(mStatus == 'Playable' || mStatus == 'Complete') {
				$('.info').html("'" + mTitle + "' now playing");
			} else {
				t = setTimeout(function() {movieStatus()}, 500);
			}
		}
		
		movieStatus();*/

		return false;
	});
	
	
	
	/***** linkedin *****/
	$('.sub-menu a[href^="http://www.linkedin.com/"]').attr('target','_blank');
	
	
	/***** pagination *****/
	
	$('.item ol').before('<div class="pagination"><a href="#" class="prev">Previous</a><div class="counter"><span class="num">1</span> of <span class="total">1</span></div><a href="#" class="next">Next</a></div>');
	
	current = 1;
	total = $('.item ol li').length;
	
	$('.total').html(total);
	
	$('.item ol li:first, .pagination').show();
	
	
	
	$('.pagination a').click(function() {
		console.log(current)
		if( $(this).hasClass('prev')) {
			if(current == 1) {
				return false;
			} else {
				current --;
			}
		}
		
		if( $(this).hasClass('next')) {
			
			if(current == total) {
				return false;
			} else {
				current ++;
			}
		}
		console.log(current)
	
		$('.num').html(current);
		index = current -1;
		$('.item ol li:visible').fadeOut(function() {
			$('.item ol li:eq('+index+')').fadeIn();
		});
		
		return false;
		
		
	});
	
});