$(document).ready(function(){
													 
	$("a.fancy").fancybox({ 'overlayShow': true, 'overlayOpacity': 0.2 });
		
	if( $("#index-news").is(":visible") ){
		$('.box-w312-footer').height($("#index-lead").innerHeight()) ;
	}
	
	// remove link background images since we're re-doing the hover interaction below 
	// (doing it this way retains the CSS default hover states for non-javascript-enabled browsers)
	// we also want to only remove the image on non-selected nav items, so this is a bit more complicated
	$(".pagenavi").children("li").each(function() {
		var current = "pagenavi current-" + ($(this).attr("class"));
		var parentClass = $(".pagenavi").attr("class");
		if (parentClass != current) {
			$(this).children("a").css({backgroundImage:"none"});
		}
	});	

	// create events for each nav item
	attachNavEvents(".pagenavi", "cegunkrol");
	attachNavEvents(".pagenavi", "webfejlesztes");
	attachNavEvents(".pagenavi", "webtarhely");
	attachNavEvents(".pagenavi", "arculat");
	attachNavEvents(".pagenavi", "munkaink");
	attachNavEvents(".pagenavi", "kapcsolat");
	attachNavEvents(".pagenavi", "partnerek");


	function attachNavEvents(parent, myClass) {
		$(parent + " ." + myClass).mouseover(function() {
			$(this).append('<div class="pagenavi-' + myClass + '"></div>');
			$("div.pagenavi-" + myClass).css({display:"none"}).fadeIn(400);
		}).mouseout(function() {
			$("div.pagenavi-" + myClass).fadeOut(400, function() {
				$(this).remove();
			});
		}).mousedown(function() {
			$("div.pagenavi-" + myClass).attr("class", "pagenavi-" + myClass + "-click");
		}).mouseup(function() {
			$("div.pagenavi-" + myClass + "-click").attr("class", "pagenavi-" + myClass);
		});
	}
	
});