// JavaScript Document

// Array zum bestimmen welches Bild auf welcher Seite im Menü angezeigt werden soll
var site = new Array();
site[0] = new Object();
site[0]['name'] = "index";
site[0]['posX'] = "0";

site[1] = new Object();
site[1]['name'] = "autor";
site[1]['posX'] = "160";

site[2] = new Object();
site[2]['name'] = "presse";
site[2]['posX'] = "320";

site[3] = new Object();
site[3]['name'] = "kontakt";
site[3]['posX'] = "480";

site[4] = new Object();
site[4]['name'] = "impressum";
site[4]['posX'] = "640";

//Aktueller dateiname ermitteln
sitelink = document.URL.split("/");
var siteName = sitelink[(sitelink.length - 1)].split("."); 
var thisID = siteName[0];

// JQuery funktionsaufrufe
$(function() {
	setMenuImage(thisID);
	
	$(window).resize(function(){
  		setOverLayer();
	});
	
	$('.menuLink').mouseover(function(){				  
		setMenuImage($(this).attr('id'));
	});
	
	$('#menu').mouseout(function(){				  
		setMenuImage(thisID);
	});
	
	$('.indexLink').click(function() {
		var layer = $(this).attr('title');
		$('#'+layer).show('fast');
	});

	$('.close').click(function() {
		$('.indexLayer').hide();
	});
	
});


// Function zu verschieben des Tintenkleckses
function setOverLayer() {
	var pageX = $(document).width();
	var pageY = $(document).height();
	
	var cOffset = $('#footer').offset();
	var offsetLeft = cOffset.left;
	var offsetTop = cOffset.top;
	if((offsetTop + 265) < pageY || (offsetLeft + 1185) < pageX)
	{ 	
		$('#overLayer').css({
			'visibility':'visible'
		}); 
	} else {
		$('#overLayer').css({
			'visibility':'hidden'
		}); 
	}
};

// function zum setzen des menübildes beim Mouseover
function setMenuImage(thisID) {
	for (var i = 0; i < site.length; i++) {
		if(site[i]['name'] == thisID) {
			$('#menuImg').css({
				'background-position':'-'+site[i]['posX']+'px 0px'
			});
		}
	}
}