$(document).ready(function(){
		
		// -----------------------
		// gallery
	
		$('a.colorbox').colorbox({current:"{current} von {total}"});
	
		// -----------------------
		// font resizer
		
		var size = parseInt($.cookie('fontSize'));
		
		if( isNaN(size) ){
			size = 13;
		}
		
		$('body').css('font-size',size+'px');
		
//		console.log(size);
		
		if(size > 13){
			$("a#font_smaller").click(function(){
				size -= 1;
				$(this).attr("href", "?font=smaller");
				$.cookie('fontSize', size, {expires: 7, path:"/"});		
			});
		}else{
			$("a#font_smaller")
				.css("cursor", "default")
				.attr("href", "javascript:void(0)");
		}
		
		if (size < 16) {
			$("a#font_bigger").click(function(){
				size += 1;
				$(this).attr("href", "?font=bigger");
				$.cookie('fontSize', size, {expires: 7, path:"/"});		
			});
		}else{
			$("a#font_bigger")
				.css("cursor", "default")
				.attr("href", "javascript:void(0)");		
		}		
		
		
		// -----------------------
		// cufon - font replacing
		Cufon.set('fontFamily', 'Helvetica');
		Cufon.replace('#main_nav a', {hover:{color:'#00377a'}});
		Cufon.replace('#footer_header h2');
		Cufon.replace('#footer_body h2');
		Cufon.set('fontFamily', 'Helvetica Bold');
		Cufon.replace('#intro h1');
		Cufon.replace('#intro h2');
	
		// -----------------------
		// hover on boxes
		$('.sidebox li').hover(
			function(){
				$(this).addClass('hover');
			},
			function(){
				$(this).removeClass('hover');
			}
		);
		$('.teaser_box').hover(
			function(){
				$(this).addClass('hover');
			},
			function(){
				$(this).removeClass('hover');
			}
		);
		$('.teaser_box div').hover(
			function(){
				$(this).addClass('hover');
			},
			function(){
				$(this).removeClass('hover');
			}
		);
		
		$('div.list.interactive h2').toggle(
			function(e){
				$(this).parents().children('ul').slideDown(500);
				$(this).addClass('down');
			},
			function(e){
				$(this).parents().children('ul').slideUp(500);
				$(this).removeClass('down');
			}
		);
		
		// -----------------------
		// search
		$('#search_field').focus(function(){
			$('div#search').addClass('active');
			if($(this).val() == "Suchbegriff eingeben ..."){
				$(this).val("");
			}
		})
		.focusout(function(){
			$('div#search').removeClass('active');
			if($(this).val() == ""){
				$(this).val("Suchbegriff eingeben ...");
			}
		});
	}
);