// JavaScript Document

$(document).ready(function() {
  
  
	// grid setting padding body + padding frame
	
	var grid_padding_tb = 44;
	var grid_padding_lr = 44;
		

	
	// layer background

	$('#img_wrapper').height($(window).height() - grid_padding_tb - 10);
	$('#img_wrapper').width($(window).width() - grid_padding_lr);
	
	$('#header').width($(window).width());
	
	
	$('#imprint').width($(window).width() - grid_padding_lr - 88);
	$('#kontakt').width($(window).width() - grid_padding_lr - 88);
	$('#presse').width($(window).width() - grid_padding_lr - 88);
	$('#haendler').width($(window).width() - grid_padding_lr - 88);
	$('#pressekit').width($(window).width() - grid_padding_lr - 88); 
	$('#text').width($(window).width() - grid_padding_lr - 44);
	$('#pulle').width($(window).width() - grid_padding_lr - 44);
		
			
		
	var p_height = ($(window).height() / 1.5);
	$('#pulle').css("height", p_height);
		
	
	var m_top = ($(window).height() / 2) - (p_height / 2);
	m_top += 80;
	
	
	var m_left = ($(window).width() / 3);
	m_left += 50;
	
	$('#closer_p').css("left", m_left);
	$('#closer_p').css("top", m_top);
	$('#pulle').css("top", m_top);
	
	
	

	$('#closer_p').click(function() {
  		
		
		$('#kontakt').css("display", "none");
		$('#imprint').css("display", "none");
		$('#text').css("display", "block");
		$('#pulle').css("display", "none");
		$('#closer_p').css("display", "none");
		$('#pressekit').css("display", "none");
		$('#haendler').css("display", "none");
		
		// Aktivzustände Buttons
		$('#bt_pulle').css("text-decoration", "none");
		$('#bt_kontakt').css("text-decoration", "none");
		$('#bt_presse_u').css("text-decoration", "none");
		$('#bt_imprint').css("text-decoration", "none");
		$('#bt_pressekit').css("text-decoration", "none");
		$('#bt_haendler').css("text-decoration", "none");
		
		
		
	});
	
	
	$('#bt_pulle').click(function() {
  		
		
		$('#kontakt').css("display", "none");
		$('#presse').css("display", "none");
		$('#imprint').css("display", "none");
		$('#text').css("display", "none");
		$('#pulle').css("display", "block");
		$('#closer_p').css("display", "block");
		$('#pressekit').css("display", "none");
		$('#haendler').css("display", "none");
		
		
		// Aktivzustände Buttons
		$('#bt_pulle').css("text-decoration", "underline");
		$('#bt_kontakt').css("text-decoration", "none");
		$('#bt_presse_u').css("text-decoration", "none");
		$('#bt_imprint').css("text-decoration", "none");
		$('#bt_pressekit').css("text-decoration", "none");
		$('#bt_haendler').css("text-decoration", "none");
		
		
	});
	
		
	
	
	$('#bt_presse_o').click(function() {
  		
		
		$('#kontakt').css("display", "none");
		$('#presse').css("display", "block");
		$('#imprint').css("display", "none");
		$('#text').css("display", "none");
		$('#pulle').css("display", "none");
		$('#closer_p').css("display", "none");
		$('#pressekit').css("display", "none");
		$('#haendler').css("display", "none");
		
		// Aktivzustände Buttons
		$('#bt_pulle').css("text-decoration", "none");
		$('#bt_kontakt').css("text-decoration", "none");
		$('#bt_presse_u').css("text-decoration", "underline");
		$('#bt_imprint').css("text-decoration", "none");
		$('#bt_pressekit').css("text-decoration", "none");
		$('#bt_haendler').css("text-decoration", "none");
		
		
	});
	
	$('#bt_haendler').click(function() {
  		
		
		$('#kontakt').css("display", "none");
		$('#presse').css("display", "none");
		$('#imprint').css("display", "none");
		$('#text').css("display", "none");
		$('#pulle').css("display", "none");
		$('#closer_p').css("display", "none");
		$('#pressekit').css("display", "none"); 
		$('#haendler').css("display", "block");
		
		// Aktivzustände Buttons
		$('#bt_pulle').css("text-decoration", "none");
		$('#bt_kontakt').css("text-decoration", "none");
		$('#bt_presse_u').css("text-decoration", "none");
		$('#bt_imprint').css("text-decoration", "none");
		$('#bt_pressekit').css("text-decoration", "none");
		$('#bt_haendler').css("text-decoration", "underline");
		
		
	});
	
	$('#bt_presse_u').click(function() {
  		
		
		$('#kontakt').css("display", "none");
		$('#presse').css("display", "block");
		$('#imprint').css("display", "none");
		$('#text').css("display", "none");
		$('#pulle').css("display", "none");
		$('#closer_p').css("display", "none");
		$('#pressekit').css("display", "none");
		$('#haendler').css("display", "none");
		
		// Aktivzustände Buttons
		$('#bt_pulle').css("text-decoration", "none");
		$('#bt_kontakt').css("text-decoration", "none");
		$('#bt_presse_u').css("text-decoration", "underline");
		$('#bt_imprint').css("text-decoration", "none");
		$('#bt_pressekit').css("text-decoration", "none");
		$('#bt_haendler').css("text-decoration", "none");
		
		
	});
	
	
	$('#bt_imprint').click(function() {
  		
		
		$('#kontakt').css("display", "none");
		$('#presse').css("display", "none");
		$('#imprint').css("display", "block");
		$('#pulle').css("display", "none");
		$('#closer_p').css("display", "none");
		$('#text').css("display", "none");
		$('#pressekit').css("display", "none"); 
		$('#haendler').css("display", "none");
		
		// Aktivzustände Buttons
		$('#bt_pulle').css("text-decoration", "none");
		$('#bt_kontakt').css("text-decoration", "none");
		$('#bt_presse_u').css("text-decoration", "none");
		$('#bt_imprint').css("text-decoration", "underline");
		$('#bt_pressekit').css("text-decoration", "none");
		$('#bt_haendler').css("text-decoration", "none");
		
		
	});
	
	$('#bt_kontakt').click(function() {
  		
		
		$('#kontakt').css("display", "block");
		$('#presse').css("display", "none");
		$('#imprint').css("display", "none");
		$('#pulle').css("display", "none");
		$('#closer_p').css("display", "none");
		$('#text').css("display", "none");
		$('#pressekit').css("display", "none"); 
		$('#haendler').css("display", "none");
		
		// Aktivzustände Buttons
		$('#bt_pulle').css("text-decoration", "none");
		$('#bt_kontakt').css("text-decoration", "underline");
		$('#bt_presse_u').css("text-decoration", "none");
		$('#bt_imprint').css("text-decoration", "none");
		$('#bt_pressekit').css("text-decoration", "none");
		$('#bt_haendler').css("text-decoration", "none");
		
		
	});
	
	$('#bt_pressekit').click(function() {
  		
		
		$('#kontakt').css("display", "none");
		$('#presse').css("display", "none");
		$('#pressekit').css("display", "block"); 
		$('#imprint').css("display", "none");
		$('#pulle').css("display", "none");
		$('#closer_p').css("display", "none");
		$('#text').css("display", "none");
		$('#haendler').css("display", "none");
		
		// Aktivzustände Buttons
		$('#bt_pulle').css("text-decoration", "none");
		$('#bt_kontakt').css("text-decoration", "none");
		$('#bt_presse_u').css("text-decoration", "none");
		$('#bt_pressekit').css("text-decoration", "underline");
		$('#bt_imprint').css("text-decoration", "none");
		$('#bt_haendler').css("text-decoration", "none");
		
		
	});
	
	
	$('#closer').click(function() {
  		
		
		$('#imprint').css("display", "none");
		$('#text').css("display", "block");
		
		// Aktivzustände Buttons
		$('#bt_pulle').css("text-decoration", "none");
		$('#bt_kontakt').css("text-decoration", "none");
		$('#bt_presse_u').css("text-decoration", "none");
		$('#bt_imprint').css("text-decoration", "none");
		$('#bt_pressekit').css("text-decoration", "none");
		$('#bt_haendler').css("text-decoration", "none");
	
				
	});
	
	
	$('#closer_presse').click(function() {
  		
		
		$('#kontakt').css("display", "none");
		$('#imprint').css("display", "none");
		$('#text').css("display", "block");
		$('#pulle').css("display", "none");
		$('#closer_p').css("display", "none");
		$('#presse').css("display", "none");
		$('#pressekit').css("display", "none"); 
		$('#haendler').css("display", "none");
		
		// Aktivzustände Buttons
		$('#bt_pulle').css("text-decoration", "none");
		$('#bt_kontakt').css("text-decoration", "none");
		$('#bt_presse_u').css("text-decoration", "none");
		$('#bt_imprint').css("text-decoration", "none");
		$('#bt_pressekit').css("text-decoration", "none");
		$('#bt_haendler').css("text-decoration", "none");
		
		
		
	});
	
	$('#closer_haendler').click(function() {
  		
		
		$('#kontakt').css("display", "none");
		$('#imprint').css("display", "none");
		$('#text').css("display", "block");
		$('#pulle').css("display", "none");
		$('#closer_p').css("display", "none");
		$('#presse').css("display", "none");
		$('#pressekit').css("display", "none");
		$('#haendler').css("display", "none");
		
		// Aktivzustände Buttons
		$('#bt_pulle').css("text-decoration", "none");
		$('#bt_kontakt').css("text-decoration", "none");
		$('#bt_presse_u').css("text-decoration", "none");
		$('#bt_imprint').css("text-decoration", "none");
		$('#bt_pressekit').css("text-decoration", "none");
		$('#bt_haendler').css("text-decoration", "none");
		
		
	});
	
	
	$('#closer_pk').click(function() {
  		
		
		$('#pressekit').css("display", "none");
		$('#text').css("display", "block");
		
		// Aktivzustände Buttons
		$('#bt_pulle').css("text-decoration", "none");
		$('#bt_kontakt').css("text-decoration", "none");
		$('#bt_presse_u').css("text-decoration", "none");
		$('#bt_imprint').css("text-decoration", "none");
		$('#bt_pressekit').css("text-decoration", "none");
		$('#bt_haendler').css("text-decoration", "none");
		
		
	});
	
	$('#closer_k').click(function() {
  		
		
		$('#kontakt').css("display", "none");
		$('#text').css("display", "block");
		
		// Aktivzustände Buttons
		$('#bt_pulle').css("text-decoration", "none");
		$('#bt_kontakt').css("text-decoration", "none");
		$('#bt_presse_u').css("text-decoration", "none");
		$('#bt_imprint').css("text-decoration", "none");
		$('#bt_pressekit').css("text-decoration", "none");
		$('#bt_haendler').css("text-decoration", "none");
		
	});
	
	
	

	$(window).resize(function() {	
							  
							  
	
		// layer background

		$('#img_wrapper').height($(window).height() - grid_padding_tb - 10);
		$('#img_wrapper').width($(window).width() - grid_padding_lr);
		
		$('#header').width($(window).width());
		
		
		$('#imprint').width($(window).width() - grid_padding_lr - 88);
		$('#kontakt').width($(window).width() - grid_padding_lr - 88);
		$('#presse').width($(window).width() - grid_padding_lr - 88);
		$('#haendler').width($(window).width() - grid_padding_lr - 88);
		$('#text').width($(window).width() - grid_padding_lr - 44);
		$('#pulle').width($(window).width() - grid_padding_lr - 44);
		
		
		
		
		
		var p_height = ($(window).height() / 1.5);
		$('#pulle').css("height", p_height);
		
	
		var m_top = ($(window).height() / 2) - (p_height / 2);
		m_top += 80;
	
	
		var m_left = ($(window).width() / 3);
		m_left += 50;
	
		$('#closer_p').css("left", m_left);
		$('#closer_p').css("top", m_top);
		$('#pulle').css("top", m_top);
		
		
	
		
	
	  
	});



 });