﻿/*
#############################################################################################################
########## Alle Javascript Funktionen und Definitionen
##########
########## @author		Trans Ident Line GmbH / vls
########## @update		16.02.2009
#############################################################################################################
*/


			$(document).ready(function()
			{


/*
#############################################################################################################
########## Headlines mit CI-Schrift ersetzen
########## Alle h1 und h2-Tags mit Univers Condensed Light darstellen
########## Unload-Handler für den IE der sich an nicht aktivierten Flash-Objekten stört
*/

				if ($.hasFlashPlayer && $.flashPlayerVersion[0] >= 8 && navigator.userAgent.toLowerCase().indexOf('msie 6')==-1)
				{
					$("h1, h2").sIFR({
						path    : "common/jquery/sifr/",
						font    : "univers_cond_light",
						version : "436"
					});


					if (navigator.appName == "Microsoft Internet Explorer")
					{
						function fixOutOfMemoryError()
						{
							__flash_unloadHandler = function() {};
							__flash_savedUnloadHandler = function() {};
						}
						window.attachEvent("onbeforeunload", fixOutOfMemoryError);
					}
				}


/*
#############################################################################################################
########## Funktion für Schatten um die Contentboxen
*/

				$(".shadow, .glow").shadowglow();


/*
#############################################################################################################
########## Definitionen für die Tooltipps
########## Wenn ein Objekt die Klasse tooltip hat, wird der title-Tag als Tooltipp ausgegeben
*/

				$(".tooltip").tooltip(
				{
					track: true,
					delay: 100,
					showURL: false,
					fade: 200
				});


/*
#############################################################################################################
########## Dropin-Box an Klickposition
########## Aufrufen mit onclick="$.show_box(event, this, 'ID der Dropin-Box zB. #loginbox')"
########## event überträgt u.a. die Klickkoordinaten
########## this ist das geklickte Element
*/

				$(".draggable").jqDrag($(".menuleiste"));


				$.show_box = function(event, quelle, ziel)
				{
					var offset_links = 10;
					var offset_oben  = 10;

					$(ziel).css ({
						"left": (event.clientX+offset_links),
						"top":  (event.clientY+offset_oben),
						"z-index": 100
					});

					$("#overlay").css ({
						"height": document.documentElement.clientHeight,
						"width": document.documentElement.clientWidth,
						"opacity": 0.2
					});

					$("#overlay").fadeIn(400);
					$(ziel).fadeIn(700);


					$.ausblenden = function(){
						$("#overlay").fadeOut(500);
						$(ziel).fadeOut(500);
					}

					$(".schliessen, #overlay").click(function(){
						$.ausblenden()
					});
				};
				
				$.show_info = function(event, quelle, ziel)
				{
					var offset_links = 0;
					var offset_oben  = 0;
					
					$(ziel).css ({
						"left": 340,
						"top":  zxcPos(quelle)[1],
						"z-index": 100
					});
					
					$("#overlay").css ({
						"height": document.documentElement.clientHeight,
						"width": document.documentElement.clientWidth,
						"opacity": 0.2
					});

					$("#overlay").fadeIn(400);
					$(ziel).fadeIn(700);


					$.ausblenden = function(){
						$("#overlay").fadeOut(500);
						$(ziel).fadeOut(500);
					}

					$(".schliessen, #overlay").click(function(){
						$.ausblenden()
					});
				};
				
				function zxcPos(obj){
                    var rtn=[obj.offsetLeft,obj.offsetTop];
                    while(obj.offsetParent!=null){
                    var objp=obj.offsetParent;
                    rtn[0]+=objp.offsetLeft-objp.scrollLeft;
                    rtn[1]+=objp.offsetTop-objp.scrollTop;
                    obj=objp;
                    }
                    return rtn;
                    }



/*
#############################################################################################################
########## Definitionen für die Auf- und zuklappenden Bereiche
########## Alle divs mit der Klasse toggler werden klappbar
########## divs mit der zusätzlichen Klasse opened sind per default geöffnet
*/

				$('div.toggler').toggleElements();

                $("ul.sf-menu").supersubs({ 
                minWidth:    12,
                maxWidth:    27, 
                extraWidth:  1 
                }).superfish();
                
                $("ul.sf-menu-q").supersubs({ 
                minWidth:    12,
                maxWidth:    27, 
                extraWidth:  1 
                }).superfish();
                

			});
