/* ============================================================================ */
/* Variation der Schriftgroesse in "em" oder "%" , je nach Bedarf oder Wunsch   */
/* ============================================================================ */

/* Grundeinstellungen fuer die Schriftgroessen-Umstellung festlegen             */

var fsize_cookie	= 'phpwcmsFontSize';	// COOKIE-Inhalt
var fsize_section	= 'container-MITTE';  	// Gueltigkeits-Container fuer die Aktion

var fsize			= 100;					// Basis-Wert der Schriftgroesse
var fsize_step		= 10;						// Schrittweite
var fsize_min		= 80;					// Kleinster Wert der Schriftgroesse
var fsize_max		= 180;					// Groesster Wert der Schriftgroesse 

/* ============================================================================ */

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

	if( $( fsize_section ) ) {		// check if there is 

		var fsizeSelect	= new Element('ul', {'class': 'fontsize'}).injectInside( $('fontsizer') );


/*		Wenn "Text-Links" zur Umschaltung verwendet werden sollen ( CSS-Eintragung beachten ) ========== */
//		var fsizeSmaller	= new Element('li', {'class': 'smaller', 'title': 'Schrift kleiner'}).setHTML('<span>A -</span>').injectInside( fsizeSelect );
//		var fsizeNormal	= new Element('li', {'class': 'normal', 'title': 'Schrift normal'}).setHTML('<span>A =</span>').injectAfter( fsizeSmaller );
//		var fsizeLarger	= new Element('li', {'class': 'larger', 'title': 'Schrift GROESSER'}).setHTML('<span>A +</span>').injectAfter( fsizeNormal );


/*		Wenn "Image-Links" zur Umschaltung verwendet werden sollen ( CSS-Eintragung beachten ) ========== */
		var fsizeSmaller	= new Element('li', {'class': 'smaller', 'title': 'Schrift kleiner'}).setHTML('<span><img src="img/font_smaller.gif" width="20" height="20" border="0" alt="" /></span>').injectInside( fsizeSelect );
		var fsizeNormal	= new Element('li', {'class': 'normal', 'title': 'Schrift normal'}).setHTML('<span><img src="img/font_normal.gif" width="20" height="20" border="0" alt="" /></span>').injectAfter( fsizeSmaller );
		var fsizeLarger	= new Element('li', {'class': 'larger', 'title': 'Schrift groesser'}).setHTML('<span><img src="img/font_larger.gif" width="20" height="20" border="0" alt="" /></span>').injectAfter( fsizeNormal );


		fsizeSmaller.addEvent('click', function() { 
				setFontSize('smaller'); 
				/*
				fsizeSmaller.setStyle('text-decoration', 'underline');
				fsizeNormal.setStyles('');
				fsizeLarger.setStyles('');
				*/
			} );
		fsizeNormal.addEvent('click', function() { 
				setFontSize('normal');
				/*
				fsizeSmaller.setStyles('');
				fsizeNormal.setStyle('text-decoration', 'underline');
				fsizeLarger.setStyles('');
				*/
			} );
		fsizeLarger.addEvent('click', function() {
				setFontSize('larger');
				/*
				fsizeSmaller.setStyles('');
				fsizeNormal.setStyles('');
				fsizeLarger.setStyle('text-decoration', 'underline');
				*/
			} );

		
		var fsizecookie = Cookie.get( fsize_cookie );
		if(fsizecookie !== false) {
			fsize = fsizecookie * 1;
			setFontSize('cookie');
			/*
			if(fsize > 1) {
				fsizeNormal.setStyles('');
				fsizeLarger.setStyle('text-decoration', 'underline');
			} else if(fsize < 1) {
				fsizeNormal.setStyles('');
				fsizeSmaller.setStyle('text-decoration', 'underline');
			}
			*/
		}
	}
	
});


function setFontSize(fs) {
	switch(fs) {
		case 'smaller':
			if(fsize <= fsize_min) break;
			fsize -= fsize_step;
			$( fsize_section ).setStyle('font-size', fsize+'%');
			Cookie.set( fsize_cookie , fsize, {duration: 365, path: '/'});
			break;
		
		case 'larger':
			if(fsize >= fsize_max) break;
			fsize += fsize_step;
			$( fsize_section ).setStyle('font-size', fsize+'%');
			Cookie.set( fsize_cookie , fsize, {duration: 365, path: '/'});
			break;
		
		case 'cookie':
			$( fsize_section ).setStyle('font-size', fsize+'%');
			break;
		
		case 'normal':
		default:
			$( fsize_section ).setStyles('');
			fsize = 1;
			Cookie.remove( fsize_cookie , {path: '/'});
			document.location.href = document.location.href;
	}
}