// JavaScript Document
$(document).ready(function() {

	$("#info").addClass('active');

	if($.cookie('info') == 'on'){
		info_load();
	}
	else if($.cookie('info') == 'off'){
		info_mini_load();
		console.log($.cookie('info'));
	}
	else{
		info_load();
	};
	
	
	
	// Funktionen:
	
	function info_load(){
	$("#info").load("includes/home/info.php",function(){
		$("#info_close").hover(function(){
			$(this).attr("src","images/gfx/close_button_hover.png");
		},function(){
			$(this).attr("src","images/gfx/close_button.png");
		});
		info_close_button_hover();
		info_close_button_click();
		
	});
	}
	
	function info_mini_load(){
		console.log("hello");
		$("#info").removeClass("active");
		$("#info_div_text").css("display","none");
		$("#info_div_close").css("display","none");
		$("#info").css("height","40px")
		.css("width","30px")
		.css("left","723px")
		.html("<img id='info_mini_img' src='images/gfx/info.png' style='position:absolute; left:0px; top:0px; right:0px; bottom:0px;' />");		
		info_mini_hover();
		info_mini_click();
	}
		
	function info_close_button_click(){
		$("#info_close").click(function(){
			$(this).css("cursor","auto");
			$("#info").removeClass("active");
			$.cookie('info','off');
			$("#info_div_close").fadeOut();
			$("#info_div_text").fadeOut(function(){
				$("#info").animate({
					height: '40px',
				},'fast',function(){
					$("#info").html("<img id='info_mini_img' src='images/gfx/info.png' style='position:absolute; left:0px; top:0px; right:0px; bottom:0px;' />");
					$("#info").animate({
						width: '30px',
						left: '723px',
						WebkitBorderBottomLeftRadius: '0px'
					},'fast',function(){
						info_mini_hover();
						info_mini_click();
						
					});
				});	
			});
		});
	}
		
		
	function info_mini_click(){
		$("#info_mini_img").click(function(){
				$.cookie('info','on');
				$(this).css("cursor","auto");
				$("#info").addClass("active");
				$("#info").animate({
					width: '683px',
					left: '70px',
					WebkitBorderBottomLeftRadius: '10px'
				},'fast',function(){
					$("#info").html('').css("background-image","").css("background-color","rgba(51,51,51,0.9)");
					$("#info_div_text").fadeIn();
					info_load();
					$("#info").animate({
						height: '300px',
						opacity: '1',
					},'fast');		
				});	
		});
	}


	function info_close_button_hover(){
		$("#info_close").hover(function(){
			$(this).css("cursor","pointer");	
		},function(){
				$(this).css("cursor","auto");	
		});
	}
	

	function info_mini_hover(){
		$("#info_mini_img").hover(function(){
			if($(this).hasClass("active")){
			}
			else{
				$(this).css("cursor","pointer");
			};
		},function(){
			if($(this).hasClass("active")){
			}
			else{
				$(this).css("cursor","auto");
			};			
		});
	}

});