// animation.js
/**
 * @author Bastian Haustein
 * @copyright (c)2009 by source-lounge Bastian Haustein
 * @package pop
 */

var iFontSize = 1;

$(document).ready(function(){

	$('#size1').hover(
		function() {
			if(iFontSize !=1) {
				$(this).css('background-position', '0 126px');
			}
		}, 
		function() {
			if(iFontSize !=1) {
				$(this).css('background-position', '0 0');
			}
		}).bind('mousedown', function() {
			if(iFontSize != 2) {
				$(this).css('background-position', '0 62px');
			}
		}).bind('click', function() {
			$('#size'+iFontSize).css('background-position', '0 0');
			$(this).css('background-position', '0 62px');
			iFontSize	= 1;
			$.cookie('font-size',iFontSize, {path:'/german/'});
			$('body').css('font-size', '10px');
			$('#header-picture').css('right','1px');
		});
	$('#size2').hover(
		function() {
			if(iFontSize !=2) {
				$(this).css('background-position', '0 126px');
			}
		}, 
		function() {
			if(iFontSize !=2) {
				$(this).css('background-position', '0 0');
			}
		}).bind('mousedown', function() {
			if(iFontSize != 2) {
				$(this).css('background-position', '0 62px');
			}
		}).bind('click', function() {
			$('#size'+iFontSize).css('background-position', '0 0');
			$(this).css('background-position', '0 62px');
			iFontSize	= 2;
			$.cookie('font-size',iFontSize, {path:'/german/'});
			$('body').css('font-size', '12px');
			$('#header-picture').css('right','2px');
		});
	$('#size3').hover(
		function() {
			if(iFontSize != 3) {
				$(this).css('background-position', '0 126px');
			}
		}, 
		function() {
			if(iFontSize != 3) {
				$(this).css('background-position', '0 0');
			}
		}).bind('mousedown', function() {
			if(iFontSize != 2) {
				$(this).css('background-position', '0 62px');
			}
		}).bind('click', function() {
			$('#size'+iFontSize).css('background-position', '0 0');
			$(this).css('background-position', '0 62px');
			iFontSize	= 3;
			$.cookie('font-size',iFontSize, {path:'/german/'});
			$('body').css('font-size', '16px');
			$('#header-picture').css('right','2px');
		});
	if(!$.cookie('font-size')) {
		$.cookie('font-size', 1, {path:'/german/'});
	}

	iFontSize = parseInt($.cookie('font-size'));
	switch(iFontSize) {
		case 1:
			$('body').css('font-size', '10px');
			$('#header-picture').css('right','1px');
			break;	
		case 2:
			$('body').css('font-size', '12px');
			$('#header-picture').css('right','2px');
			break;	
		case 3:
			$('body').css('font-size', '16px');
			$('#header-picture').css('right','2px');
			break;	
	}
	$('#size'+iFontSize).css('background-position', '0 62px');

	$('#main .glossar').bind('click',function(e){
		var keyword = $(this).html();	
		$.get('/ajax/cGlossary/ajaxGetGlossaryEntry', 
			{ sName : keyword },
			function(data) {
			eval('var responseObject = '+data);
			var responseData = responseObject.mData.pop();
			var htmlcode =  
			  '<div id="box_doc">'
			+ '	<div id="box_title">'
			+ '		<h4>Lexikon</h4>'
			+ '	</div>'
			+ '	<div id="box_content">'
			+ '		<div class="text">'
			+ '			<p><span class="glossar">' + responseData.name + '</span> :</p>'
			+ '			<p>' + responseData.description + '</p>'
			+ '		</div>'
			+ '	</div>'
			+ '</div>';
			switch(iFontSize) {
				case 1:
					$.fn.colorbox({	html:htmlcode, open:true, width:550, height:400, opacity:0.7 });
					break;	
				case 2:
					$.fn.colorbox({	html:htmlcode, open:true, width:650, height:450, opacity:0.7 });
					break;	
				case 3:
					$.fn.colorbox({	html:htmlcode, open:true, width:750, height:650, opacity:0.7 });
					break;
				default:
					$.fn.colorbox({	html:htmlcode, open:true, width:550, height:400, opacity:0.7 });
					break;	
			}
		});
	});

	$('#glossar dd:not(:first), #history dd:not(:first)').hide();

	$('#glossar dt, #history dt').hover(
		function () {
			$(this).css({ 'background-color' : '#dddddd' });
		},
		function () {
			$(this).css({ 'background-color' : '#efefef' });
		}
	);
	$('#glossar dt, #history dt').click(function(){
		$('#glossar dd:visible, #history dd:visible').slideUp("slow");	
		$(this).next().slideDown("slow");
	});

	$('#logo').click(function() {
		$.get('/german/index.html');
	});

});