/// <reference path="jquery-1.7.1-vsdoc.js" />
$(function () {
	// -------------------------------------
	//       Hover - Preview Hauptbereiche
	// ------------------ ------------------

	$('<div class="PreviewBeschreibung" />')
		.prependTo($('<div style="float:left;padding: 0 0 0 1em;" />'))
		.prependTo($('<div style="margin-bottom:20px" />'))
		.prependTo($(".previewHauptbereich"));

	$(".previewHauptbereich,#wrapper").mouseleave(function () {
		$(".previewHauptbereich").hide();
	});

	$("#logo,#meta,#footer").mouseenter(function () {
		$(".previewHauptbereich").hide();
	});

	var cssToBereich = new Array();
	cssToBereich["blue"] = "tourismus";
	cssToBereich["red"] = "kommunikation";
	cssToBereich["yellow"] = "fitness";
	cssToBereich["green"] = "sport";
	cssToBereich["orange"] = "wellness";
	$(".blue, .green, .yellow, .orange, .red")
		.mouseenter(function () {
			// Falls es überhaupt eine Preview gibt
			if (!($(".previewHauptbereich").length > 0)) return;
			// funktioniert nur, wenn kein suchvorgang stattfindet 
			if (!$("#suchergebnisse").is(":visible")) {
				// schliesse alle bereits offenen previews
				$(".previewHauptbereich").hide("fast");
				var q = $(this).attr("class");
				$("img[src$='new.gif']").attr('src', "/App_Themes/" + cssToBereich[q] + "/images/new.gif");
				$(".col1 .angebot ul li a").css("background", "url('/App_Themes/" + cssToBereich[q] + "/images/arrow2.gif') no-repeat scroll left 7px transparent");
				// Zugriff auf das jeweilige Preview div
				$("#Preview" + $(this).attr("class"))
								.css("left", $("#content").offset().left + 10)
								.css("top", $("#content").offset().top)
								.css("position", "absolute")
								.css("opacity", 0.92)
								.css("background-color", "#fff")
								.show();
				// .fadeToggle("fast", "swing");
				$("#Preview" + q + " .PreviewBeschreibung").html(PreviewContent[PreviewMapper["Preview" + q]]);
			}
		})
});