window.addEvent('domready', function(){

	//external links
	$$('a[rel=external]').set('target', '_blank');


//Search box focus (clear box when clicked)
$('phrase').addEvent('click', function(event){
	this.value = "";
});

// Add the Custom CSS
var cssLink = new Element('link', {'rel': 'stylesheet', 'type': 'text/css', 'href': 'http://tm.mbs.ac.uk/_common/css/custom.css' });
cssLink.inject(document.head);


// Add Class to active navigation tab
var navigationTabs = $$('ul#tabbed-panel-nav li a');
//var activeTab = $$('li.tab-selected');

//navigationTabs.each(function(el) {
//	$$('li.tab-selected').each(function(em){em.erase('class');});
//	el.addEvent('click', function(){
//		this.addClass('tab-selected');
//	});	
//});

//var linkParent = navigationTabs.getParent('li');

var oneLink = $('onelink');
var twoLink = $('twolink');
var threeLink = $('threelink');
var fourLink = $('fourlink');
var one = $('one');
var two = $('two');
var three = $('three');
var four = $('four');



	if($('tabbed-panel-nav')){
		oneLink.getParent('li').addClass('tab-selected');


oneLink.addEvent('click', function(e){
		e.stop();
		twoLink.getParent('li').erase('class');
		threeLink.getParent('li').erase('class');
		fourLink.getParent('li').erase('class');
		var linkParent = this.getParent('li');
		linkParent.addClass('tab-selected');
		$('one').setStyle('visibility', 'visible');
		$('two').setStyle('visibility', 'hidden');
		$('three').setStyle('visibility', 'hidden');
		$('four').setStyle('visibility', 'hidden');
	});


	
	
twoLink.addEvent('click', function(e){
		e.stop();
		oneLink.getParent('li').erase('class');
		threeLink.getParent('li').erase('class');
		fourLink.getParent('li').erase('class');
		var linkParent = this.getParent('li');
		linkParent.addClass('tab-selected');
		$('one').setStyle('visibility', 'hidden');
		$('two').setStyle('visibility', 'visible');
		$('three').setStyle('visibility', 'hidden');
		$('four').setStyle('visibility', 'hidden');
	});

threeLink.addEvent('click', function(e){
		e.stop();
		oneLink.getParent('li').erase('class');
		twoLink.getParent('li').erase('class');
		fourLink.getParent('li').erase('class');
		var linkParent = this.getParent('li');
		linkParent.addClass('tab-selected');
		$('one').setStyle('visibility', 'hidden');
		$('two').setStyle('visibility', 'hidden');
		$('three').setStyle('visibility', 'visible');
		$('four').setStyle('visibility', 'hidden');
	});

fourLink.addEvent('click', function(e){
		e.stop();
		oneLink.getParent('li').erase('class');
		threeLink.getParent('li').erase('class');
		twoLink.getParent('li').erase('class');
		var linkParent = this.getParent('li');
		linkParent.addClass('tab-selected');
		$('one').setStyle('visibility', 'hidden');
		$('two').setStyle('visibility', 'hidden');
		$('three').setStyle('visibility', 'hidden');
		$('four').setStyle('visibility', 'visible');
	});

	}
	
	
	if($('article-actions')){
		new Element('li', {
			'html': '<a href="#">Print</a>',
			'class': 'print',
			'events': {
				'click': function(e){
					new Event(e).stop();
					window.print();
				}
			}
		}).inject($('article-actions'));
	}



	//paging
	if($('applyPaging')){
		//console.log('apply paging');
		new contentPaging($('postContent').getChildren());
	}


});



/*************************************************************
	Class:		WP Content Paging
	Version:	1.0
	Author:		Samuel Birch
*************************************************************/
var contentPaging = new Class({
	
	Implements: [Options,Events],
	
	getOptions: function(){
		return {
			height: 1250,
			page: 1
		};
	},
	
	initialize: function(elements, options){
		this.setOptions(this.getOptions(), options);
		this.elements = $$(elements);
		this.page = this.options.page;
		this.pagingCount = [];
		this.firstRun = true;
		
		var num = 0
		var h = 0;
		//console.log(this.elements.length);
		do {
			if ((h + this.elements[num].getCoordinates().height) < (this.options.height)) {
				h += this.elements[num].getCoordinates().height;
			} else {
				this.pagingCount.push(num-1);
				h = this.elements[num].getCoordinates().height;
			}
			num++;
			if(num == this.elements.length){
				this.pagingCount.push(num-1);
			}
		} while (num < this.elements.length);
		//console.log(this.pagingCount);
		
		var nav = this.createNav(this.pagingCount.length);
			nav.inject(this.elements[0], 'before');
		
		for (var i=0; i<this.pagingCount.length; i++) {
			var div = new Element('div', {'class':'pageContentContainer', id:'page_'+(i+1)});
			if(i==0){
				div.inject(nav, 'after');
				var start = 0;
			}else{
				div.inject($('page_'+i), 'after');
				var start = this.pagingCount[i-1];
			}
			for (var j=start; j<=this.pagingCount[i]; j++) {
				this.elements[j].inject(div);
			}
		}
		
		this.createNav(this.pagingCount.length).inject($('page_'+this.pagingCount.length), 'after');
		
		this.showPage(1);
	},
	
	showPage: function(page){
		$$('.pageContentContainer').setStyle('display','none');
		$('page_'+page).setStyle('display', 'block');
		$$('.pagingNav').each(function(el,i){
			var spans = el.getElements('span');
			spans.removeClass('selected');
			spans[page-1].addClass('selected');
		});
		if(this.firstRun){
			this.firstRun = false;
		}else{
			window.scrollTo(0,$$('h1')[0].getCoordinates().top);
		}
		
	},
	
	createNav: function(num){
		var ul = new Element('ul', {'class':'pagingNav'});
		var self = this;
		for (var i=0; i<num; i++) {
			var li = new Element('li').inject(ul);
			new Element('span', {
				'html':i+1,
				'events': {
					'click': function(){self.showPage(this.get('text'));}
				}
			}).inject(li);
		}
		
		return ul;
	}
});