$.fn.fixPNG = function() {
	return this.each(function () {
		var image = $(this).css('backgroundImage');
		if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) {
			image = RegExp.$1;
			$(this).css({
				'backgroundImage': 'none',
				'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=" + ($(this).css('backgroundRepeat') == 'no-repeat' ? 'crop' : 'scale') + ", src='" + image + "')"
			}).each(function () {
				var position = $(this).css('position');
				if (position != 'absolute' && position != 'relative')
					$(this).css('position', 'relative');
			});
		}
	});
};

$.fn.fixPNG2 = function() {
	$(this).css({'backgroundImage': 'none'})
};

$(document).ready(function(){
	var isIE = ($.browser.msie && parseInt($.browser.version.substr(0,1)) < 8);
	if (isIE) {
		$(".png").fixPNG();
		$(".png2").fixPNG2();
		
		$("#banner-1-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-1.png',sizingMethod='crop')");
		$("#banner-2-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-2.png',sizingMethod='crop')");
		$("#banner-3-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-3.png',sizingMethod='crop')");
		$("#banner-4-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-4.png',sizingMethod='crop')");
		$("#banner-5-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-5.png',sizingMethod='crop')");
		$("#banner-6-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-6.png',sizingMethod='crop')");
	}
	
	$("#banner-1").bind("mouseenter", function(){
		$(".bg").stop().css("z-index", "5").animate({opacity: 0}, 200);
		$("#bg1").css("z-index", "10").stop().animate({opacity: 1}, 200);
		$("#body").stop().animate({backgroundColor:"#81cee0"}, 200);
		$("#logo").css("background-image", "url('img/index/footer-logo-1.png')");
		if (isIE) $("#banner-1-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-1-over.png',sizingMethod='crop')");
		else $("#banner-1").css("background-image", "url('img/index/banner-bg-1-over.png')");
		$("#banner-inner-1").css("background-image", "url('img/index/banner-inner-1-over.jpg')");
    }).bind("mouseleave", function(){
		if (isIE) $("#banner-1-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-1.png',sizingMethod='crop')");
		else $("#banner-1").css("background-image", "url('img/index/banner-bg-1.png')");
		$("#banner-inner-1").css("background-image", "url('img/index/banner-inner-1.jpg')");
	});
    $("#banner-2").bind("mouseenter", function(){
		$(".bg").stop().css("z-index", "5").animate({opacity: 0}, 200);
		$("#bg2").css("z-index", "10").stop().animate({opacity: 1}, 200);
		$("#body").stop().animate({backgroundColor:"#a7ce78"}, 200);
		$("#logo").css("background-image", "url('img/index/footer-logo-2.png')");
		if (isIE) $("#banner-2-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-2-over.png',sizingMethod='crop')");
		else $("#banner-2").css("background-image", "url('img/index/banner-bg-2-over.png')");
		$("#banner-inner-2").css("background-image", "url('img/index/banner-inner-2-over.jpg')");
    }).bind("mouseleave", function(){
		if (isIE) $("#banner-2-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-2.png',sizingMethod='crop')");
		else $("#banner-2").css("background-image", "url('img/index/banner-bg-2.png')");
		$("#banner-inner-2").css("background-image", "url('img/index/banner-inner-2.jpg')");
    });
	$("#banner-3").bind("mouseenter", function(){
		$(".bg").stop().css("z-index", "5").animate({opacity: 0}, 200);
		$("#bg3").css("z-index", "10").stop().animate({opacity: 1}, 200);
		$("#body").stop().animate({backgroundColor:"#eeaa7a"}, 200);
		$("#logo").css("background-image", "url('img/index/footer-logo-3.png')");
		if (isIE) $("#banner-3-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-3-over.png',sizingMethod='crop')");
		else $("#banner-3").css("background-image", "url('img/index/banner-bg-3-over.png')");
		$("#banner-inner-3").css("background-image", "url('img/index/banner-inner-3-over.jpg')");
    }).bind("mouseleave", function(){
		if (isIE) $("#banner-3-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-3.png',sizingMethod='crop')");
		else $("#banner-3").css("background-image", "url('img/index/banner-bg-3.png')");
		$("#banner-inner-3").css("background-image", "url('img/index/banner-inner-3.jpg')");
    });
	$("#banner-4").bind("mouseenter", function(){
		$(".bg").stop().css("z-index", "5").animate({opacity: 0}, 200);
		$("#bg4").css("z-index", "10").stop().animate({opacity: 1}, 200);
		$("#body").stop().animate({backgroundColor:"#adb3f7"}, 200);
		$("#logo").css("background-image", "url('img/index/footer-logo-4.png')");
		if (isIE) $("#banner-4-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-4-over.png',sizingMethod='crop')");
		else $("#banner-4").css("background-image", "url('img/index/banner-bg-4-over.png')");
		$("#banner-inner-4").css("background-image", "url('img/index/banner-inner-4-over.jpg')");
    }).bind("mouseleave", function(){
		if (isIE) $("#banner-4-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-4.png',sizingMethod='crop')");
		else $("#banner-4").css("background-image", "url('img/index/banner-bg-4.png')");
		$("#banner-inner-4").css("background-image", "url('img/index/banner-inner-4.jpg')");
    });
	$("#banner-5").bind("mouseenter", function(){
		$(".bg").stop().css("z-index", "5").animate({opacity: 0}, 200);
		$("#bg5").css("z-index", "10").stop().animate({opacity: 1}, 200);
		$("#body").stop().animate({backgroundColor:"#e99fbf"}, 200);
		$("#logo").css("background-image", "url('img/index/footer-logo-5.png')");
		$("#title h1").html("Seeking Gnomes in Kahan");
		if (isIE) $("#banner-5-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-5-over.png',sizingMethod='crop')");
		else $("#banner-5").css("background-image", "url('img/index/banner-bg-5-over.png')");
		$("#banner-inner-5").css("background-image", "url('img/index/banner-inner-5-over.jpg')");
    }).bind("mouseleave", function(){
    	$("#title h1").html("S Kahanem za permoníky");
		if (isIE) $("#banner-5-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-5.png',sizingMethod='crop')");
		else $("#banner-5").css("background-image", "url('img/index/banner-bg-5.png')");
		$("#banner-inner-5").css("background-image", "url('img/index/banner-inner-5.jpg')");
    });
	$("#banner-6").bind("mouseenter", function(){
		$(".bg").stop().css("z-index", "5").animate({opacity: 0}, 200);
		$("#bg6").css("z-index", "10").stop().animate({opacity: 1}, 200);
		$("#body").stop().animate({backgroundColor:"#c9be6e"}, 200);
		$("#logo").css("background-image", "url('img/index/footer-logo-6.png')");
		$("#title h1").html("Mit der Grubenlampe zu den Bergwichteln");
		if (isIE) {
			$("#banner-6-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-6-over.png',sizingMethod='crop')");
			$("#title h1").css("font-size", "34px").css("letter-spacing", "0.2em");
		}
		else {
			$("#banner-6").css("background-image", "url('img/index/banner-bg-6-over.png')");
			$("#title h1").css("font-size", "34px").css("letter-spacing", "0.1em");
		}
		$("#banner-inner-6").css("background-image", "url('img/index/banner-inner-6-over.jpg')");
    }).bind("mouseleave", function(){
		$("#title h1").html("S Kahanem za permoníky");
		if (isIE) {
			$("#banner-6-png").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/banner-bg-6.png',sizingMethod='crop')");
			$("#title h1").css("font-size", "50px").css("letter-spacing", "0.5em");
		}
		else {
			$("#banner-6").css("background-image", "url('img/index/banner-bg-6.png')");
			$("#title h1").css("font-size", "48px").css("letter-spacing", "0.2em");
		}
		$("#banner-inner-6").css("background-image", "url('img/index/banner-inner-6.jpg')");
    });
	
	$(".banner").bind("mouseleave", function(){
		$(".bg").css("z-index", "5").stop().animate({opacity: 0}, 200);
		$("#body").stop().animate({backgroundColor:"#b9b9b9"}, 200);
		$("#logo").css("background-image", "url('img/index/footer-logo-0.png')");
    })
});