var infoboxstatus = "out";
var counter = "";
var bilderpreloadarray = new Array();
var hovereffekt = "nein";

// --- Document Ready ?
jQuery(document).ready(function() {
	// Infobox
	jQuery('.infobutton').add('#closebar').click(function() {
		jQuery(this).infobuttonclick();
		return false;
	});
	
	//Vollformat
	jQuery(".fullbutton").click(function () {
		if (infoboxstatus == "in") jQuery(this).infobuttonclick();
		jQuery().vollformat();
		return false;
	})
	
	// Hintergrundwechsel
	jQuery('.bgprev').add('.bgnext').click(function() {
		jQuery(this).bgchange();
		if (infoboxstatus == "in") jQuery(this).infobuttonclick();
		return false;
	});
	
	// Hoverbox
	jQuery('.navsub').hover(function () {jQuery(this).hoverboxIn();}, function () { /*setTimeout("jQuery('#rolloverbox').fadeOut('slow', function() {hovereffekt='nein';});", 2000);*/ });
	if (typeof admin == "undefined") jQuery('#navpoints ul div').mouseleave(function () {jQuery('#rolloverbox').fadeOut('slow', function () {hovereffekt = 'nein';});});
	
	// Navslide 
	jQuery('.navhead').click(function() {
		jQuery('#navpoints ul').slideUp();// Alle anderen Listen zuerst ausblenden
		jQuery('#navpoints img').not('alt="Prev"').not('alt="Next"').not('alt="Info"').css('background-position', 'top left');
		if (jQuery(this).next('ul').css('display') == 'none') {
			jQuery(this).next('ul').slideDown();
			jQuery(this).find('img').css('background-position', 'top right');
		}
		return false;
	});
	
	// Artikel
	jQuery('.articlelink').click(function () {
		jQuery(this).articlebuttonclick();
		return false;
	});
	
	// BG resize
	
	
	// Bilder vorausladen
	jQuery().bilderpreload(); 
}); 
// ---

// ######## Vollformat ###
jQuery.fn.vollformat = function () {
	var current = bgarray[bgarrayIndex];
	if (current == undefined) return false;
	var current = current.replace("pool/", "pool/vollformat/");
	//var current = "http://"+document.location.hostname+"/"+current.replace("../", "");
	var t = null;
	var a = current;
	var g = false;
	tb_show(t,a,g);
	return false;
}

// ######## Hoverbox In ###
jQuery.fn.hoverboxIn = function () {
	var id = "page_key"+jQuery(this).attr('name');
	if (jQuery('#'+id).css('display', 'block').length > 0) {
		jQuery('#rolloverbox img').css('display', 'none');
		jQuery('#'+id).css('display', 'block');
		
		if (hovereffekt == "nein") jQuery('#rolloverbox').fadeIn("slow");
		hovereffekt = "ja";
	} else {
		jQuery('#rolloverbox').fadeOut(1);
		hovereffekt = "nein";
	}
}

// ######## Bilder vorausladen ###
jQuery.fn.bilderpreload = function () {
	
	var ende = bgarrayIndex + 2;
	
	for (b = bgarrayIndex; b < bgarray.length && b <= ende; b++) {
		bilderpreloadarray[b] = new Image();
		bilderpreloadarray[b].src = bgarray[b];
	} 
}


// ######## Bg Change ###
jQuery.fn.bgchange = function () {
	var count = bgarray.length; 
	if (jQuery(this).attr('class') == "bgprev") bgarrayIndex--;
		else bgarrayIndex++;	
	if (bgarrayIndex == count) bgarrayIndex = 0;
	if (bgarrayIndex < 0) bgarrayIndex = count-1;
	
	jQuery().bilderpreload();
	
	for (a = 1; jQuery('#'+a).length; a++) {
		if (a != (bgarrayIndex+1)) jQuery('#'+a).css('display','none');
		  else jQuery('#'+a).css('display','inline');
	}
	
	/*
	jQuery('#bgholder').fadeOut('slow', function() {jQuery('#bgholder').html('<img alt="" src="'+bgarray[bgarrayIndex]+'" />');});
	jQuery('#bgholder').fadeIn('slow');
	*/
	
	jQuery.vegas({
	  src: bgarray[bgarrayIndex],
	  fade:600 // milliseconds
	});
}

