$(document).ready( function(){
	
	var style = readCookie("wstyle");
	
	//Set default selected font-size button
	switch(style){
		case "FS Normal":
			$( "#ServiceNavigation #FsSmall" ).attr( 'class', 'FsSmallActive' );
		break;
		case "FS Medium":
			$( "#ServiceNavigation #FsMedium" ).attr( 'class', 'FsMediumActive' );
		break;
		case "FS Large":
			$( "#ServiceNavigation #FsLarge" ).attr( 'class', 'FsLargeActive' );
		break;
		default:
			$( "#ServiceNavigation #FsSmall" ).attr( 'class', 'FsSmallActive' );
		break;

	  }					
				
	//Set selected font-size button			
	$( '#FsSmall' ).click(
		function(){
			$( "#ServiceNavigation #FsSmall" ).attr( 'class', 'FsSmallActive' );
			$( "#ServiceNavigation #FsMedium" ).attr( 'class', 'FsMediumPassive' );
			$( "#ServiceNavigation #FsLarge" ).attr( 'class', 'FsLargePassive' );
		}	
	);
	$( '#FsMedium' ).click(
		function(){
			$( "#ServiceNavigation #FsSmall" ).attr( 'class', 'FsSmallPassive' );
			$( "#ServiceNavigation #FsMedium" ).attr( 'class', 'FsMediumActive' );
			$( "#ServiceNavigation #FsLarge" ).attr( 'class', 'FsLargePassive' );
		}
	);
	$( '#FsLarge' ).click(
		function(){
			$( "#ServiceNavigation #FsSmall" ).attr( 'class', 'FsSmallPassive' );
			$( "#ServiceNavigation #FsMedium" ).attr( 'class', 'FsMediumPassive' );
			$( "#ServiceNavigation #FsLarge" ).attr( 'class', 'FsLargeActive' );
		}
	);
	
});