$(function() {         
	Careers.init();	
});

var Careers = {
	
	jOEOverlay: null,
	jOESpinner: null,
	JOEBody: null,
	
	init : function() {
		var cc = this;
		cc.jOESpinner = $('#Spinner');
		cc.JOEBody = $(document.body);
		cc.jOEOverlay = $('.overlay');	
		cc.jOEScrollable = null;
				
		/* If body.tests initialise functions */
		if (cc.JOEBody.hasClass('careers-index')) {
			cc.view();
			cc.scrollable();
		} 
		else if(cc.JOEBody.hasClass('careers-view')) {
			cc.tabs();
		}	
		cc.fonts();
		// navigation
		$('#NavPrimary li.careers').addClass('selected');
	},
	fonts : function() {
		Cufon.replace('#Main h1', { fontFamily: 'Helvetica Neue Light' });
		Cufon.replace('#Main h2, #Main p, #Main a', { fontFamily: 'Helvetica Neue' });
	},
	scrollable: function() {
		var cc = this;
		cc.jOEScrollable = $("div.scrollable");
		// scrollable required?
		if(cc.jOEScrollable.find('div.item').size()>2) {
			cc.jOEScrollable.scrollable({ 
		        size: 2,
				navi: '.navi',
				clickable: false
		    });
		}
		// hide scrollable items
		else {
			cc.jOEScrollable.parent().find('.prev').hide();
			cc.jOEScrollable.parent().find('.next').hide();
			cc.jOEScrollable.parent().find('.navi').hide();
		}
	},
	tabs : function() {
		var cc = this;
		var tabUl = $('#Overlay ul.tabs');
		tabUl.tabs('div.panes > div.item', {
			onBeforeClick: function() {
				tabUl.find('a').removeClass('current');
			},
			onClick: function() { 
		        Cufon.replace('#Overlay ul.tabs a', { fontFamily: 'Helvetica Neue' });
		    }
		}); 
	},
	view : function() {
		var cc = this;
		
		$('a[rel=#overlay]').click(function(){
			var link = this.href;
			// remove existing content
			cc.jOEOverlay.show();
			cc.jOESpinner.show();
			$.ajax({
				url: link,
				cache: false,
				success: function(html){
					cc.jOESpinner.hide();
					cc.jOEOverlay.html(html);
					
					cc.tabs();	
					
					// overlay fonts
					Cufon.replace('#Overlay p, #Overlay div.panes div.item li, #Overlay ul.tabs a', { fontFamily: 'Helvetica Neue' });
					Cufon.replace('#Overlay h2, #Overlay div.close', { fontFamily: 'Helvetica Neue Light' });
					
					// close
					cc.jOEOverlay.find('.close a').click(function(){
						cc.jOEOverlay.fadeOut('fast', function(){
							cc.jOEOverlay.html('');
						});
						
						return false;
					})	
						
				}
			});
			return false;
		})
	}
}