// ######## Articlebuttonclick ###
jQuery.fn.articlebuttonclick = function () {
	jQuery('#closebar').add('.articlelink').unbind('click');
	
	if (infoboxstatus == "out") {
		var page_key = jQuery(this).attr('name');
		jQuery(".infoboxcontent").html("Lade ...");
		jQuery(".infoboxcontent").load("getarticlecontent.php?page_key="+page_key);
		jQuery(this).articleboxopen();
	} else jQuery(this).articleboxclose();
}

jQuery.fn.articleboxopen = function () {
	var right = "-"+jQuery(window).width()+'px';
	jQuery('#infobox').css({'right':right, 'display':'block'});
	jQuery("#infobox").animate({
		"right": "0px"
		},
		1500,
		"easeOutExpo",
		function () { jQuery('.articlelink').add('#closebar').click(function() {jQuery(this).articlebuttonclick();return false;}); } // Click Event wieder aktivieren
	); 
	infoboxstatus = "in";
}

jQuery.fn.articleboxclose = function () {
	var right = "-"+jQuery(window).width()+'px';
	jQuery("#infobox").animate({
	  "right": right
	  },
	  1500,
	  function() { jQuery('#infobox').css('display','none'); jQuery('.articlelink').add('#closebar').click(function() {jQuery(this).articlebuttonclick();return false;}); } // Click Event wieder aktivieren
	 ); 
	 infoboxstatus = "out";
}

//  > Articlebildlink ####
jQuery.fn.articlebildlink = function () {
	var artbildid = jQuery(this).attr("class");
	for (var i = 1; jQuery('#imgart'+i).length > 0; i++) {
		jQuery('#imgart'+i).css("display", "none");
	}
	for (var i = 1; jQuery('.imgart'+i).length > 0; i++) {
		jQuery('.imgart'+i).css("text-decoration", "none");
	}
	jQuery('#'+artbildid).css("display", "block");
	jQuery('.'+artbildid).css("text-decoration", "underline");
	return false;	
}

// ######## Infobox ###
jQuery.fn.infobuttonclick = function () {
	jQuery('.infobutton').add('#closebar').unbind(); // Click Events pausieren
	if (infoboxstatus == "out") jQuery(this).infoboxopen();
		else jQuery(this).infoboxclose();
}

jQuery.fn.infoboxopen = function () {
	// für Admin Bereich:
	if (typeof admin != "undefined" && admin == "xu4eB83HR7kG") jQuery('#rolloverbox').fadeOut('slow');
	
	
	var right = "-"+jQuery(window).width()+'px';
	jQuery('.infobutton').addClass('clicked');
	jQuery('#infobox').css({'right':right, 'display':'block'});
	jQuery("#infobox").animate({
		"right": "0px"
		},
		1500,
		"easeOutExpo",
		function () { jQuery('.infobutton').add('#closebar').click(function() {jQuery(this).infobuttonclick();return false;}); } // Click Event wieder aktivieren
	); 
	infoboxstatus = "in";
}

jQuery.fn.infoboxclose = function () {
	// für Admin Bereich:
	if (typeof admin != "undefined" && admin == "xu4eB83HR7kG") jQuery('#rolloverbox').fadeIn('slow');
	
	
	var right = "-"+jQuery(window).width()+'px';
	jQuery('.infobutton').removeClass('clicked');
	jQuery("#infobox").animate({
	  "right": right
	  },
	  1500,
	  function() { jQuery('#infobox').css('display','none'); jQuery('.infobutton').add('#closebar').click(function() {jQuery(this).infobuttonclick();return false;}); } // Click Event wieder aktivieren
	 ); 
	 infoboxstatus = "out";
}