var currentPage, currentLevel = 1, tabLevel = 1, lastitem = 'Features', item, toDist, animRunning=false;
var usingipad = navigator.userAgent.toLowerCase().indexOf('ipad')>-1 ? 1 : 0;
var usingiphone = navigator.userAgent.toLowerCase().indexOf('iphone')>-1 ? 1 : 0;
var usingwebkit = navigator.userAgent.toLowerCase().indexOf('webkit')>-1 ? 1 : 0;
function $(element) { return document.getElementById(element);}

function pager(item,pos,maxPages){
	if(animRunning == true)
		return;
		
	var el = document.getElementById(item);
	
	currentPage = parseInt(el.className.substring(el.className.length-1, el.className.length)) + pos;
	currentPage = currentPage < 0 ? 0 : currentPage;
	currentPage = currentPage > maxPages-1 ? maxPages-1 : currentPage;
	el.className = "contents pos" + currentPage;
	
	// Set Sliders
	var slideL = document.getElementById('slide' + item + 'Left');
	var slideR = document.getElementById('slide' + item + 'Right');
	slideL.className = "slide-left";
	slideR.className = "slide-right";
	if(currentPage == 0)
		slideL.className = "slide-left left-hide";
	else if(currentPage == maxPages-1)
		slideR.className = "slide-right right-hide";
	
	// Set dots
	document.getElementById(item + 'Dots').className = "dots max-dots-" + maxPages + " pos-" + currentPage;
	
	// Animate pages
	if(usingwebkit) {
		var sliderDivs = el.getElementsByTagName('div');
		for(i=0;i<sliderDivs.length;i++) {
			if(sliderDivs[i].className.indexOf('page') > -1) {
				sliderDivs[i].style.webkitTransform="translateX("+ (934 * currentPage * -1) + "px)";
			}	 
		}
	} else {
		emile($(item + 'Slide'), 'margin-left: ' + (934 * currentPage * -1) + 'px', {duration: 500});
	}
}

function switchTab(item) {
	tabLevel++;
	tabBtns = document.getElementById('Tabs').getElementsByTagName('span');
	for(i=0;i<tabBtns.length;i++) {
		tabBtns[i].className = "tab-button";
	}
	document.getElementById(item + 'Tab').className = "tab-button tab-button-active";
	document.getElementById(item).style.zIndex = tabLevel;
	document.getElementById(item).style.opacity = 1;
	if(lastitem !== item) {
		document.getElementById(lastitem).style.opacity = 0;
		lastitem = item;
		_gaq.push(['_trackEvent', 'Tabs', 'Tab Click', item]);
	}
}

function playVideo() {
	var vid = document.createElement('video')
		vid.setAttribute('width','640');
		vid.setAttribute('height','360');
		vid.setAttribute('controls','true');
		var source = document.createElement('source')
		source.setAttribute('src','movies/bbclistener.mov');
		source.setAttribute('type','video/mp4');
		vid.appendChild(source);
		document.getElementById('player').innerHTML="";
		document.getElementById('player').appendChild(vid);
		vid.play();
		_gaq.push(['_trackEvent', 'Video', 'Play', 'iPad Video']);
}


if(usingipad) {
	document.getElementById('player').href="javascript:playVideo()";
} else if(usingiphone) {
	var vid = document.createElement('video')
	vid.setAttribute('width','640');
	vid.setAttribute('height','360');
	vid.setAttribute('controls','true');
	vid.setAttribute('poster','graphics/placeholder.jpg');
	var source = document.createElement('source')
	source.setAttribute('src','movies/bbclistener-iphone.m4v');
	source.setAttribute('type','video/mp4');
	vid.appendChild(source);
	document.getElementById('player').innerHTML="";
	document.getElementById('player').appendChild(vid);
} else {
	var keyValue = document.location.href.indexOf('otherworks.com') > - 1 ? "#@eebc283224400b185a2" : "#@7d305a4432b6f8a2aeb"; //Else use BBC key

	flowplayer("player", "swf/flowplayer.commercial-3.1.5.swf", {
	key: keyValue,
	plugins: {controls: {
		  progressColor: '#0087df',
		  bufferColor: '#444444',
		  progressGradient: 'medium',
		  timeBgColor: '#333333',
		  bufferGradient: 'none',
		  volumeSliderColor: '#000000',
		  timeColor: '#CCCCCC',
		  tooltipTextColor: '#CCCCCC',
		  sliderColor: '#111111',
		  durationColor: '#CCCCCC',
		  tooltipColor: '#666666',
		  buttonOverColor: '#0087df',
		  backgroundGradient: [0.6,0.3,0,0,0],
		  backgroundColor: '#000000',
		  volumeSliderGradient: 'medium',
		  buttonColor: '#0087df',
		  borderRadius: '0px',
		  sliderGradient: 'none',
		  height: 24,
		  opacity: 1.0
	   }}
	});
}