$(document).ready(function() {
	

$('.redinfo > div').hide();

// Entfernt Border in der letzten Box der Navigationsleiste

	var navlast = $('#menu-navigation li').last().css('border-right', 'none');
	
	// Entfernt Border in der ersten Box der Navigationsleiste

	//var navlast = $('#menu-navigation li').first().css('border-left', 'none');
	
		// margin für erste footer ul hinzufügen

	var footerulmargin = $('footer ul').first().css('margin-left', '180px');
	


// Entfernt margin-left von erster Box

	var firstbox = $('#grey-boxes div.box').first().css('margin-left', '0px');
	
	// Entfernt dotted border von textbox p

	$("#textbox > p:eq(1)").css("border-style", "none");
	
		// margin der grey boxes

	$("#grey-boxes .box").find("p:eq(2)").css("padding", "5px 20px 10px 20px");


// Selektieren der grauen Boxen auf der Seite "Web" und fügt Nummerierung hinzu

	var greyboxes = $('#grey-boxes div.box').addClass(function() {
  return "box" + $(this).index();
  

});

// Selektieren der Infoboxen und Nummerierung

	var info = $('.redinfo > div').addClass(function() {
  return "info" + $(this).index();
  
});

// Einblenden Infos bei hover

var boxinfo = $(greyboxes).mouseenter(function() {
	console.log($(greyboxes).index(this));               
	

});

$(boxinfo).hover(function() {
	$(".info" + $(this).index()).show();
	console.log($(".info" + $(boxinfo).index(this)));
	$(".info" + $(boxinfo).index(this)).css(
	{	'background' : "url(http://www.julianvontiedemann.de/wp-content/themes/mediafire/img/info/redback" + $(boxinfo).index(this) + ".png)",
	'height' : '427px',
	'width' : '960px'});
},
function() { $(".info" + $(this).index()).hide();

});

});