var ocontainer;
var ocontent;
var spaceToScroll;
var animating;

$(document).ready(function(){

    // PNG FIX
    $(document).pngFix();
    
    // Positionen f�r die Contentelemente
    var XCoordinate = new Array(0, 2000, 4000, 6000, 8000, 10000, 12000, 14000, 16000, 18000, 20000, 22000, 24000, 26000, 28000, 30000, 32000, 34000, 36000, 38000, 40000, 42000, 44000, 46000, 48000, 50000);
    
    var YCoordinate = new Array(265, 255, 227, 100, 75, 375, 356, 363, 230, 303, 222, 288, 110, 285, 88, 270, 100, 400, 100, 200, 300, 100, 200, 300, 100, 400, 100, 200, 300, 100, 200, 300, 100);
    
    var xPosObj = new Array();
    var yPosObj = new Array();
    
    // FIRST DOT MAGENTA
    $(".NavMenuDotsItem:first").addClass("NavMenuDotsItemActive");
    
    // POSITION FUNCTION
    /* ******************************************************************************** */
    $(window).resize(function(){
        size_and_position();
    });
    
    // LOGO HOME LINK
    /* ******************************************************************************** */
    
    $("#Logo").click(function(){
        $("#MainContainer").animate({
            left: 0
        }, 2000, "easeInOutQuad");
		
		$("#FCE-Inhalt02-Title").click();
        
        closeOverlay();
    });
    
    // LOAD CONTENT
    /* ******************************************************************************** */
    
    var table = document.getElementById("StartMenu");
    var cells = table.getElementsByTagName("div");
    
    var MenuAnzahl = cells.length;
    
    var i;
    var LastTurn = cells.length - 1;
    
    for (i = 0; i < cells.length; i++) {
        xPosObj[cells[i].id] = XCoordinate[i];
        yPosObj[cells[i].id] = YCoordinate[i];
        
        var link = $("#" + cells[i].id + " > a").attr("href");
        $("#" + cells[i].id).load(link + " div.SubpageWrapper", function(){
        
            //alert(this.id + ": " + yPosObj[this.id]);
            var XStepper = xPosObj[this.id];
            $(this).css({
                "left": XStepper
            });
            
            var YStepper = yPosObj[this.id];
            $(this).find("#FCE-Inhalt01-Dot").css({
                "top": YStepper
            });
            
            var YStepper = yPosObj[this.id];
            $(this).find("#FCE-Inhalt02-Dot").css({
                "top": YStepper
            });
            
            if (LastTurn == i) {
				
			    // NAVMENU POSITIONIERUNG
			    /* ******************************************************************************** */
			    
			    $("#NavMenu").css({
			        "left": "170"
			    });
			
			    var SubMenuWidth = $("#SubMenuWrapper").width();
			    var NavMenuWidth = $("#NavMenuCenter").width();
					/* var NavMenuWidth = 565; */
				
					var navMenuLeft = $('#NavMenuCenter').offset().left;
				
			    var NavPos = ((SubMenuWidth - NavMenuWidth) / 2)
			    
				$('#SubMenuWrapper').css('left', navMenuLeft - NavPos - 2.5); // (although half pixels are not possible, it's needed here, if the division-result is xxx.5)
				
            
                // StartOverlay Visible
                
                $('#StartOverlayInner').animate({
                	opacity: 0
                }, 500, function(){
                
               		$("#StartOverlayWrapper").animate({
                   		opacity: 0
                		}, 1500, function(){
                    	$(this).remove();;

                	});             
                
                });
                
				var dotsWrapperWidth = $('#NavMenuDotsWrapper').width();
				var dotsWidth = $('#NavMenuDots').children('.NavMenuDotsItem').size() * 20 - $('#NavMenuDots > .NavMenuDotsItem').width();
				
				$('#NavMenuDots').css('marginLeft', (dotsWrapperWidth - dotsWidth) / 2);



                
                // show overlay when clicking on the "our offer"-button
                // this hack is necessary, otherwise you would see the layer for a short moment before first animation
                $("#OverlayWrapper").css("opacity", 1);
                $("#OverlayWrapper").css("opacity", 0);
                
                $("#FCE-Inhalt02-Angebot").click(function(){
					if (getURLParam("l") == '1') {
	                    loadOverlay("index.php?id=176&L=1");
					} else {
	                    loadOverlay("176.0.html");
					}
                    return false;
                });
                
                // ScrollPane fuer alle      		
                $(".Scroll").each(function(){
                    $(this).jScrollPane();
                });
                
                size_and_position();
                
                $(document).pngFix();
                
                generateMenu();
                accordion_starting_page();

                
                // TOPMENU OVERLAY
                /* ******************************************************************************** */
                $(".TopMenuItem a").click(function(){
                    loadOverlay($(this).attr("href"));
                    return false;
                });
                
                $(".MetaMenuItem a").click(function(){
                    loadOverlay($(this).attr("href"));
                    return false;
                });
                
                $("a.MetaMenuItem").click(function(){
                    loadOverlay($(this).attr("href"));
                    return false;
                });
                
                
                // Gallery Aufruf
                gallery();
              
              	// printIcon hover
              	$('.FCE-Main-Print').hover(
              		function(){
              			$(this).children().children().attr('src','/fileadmin/images/print_w.png');
              		},
              		function(){
              			$(this).children().children().attr('src','/fileadmin/images/print_m.png');
              		}
              	);
   
   				// image and text icon hover start
 				$('.fceGalleryIcon').hover(
 					function () {
 						$(this).css('background-image','url(/fileadmin/images/image_w.png)');	
 					},
 					function () {
 						$(this).css('background-image','url(/fileadmin/images/image_m.png)');
 					}
 				); 	               	
                
            }; // if-Abfrage
            i++;
            
        }); // load-Funktion
    }; // for-Schleife
    i = 0;
    
    // STAR OVERLAY
    /* ******************************************************************************** */
    
    $(".SubMenuStar").click(function(){
    
        $("#OverlayWrapper").show("slow");
        $("#OverlayBackground").animate({
            opacity: '0.8'
        }, "slow");
        
        var TopMenuLink = $(this).attr("href");
        $("#OverlayInner").load("index.php?id=176 div#TopMenuWrapper", function(){
        
            $("#OverlayWrapper").unbind('click').click(function(){
                $("#OverlayBackground").animate({
                    opacity: '0'
                }, "fast");
                $("#OverlayWrapper").hide("fast");
            });
        });
        return false;
    });

}); //document ready




