/**
 * Website Funktionen
 * 
 * (c) 2011, Graphiklounge(R) GbR
 * Date: Mo Apr 18 2011
 */

/**
 * Preloading Images
 */
(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery);

$(document).ready(function(){
	
	// Bilder vorladen
	jQuery.preLoadImages("template/regenbogenland/img/nav1_o.png",
	                     "template/regenbogenland/img/nav2_o.png",
	                     "template/regenbogenland/img/nav3_o.png",
	                     "template/regenbogenland/img/nav4_o.png");
	
	/**
	 * Startseite Navi
	 */
	$.startNavi = function(elem,kante,img,img_o) {
		var offset = $(elem+" li:first").offset();
		$(elem).hover(
			function(){
				$(elem).css("background-image","url(template/regenbogenland/img/"+img_o+")");
				$(kante).show(0);
				var px = offset.top - 30 - 154;
				$(elem+" li:first").stop(true,true).animate({top: px+"px"},0);
				$(elem+" li.rubrik").stop(true,true).fadeIn(0);
			},
			function(){
				$(elem).css("background-image","url(template/regenbogenland/img/"+img+")");
				$(kante).hide(0);
				var px = offset.top + 30 - 184;
				$(elem+" li:first").stop(true,true).animate({top: px+"px"},250);
				$(elem+" li.rubrik").stop(true,true).fadeOut(250);
			}
		);
	}
	$.startNavi("#startseite #navi0","#kante0","nav1.png","nav1_o.png");
	$.startNavi("#startseite #navi1","#kante1","nav2.png","nav2_o.png");
	$.startNavi("#startseite #navi2","#kante2","nav3.png","nav3_o.png");
	$.startNavi("#startseite #navi3","#kante3","nav4.png","nav4_o.png");
	$(".navi li.rubrik").hide();
	
	/**
	 * Navigtion
	 */
	$.navi = function(id,max){
		var elem = "#navi"+id+".navi_small";
		var path = window.location.pathname.lastIndexOf('/');
		var html = window.location.pathname.substr(path);

		$(elem).hover(
			function(){
				$(elem).addClass("aktiv");
				$("#kante"+id).show(0);
				for(i=0;i<max;i++){
					if(i!=id){
						$("#navi"+i+".navi_small").removeClass("aktiv");
						$("#navi"+i+".navi_small.aktiv").removeClass("aktiv");
						$("#kante"+i).hide(0);
					}
				}
			},
			function(){
				for(i=0;i<max;i++){
					$("#navi"+i+".navi_small").removeClass("aktiv");
					$("#kante"+i).hide(0);
					if($("body#ihregesundheit").length > 0){
						$("#navi0.navi_small").addClass("aktiv");
					}
					if($("body#ihrekinder").length > 0){
						$("#navi1.navi_small").addClass("aktiv");
					}
					if($("body#ihrtermin").length > 0){
						$("#navi2.navi_small").addClass("aktiv");
					}
					if($("body#ihrregenbogenland").length > 0){
						$("#navi3.navi_small").addClass("aktiv");
					}
					$("#kante"+i+".aktiv").show(0);
				}
			}
		);
	}
	$.navi(0,4);
	$.navi(1,4);
	$.navi(2,4);
	$.navi(3,4);
	
	// Bildbeschreibung
	$.imgDesc = function(elem,skript){
		$(elem).keyup(function(){
			$("#statusTxt").stop(true,true).fadeIn(125);
			var desc = $(elem).val();
			var name = $("#imgname").val();
			var sid = $('#imgsid').val();
			var gid = $('#imggid').val();
			$.ajax({
				type: 'POST',
				url: skript,
				data: 'imgdesc='+desc+'&imgname='+name+'&imgsid='+sid+'&imggid='+gid,
				beforeSend: function(){
				},
				success: function(msg){
					if(msg != ""){
						alert(msg);
					}
				},
				complete: function(){
					$("#statusTxt").stop(true,true).delay(500).fadeOut(500);
				}
			})
		});
	};
	$.imgDesc('#imgdesc','imgToDB.php');
	
	// Testimonials
	$("#testimonials .testimonial").hide(0);
	$("#testimonials .testimonial:first").show(0);
	$("#testimonials").cycle({ timeout: 20000, speed: 2000, slideResize: 1});
});