var potd;
(function() {
	var glow, $;
	// load glow
	gloader.load(["glow", "1", "glow.dom", "glow.events", "glow.anim", "glow.forms"], {
		async: true,
		onLoad: function(g) {
			glow = g;
			$ = glow.dom.get;
			// call init when we're ready...
			glow.ready(init);
		}
	});
	function init() {
		initTabs();
		initShowHideToggler();
	};
	
	function initTabs(){
		var tabHeadings = $("#phrase_of_the_day div.tabcontent div h3");
		var tabsContainers = $("#phrase_of_the_day div.tabscontainer");
	
		//initialise identified tab headings by swapping text with shorter title
		for (var i=0; i<tabHeadings.length; i++){
			var heading = $(tabHeadings[i]);
			var h2Text = heading.text();
			var h2Title = heading.attr("title");
			heading.html("<span>" + h2Title + "</span>");
			heading.attr("title", h2Text);
		}
		//initialised identified tab sets by adding suitable classes where needed to indicate which tab is current (adapt for cookie)
		for (var i=0; i<tabsContainers.length; i++){	
			var tc = $(tabsContainers[i]);
			tc.addClass("show-tab1");
			$(tc.get("div.tabcontent")[0]).addClass("currenttab");		
		}
		
		//add onclick events to identified tab headings, to move currenttab class and change show-tab? class on container
		for (var i=0; i<tabHeadings.length; i++){
			var th = $(tabHeadings[i]);
			glow.events.addListener(th, 'click', function(){
				var tabsContainer = $(this).parent().parent().parent();
				var tabContent = $(this).parent().parent();
				var allContent = $(tabsContainer).children();
				allContent.removeClass('currenttab');
				tabContent.addClass('currenttab');
				var oldTabClass = '' + tabsContainer.attr('class').match('show-tab[0-9]'); //array converted to string
				var newTabClass = 'show-tab' + tabContent.attr('class').match('[0-9]'); //array converted to string
				tabsContainer.removeClass(oldTabClass).addClass(newTabClass);
				return false;
			});
		}
	}
	
	function initShowHideToggler(){
		//show/hide translation toggler
		$('#phrase_of_the_day p.translation').each(function(){
			var $translation = $(this);
			var $showHideLink = glow.dom.create('<p class="show_hide"><a></a></p>');
			glow.events.addListener($showHideLink.children(), 'click', function(){
				if($showHideLink.hasClass('open')){
					hideTranslation($showHideLink, $translation, 0.2);
				} else {
					showTranslation($showHideLink, $translation, 0.2);
				}
				return false;
			});
			$showHideLink.insertBefore($translation);
			hideTranslation($showHideLink, $translation, 0);
		});
	}
	
	function hideTranslation($showHideLink, $translation, speed){
		$showHideLink.addClass('closed');
		$showHideLink.removeClass('open');
		glow.anim.slideUp($translation, speed);
		$showHideLink.children().html('Show Translation');
	}
	
	function showTranslation($showHideLink, $translation, speed){
		$showHideLink.addClass('open');
		$showHideLink.removeClass('closed');
		glow.anim.slideDown($translation, speed);
		$showHideLink.children().html('Hide Translation');
	}
	
})();

	// This is to allow the Play function to be used via a link on the POTD audio player
	function getFlashMovie(movieName) {
		var isIE = navigator.appName.indexOf("Microsoft") != -1;
		return (isIE) ? window[movieName] : document[movieName]; 
 	}