// JavaScript Document

$(document).ready(function(){

	var fontSize = {
		
		liIndex : 0,
		cssLength : 0,
		
		init : function(){
			/*alert("INIT Font Size");*/
			
			for( var x = 0; x < $('ul#increase li').length; x++ ){
				$('ul#increase li:eq('+x+')').addClass("incFont"+x);
				$('ul#increase li:eq('+x+') a').removeAttr("onclick");
			};

			this.cssLength = $('link').length;
			
			$('link')[4].disabled = true;
			$('link')[5].disabled = true;
			
			this.incFont();
		},
		
		incFont : function(){
			$('ul#increase li').click(function(){
				
				this.liIndex = $('ul#increase li').index(this);
				
				if( this.liIndex == 0 ){
					fontSize.normalFont();
				}else if( this.liIndex == 1 ){
					fontSize.mediumFont();
				}else{
					fontSize.largeFont();
				};
				
				return false;
				
			});
		},
		
		normalFont : function(){
			$('link')[4].disabled = true;
			$('link')[5].disabled = true;
			
			$('ul#increase li:eq(0) a').replaceWith("<a id='increaseNormalOn' title='Change font size' href='javascript: void(0)'/>");
			$('ul#increase li:eq(1) a').replaceWith("<a id='increaseMedium' title='Change font size' href='javascript: void(0)'/>");
			$('ul#increase li:eq(2) a').replaceWith("<a id='increaseLarge' title='Change font size' href='javascript: void(0)'/>");
		},
		
		mediumFont : function(){
			$('link')[4].disabled = false;
			$('link')[5].disabled = true;

			$('ul#increase li:eq(0) a').replaceWith("<a id='increaseNormal' title='Change font size' href='javascript: void(0)'/>");
			$('ul#increase li:eq(1) a').replaceWith("<a id='increaseMediumOn' title='Change font size' href='javascript: void(0)'/>");
			$('ul#increase li:eq(2) a').replaceWith("<a id='increaseLarge' title='Change font size' href='javascript: void(0)'/>");
		},
		
		largeFont : function(){
			$('link')[4].disabled = true;
			$('link')[5].disabled = false;
			
			$('ul#increase li:eq(0) a').replaceWith("<a id='increaseNormal' title='Change font size' href='javascript: void(0)'/>");
			$('ul#increase li:eq(1) a').replaceWith("<a id='increaseMedium' title='Change font size' href='javascript: void(0)'/>");
			$('ul#increase li:eq(2) a').replaceWith("<a id='increaseLargeOn' title='Change font size' href='javascript: void(0)'/>");
		}
	
	};
	
	fontSize.init();
	
});