// noConflict-Modus aktivieren, da sich jQuery mit der Lightbox nicht vertragt
var $j = jQuery.noConflict();

$j(document).ready(function() {
	/*********************************************************************** article-list */
	// Hover-Effekt
	$j("ul.article-list li").mouseover(function () {
		$j(this).addClass("hover");
	});
	$j("ul.article-list li").mouseout(function () {
		$j(this).removeClass("hover");
	});

	// Gesamtes li verlinken
	$j("ul.article-list li").click(function () {
		href = $j("h3 a", this).attr("href");
		document.location.href = href;
	});


	/*********************************************************************** main-nav */
	$j("ul#main-nav li").mouseover(function () {
		$j(this).addClass("highlighted");
	});
	$j("ul#main-nav li").mouseout(function () {
		$j(this).removeClass("highlighted");
	});

	/*********************************************************************** Lady ;) */
	$j(document).keypress(function (e) {
		var pressedKey = String.fromCharCode(e.charCode ? e.charCode : e.keyCode)
		if (pressedKey == "l") {
			$j("img#lady").attr("src", "/live/bh/gfx/lady_v3.gif");
			
		}
	});

	/*********************************************************************** HOME - showcase */
	var kugelRot = "/live/bh/gfx/kugel_rot.gif";
	var kugelGrau = "/live/bh/gfx/kugel_grau.gif";
	var sc = $j("div.home div#showcase");

	// Init - 1. Aufruf
	$j("div.project", sc).hide();
	$j("div.project div.text", sc).css("visibility", "hidden");
	$j("div.project:first", sc).show();
	$j("div.project:first div.text", sc).css("visibility", "visible");
	$j("div.switch a:first img", sc).attr("src", kugelRot);

	// Blendet auf das Objekt mit dem gewünschten Index über
	function switchProject(idx) {
		idToShow = idx;
		idToHide = $j("div.project:visible", sc).attr("id").substring(1);

		// Kugeln umfärben
		$j("div.switch a img", sc).attr("src", kugelGrau);
		$j("div.switch a#plink"+idToShow+" img", this).attr("src", kugelRot);

		// Bild und Text überblenden
		if (idToShow != idToHide) {
			$j("div#p"+idToHide+" div.text", sc).css("visibility", "hidden");
			$j("div#p"+idToHide, sc).fadeOut(120, function() {
				$j("div#p"+idToShow, sc).fadeIn(120, function() {
					$j("div#p"+idToShow+" div.text", sc).css("visibility", "visible");
					$j("div#p"+idToShow+" div.text", sc).slideDown();
				});

			});
		}
	}

	// Auto-Switch
	var seconds = 4;
	var currentProject = 1;
	var len = $j("div.switch a", sc).length;
	if (len > 1) {
		var autoSwitch = window.setInterval(function() {
			if (currentProject == len) {
				currentProject = 0;
			}
			currentProject++;
			switchProject(currentProject);
		}, seconds * 1000);
	}

	// MouseOver-Switch
	$j("div.switch a", sc).mouseover(function () {
		window.clearInterval(autoSwitch); // Auto-Switch abbrechen
		switchProject($j(this).attr("id").substr(5));
		return false;
	});


	/*********************************************************************** HOME - news box */
	// Akkordeon-Effekt
	$j("div#box-news ul").accordion({
		active: false,
		alwaysOpen: false,
		autoheight: true,
		header: "h2",
		selectedClass: "active"
		});


	/*********************************************************************** HEADS_CONTENT */
	/* Kontaktformular */
	$j("div#contact .input").focus(function () {
		$j("div#contact form *").removeClass("focus");
		$j(this).addClass("focus");
		$j("div#contact label[for="+$j(this).attr("id")+"]").addClass("focus");
	});
	$j("div#contact input.submit").focus(function () {
		$j("div#contact form *").removeClass("focus");
	});


	/*********************************************************************** HEADS_CUSTOMER */
	var c = $j("div.heads_customer div#col2");

	// Projektlisten positionieren
	posLeft = 0;
	space = 305 + 15;
	$j("ul.article-list", c).each(function () {
		$j(this).css("left", posLeft + "px");
		posLeft = posLeft + space;
	});

	// Slider
	maxValue = posLeft - 1 * space; // äußerste Position - Anzahl der gezeigten Elemente * Platz eines Elements
	sliderWidth = 1 / $j("ul.article-list", c).length * 100;
	$j("div.ui-slider-handle", c).css("width", sliderWidth + "%");
	$j("div.slider", c).slider({
		minValue: 0,
		maxValue: maxValue,
		slide: function (e,ui) {
			$j("div.sliding-container", c).css("left", "-"+ui.value+"px");
		}
	});
	$j("div.slider", c).css("width", "305px");


	/*********************************************************************** HEADS_PROJECT */
	var s = $j("div.heads_project div#screenshots");

	// Init
	$j("div.medium", s).hide();
	$j("div.medium:first", s).show();
	$j("div.small:first", s).hide();
	$j("div.thumbnails", s).show();

	// Thumbnails positionieren
	posLeft = 0;
	imgSpace = 200;
	$j("div.small:visible", s).each(function () {
		$j(this).css("left", posLeft + "px");
		posLeft = posLeft + imgSpace;
	});

	// Slider
	maxValue = posLeft - 2 * imgSpace;
	sliderWidth = 2 / $j("div.small:visible", s).length * 100;
	$j("div.ui-slider-handle", s).css("width", sliderWidth + "%");
	$j("div.slider", s).slider({
		minValue: 0,
		maxValue: maxValue,
		slide: function (e,ui) {
			$j("div.thumbnails div.sliding-container", s).css("left", "-"+ui.value+"px");
		}
	});
	$j("div.slider", s).css("width", "383px");

	// Klick
	$j("div.small", s).click(function() {
		idxHide = $j("div.medium:visible", s).attr("id").substr(1,1);
		idxShow = $j(this).attr("id").substr(1,1);

		// Medium
		$j("div.medium", s).hide();
		$j("div#m"+idxShow, s).fadeIn("normal");

		// Small
		sHide = $j("div#s"+idxHide);
		sShow = $j(this);

		// src der Images tauschen
		temp = $j("img", sShow).attr("src");
		$j("img", sShow).attr("src", $j("img", sHide).attr("src"));
		$j("img", sHide).attr("src", temp);

		// ID tauschen
		sShow.attr("id", "s"+idxHide);
		sHide.attr("id", "s"+idxShow);
	});

	// Team: Tooltips (overlib)
	$j("div.heads_project div.team a").hover(
		function() {
			var id = $j(this).attr("id").substr(1);
			var content = '<div class="team-tooltip">'+$j("div.team div#t"+id).html()+'</div>';
			return overlib(content, VAUTO, FULLHTML);
		},
		function() {
			return nd();
		}
	);
});