/**
 * metod to get URL-Parameter
 * @param {Object} strParamName has always to be lowercase
 */
function getURLParam(strParamName){

	var strReturn = "";
	var strHref = window.location.href;
	
		if ( strHref.indexOf("?") > -1 ){
		
			var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
			var aQueryString = strQueryString.split("&");
			
				for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
				
					if ( 
						aQueryString[iParam].indexOf(strParamName + "=") > -1 ){
						var aParam = aQueryString[iParam].split("=");
						strReturn = aParam[1];
						break;
					}
				}
			}
	return strReturn;
}



/* !galleryFunction */
/* ---------------------------------------------------------------------- */

function gallery () {

	// gallery Icon show/hide
	$('.fceGalleryIcon').each(function () {
	
		var galleryTrue = $(this).next().next().find(":nth-child(1)").size();
		
		if (galleryTrue < 2) {
			$(this).css('display','none');
		}
 	});
 	
 	// gallery arrow hover
 	$('.fceGalleryArrowLeft').hover(
 		function () {
 			$(this).css('background-image','url(/fileadmin/images/arrow_left_white.png)');	
 		},
 		function () {
 			$(this).css('background-image','url(/fileadmin/images/arrow_left_magenta.png)');	
 		}
 	);

 	$('.fceGalleryArrowRight').hover(
 		function () {
 			$(this).css('background-image','url(/fileadmin/images/arrow_right_white.png)');	
 		},
 		function () {
 			$(this).css('background-image','url(/fileadmin/images/arrow_right_magenta.png)');
 		}
 	); 	
 	
 	// switch between Text and Photo
 	$('.fceGalleryIcon').toggle(
        function () {
        	$(this).css('background-image','url(/fileadmin/images/text_m.png)');
	    	$(this).next().fadeOut('slow');
	    	$(this).next().next().fadeIn('slow');
	    	
 			$(this).hover(
 				function () {
 					$(this).css('background-image','url(/fileadmin/images/text_w.png)');	
 				},
 				function () {
 					$(this).css('background-image','url(/fileadmin/images/text_m.png)');
 				}
 			); 		    	
	    	
      	},
      	function () {
      		$(this).css('background-image','url(/fileadmin/images/image_m.png)');
	    	$(this).next().fadeIn('slow');
	    	$(this).next().next().fadeOut('slow');
	    	
 			$(this).hover(
 				function () {
 					$(this).css('background-image','url(/fileadmin/images/image_w.png)');	
 				},
 				function () {
 					$(this).css('background-image','url(/fileadmin/images/image_m.png)');
 				}
 			); 	    	
	    	
      	}
 	); 	
 	
 	// gallery next prev
	if($(".fceGalleryItem").size() > 1 ){
		
		$('.fceGalleryArrowLeft').bind("click", function() {
			$(this).prev().children(":first").css('display','none');
			$(this).prev().append($('.fceGalleryItem:first'));
			$(this).prev().children(":last").fadeIn('slow', function () {
			});
		});
		
		$('.fceGalleryArrowRight').bind("click", function() {
			$(this).prev().prev().children(":last").fadeOut('slow', function () {
				$(this).parent().prepend($(this));
				$(this).css('display','block');
			});
		});		
		
	} 	
 
}