/**
 *  Project: WWF You!
 *  Description: Takes care of resizing the header area so the
 *               background and the flash movie is taking the full width
 */

var FlashResizer = {
	minHeight: 480,
	minWidth: 979,
	swfMovieRatio: 0,
	flashFile: '',
	altImage: '',
	altLink: '',
	altImageWidth: 0,
	altImageHeight: 0,
	altHTML: '',
	swfparams: '',
	wmodetransparent: 0,
	usebackgroundcolor: '',
	

	init: function() {
		var so;
		
		if(this.usebackgroundcolor != ''){
			so = new SWFObject(this.flashFile, 'headerflash', '100%', '100%', '9', this.usebackgroundcolor);
		}else{
			so = new SWFObject(this.flashFile, 'headerflash', '100%', '100%', '9', '#FFFFFF');
		}
		
		so.addParam('quality', 'high');
		so.addParam('scale', 'noscale');
		so.addParam('align', 'LT');
		
		if(this.wmodetransparent == 1 || this.flashFile == ''){
			so.addParam('wmode', 'transparent');
		}
		
		
		$('#header-flash').css({background: 'url(' + this.altImage + ')  center top no-repeat'});
		
		
		for (var i = 0; i < this.swfparams.length; i++) {
			so.addVariable(this.swfparams[i]['name'], this.swfparams[i]['value']);
		}
		if(so.write('header-flash')){
			// ok, browser has flash
			if(this.wmodetransparent != 1 && this.flashFile != ''){
				$('#header-menu-outer').hide();
			}
		}else{
			if(isNonFlashPage != 1 && navigator.userAgent.indexOf('iPhone') == -1){
					window.location = '/index.php?id=53';
			}
			
			/*
			if(this.altLink != ''){
				$('#header-flash').click(function () { 
				      window.location = FlashResizer.altLink;
				   });
				$('#header-flash').css({cursor: 'pointer'});
			}
			$('#header-flash').html('<img src="/fileadmin/templates/img/blank.gif" usemap="#altImgMap" width="' + this.altImageWidth + '" height="' + this.altImageHeight + '">' + this.altHTML);
			*/
		}
		if(this.flashFile == '' && this.altImage == ''){
			$('#header-flash').height(this.minHeight);
			$('#header-container').height($('#header-flash').height());
		}
		if(this.flashFile == '' && this.altImage != ''){
			$('#header-flash').height(this.minHeight);
			$('#header-container').height($('#header-flash').height());
			$('#header-flash').html('<img src="/fileadmin/templates/img/blank.gif" usemap="#altImgMap" width="' + this.altImageWidth + '" height="' + this.altImageHeight + '">' + this.altHTML);
		}
		
			
		this.resize();
		this.adaptDivsections();
		
		
		
		
		
		
	},

	resize: function() {
		if (!this.flashFile) return;
		var flashContainer  = $('#header-flash');
		var headerContainer = $('#header-container');
		var windowWidth  = $(window).width();
		var windowHeight = $(window).height();
		if (windowHeight < FlashResizer.minHeight) {
			//$(flashContainer).height(FlashResizer.minHeight + 'px');
			var newheight = windowWidth * this.swfMovieRatio - ((windowWidth - 900) * 0.08);
			$(flashContainer).height(Math.round(newheight) + 'px');
		} else {
			//$(flashContainer).height(Math.round(windowWidth * FlashResizer.minHeight/FlashResizer.minWidth) + 'px');
			//var correction = 0 + windowWidth * 0.04 * this.swfMovieRatio;
			//$(flashContainer).height(Math.round(windowWidth * this.swfMovieRatio - correction) + 'px');
			var newheight = windowWidth * this.swfMovieRatio - ((windowWidth - 900) * 0.08);
			$(flashContainer).height(Math.round(newheight) + 'px');
		}

		if (windowWidth < FlashResizer.minWidth) {
			$(flashContainer).height(FlashResizer.minHeight + 'px');
			$(flashContainer).width(FlashResizer.minWidth  + 'px');
		} else {
			$(flashContainer).width(windowWidth + 'px');
		}
		$(headerContainer).height($(flashContainer).height());
	},
	
	// Verlinkt Reiter "WWF.DE", "MITGLIEDER" etc. auf der linken Seite der weissen Contentboxen
	adaptDivsections: function() {
		var linkImg_wwf = '<a href="http://www.wwf.de"><img src="/fileadmin/templates/img/blank.gif" width="25" height="150" style="position: relative; border: 0px; z-index: 9999; margin-bottom: -150px;"></a>';
		var linkImg_projekte = '<a href="/wwf-projekte/"><img src="/fileadmin/templates/img/blank.gif" width="25" height="150" style="position: relative; border: 0px; z-index: 9999; margin-bottom: -150px;"></a>';
		var linkImg_mitglieder = '<a href="/wwf-mitglieder/"><img src="/fileadmin/templates/img/blank.gif" width="25" height="150" style="position: relative; border: 0px; z-index: 9999; margin-bottom: -150px;"></a>';
		var linkImg_expedition = '<a href="/expedition/die-expedition-startseite/"><img src="/fileadmin/templates/img/blank.gif" width="25" height="150" style="position: relative; border: 0px; z-index: 9999; margin-bottom: -150px;"></a>';
		//alert($('body').find(".contentbox-mitglieder").html());

		$('.contentbox-wwf').prepend(linkImg_wwf);
		$(".contentbox-projekte").prepend(linkImg_projekte);
		$('.contentbox-mitglieder').prepend(linkImg_mitglieder);
		$(".contentbox-expedition").prepend(linkImg_expedition);
	}
	

};

$(document).ready(function() { 
	FlashResizer.init(); 
	jQuery('.popup').click(function(){
		var h = 600;
		var w = 680;
		var l = 0;
		var t = 0; 
		
		l = (screen.width)  ? (screen.width -  w) / 2 : 100;
		t = (screen.height) ?( screen.height - h) / 2 : 100;
		w = screen.width && screen.width < w ? screen.width : w;
		h = screen.height && screen.height < h ? screen.height : h;
		
		
		var href = jQuery(this).attr("href");
		var popup = window.open(href, '_blank', 'dependent=no,height=' + h + ",width=" + w + ",left=" + l + ",top=" + t + ",location=no,menubar=no,resizable=yes,scrollbars=yes,status=yes,toolbar=no");
		if (!popup) {
			return true;
		}
		return false;
	});
	window.setTimeout("keepAlive()", 30000);
});
$(window).resize(function()  { FlashResizer.resize(); } );

var navstartx;
var navendx;
var navstarty;
var navendy;

/* renders the submenu dropdowns */
var HeaderMenu = {
	submenus: [],

	init: function() {
		this.submenus = $('.header-nav-sub');

		this.submenus.each(function() {
			var el = this;
			var prnt = $(el).parent();
			$(el).css('margin-left', '-' + prnt.width());
			$(prnt).bind('mouseenter', function() { HeaderMenu.show(el); } );
			$(prnt).bind('mouseleave', function() { HeaderMenu.hide(el); } );
		});
		
		setup_nav_elements();
		
		
	    
	    

	},

	show: function(activeEl) {
		if ($(activeEl).is(":hidden")) {
			$(activeEl).show();
			$(activeEl).parent("li").addClass('activearea');
		} else {
			$(activeEl).parent("li").removeClass('activearea');
			$(activeEl).hide();
			
		}
	},
	hide: function(el) {
		$(el).parent("li").removeClass('activearea');
		$(el).hide();
	}
};

$(document).ready(function() { HeaderMenu.init(); });

var BoxOptions = {
	toggleSlide: function(el) {
		el = '#' + el;
		if ($(el).is(":hidden")) {
			$(el).slideDown();
			// 
			$(el).parents().each(function() {
				if ($(this).hasClass('contentbox-options-container-open')) {
					$(this).addClass('contentbox-options-container-closed');
					$(this).removeClass('contentbox-options-container-open');
				}
			});
		} else {
			$(el).slideUp();
			$(el).parents().each(function(prnt) {
				if ($(this).hasClass('contentbox-options-container-closed')) {
					$(this).addClass('contentbox-options-container-open');
					$(this).removeClass('contentbox-options-container-closed');
				}
			});
		}
	},
	
	sendTipafriend: function(formName) {
		var params = $('#' + formName).serializeArray();
		$.post($('#' + formName).attr('action'), params, function(data, status) {
			data = data.toString();
			if (data.indexOf('error') > 0) {
				$('#' + formName).append(data);		
			} else {
				$('#' + formName).html(data);
			}
		}, 'html');
		return false;
	}
};






function setup_nav_elements(){
	
	$('#navuid-5').bind('mouseenter', function() {
		// Bei erster Ansicht "Projekte" offen anzeigen
		divid = "navuid-43";
		divclass = "navpreview_projekte";
		hsave = $('#'+divid).parent("li").height();
		$('#'+divid).removeClass('navdivie');
		$('#'+divid).parent("li").height(previewheight);
		$('#'+divid).height(previewheight);
		$('#'+divid).parent("li").addClass(divclass);
		$('#'+divid).addClass('navdiv-weiss');
		subtitle_content = $('#'+divid).parent("li").find(".navisubtitle-container").html();
		$('#'+divid).parent("li").find(".navisubtitle").html(subtitle_content);
	});
	
	
	
	$('#navuid-4').bind('mouseenter', function() {
		// Bei erster Ansicht "WWF Jugend" offen anzeigen
		divid = "navuid-16";
		divclass = "navpreview_wwfjugend";
		hsave = $('#'+divid).parent("li").height();
		$('#'+divid).removeClass('navdivie');
		$('#'+divid).parent("li").height(previewheight);
		$('#'+divid).height(previewheight);
		$('#'+divid).parent("li").addClass(divclass);
		$('#'+divid).addClass('navdiv-weiss');
		subtitle_content = $('#'+divid).parent("li").find(".navisubtitle-container").html();
		$('#'+divid).parent("li").find(".navisubtitle").html(subtitle_content);
	});
	
	/* Custom Nav function start */
	$('#subnavuid-9').bind('mouseenter', function() {
			$('#subnavuid-9').ifixpng();
			var offset = $('#subnavuid-9').offset();
			navstartx = offset.left;
			navendx = navstartx + 180;
			navstarty = offset.top;
			navendy = navstarty + 30;
	});
	$('#subnavuid-9').mousemove(function(e){
     	if(e.clientX > navendx && e.clientY < navendy){
     		$('#subnavuid-9').parent(".header-nav-sub").hide();
     	}
    });
    
    
    $('#subnavuid-12').bind('mouseenter', function() {
			$('#subnavuid-12').ifixpng();
			var offset = $('#subnavuid-12').offset();
			navstartx = offset.left;
			navendx = navstartx + 180;
			navstarty = offset.top;
			navendy = navstarty + 30;
	});
	$('#subnavuid-12').mousemove(function(e){
     	if(e.clientX > navendx && e.clientY < navendy){
     		$('#subnavuid-12').parent(".header-nav-sub").hide();
     	}
    });
    /* Custom Nav function end */
    


    
    register_specialnav('navuid-43', 'navpreview_projekte');
    register_specialnav('navuid-9', 'navpreview_uckermark');
    register_specialnav('navuid-10', 'navpreview_arktis');
    register_specialnav('navuid-11', 'navpreview_dzangha');
    
    register_specialnav('navuid-16', 'navpreview_wwfjugend');
    register_specialnav('navuid-15', 'navpreview_derwwf');
    register_specialnav('navuid-14', 'navpreview_bonus');
    register_specialnav('navuid-13', 'navpreview_camps');
    register_specialnav('navuid-12', 'navpreview_mitglied');
    
    
    
    
    /* coming soon start */
    $('#navuid-3').hover(function(e){
     	 var height = $('#comingsoon_div').height();
		  var width = $('#comingsoon_div').width();
		  //calculating offset for displaying popup message
		  leftVal=e.pageX+10+"px";
		  topVal=e.pageY-35+"px";
		  //show the popup message and hide with fading effect
		  $('#comingsoon_div').css({left:leftVal,top:topVal}).show();
    },
    	function(){
    		$('#comingsoon_div').hide();
    	}
    );
    
    
     $('#navuid-2').hover(function(e){
     	 var height = $('#comingsoon_div').height();
		  var width = $('#comingsoon_div').width();
		  //calculating offset for displaying popup message
		  leftVal=e.pageX+10+"px";
		  topVal=e.pageY-35+"px";
		  //show the popup message and hide with fading effect
		  $('#comingsoon_div').css({left:leftVal,top:topVal}).show();
    },
    	function(){
    		$('#comingsoon_div').hide();
    	}
    );
    
    /* coming soon end */
}

var previewheight = 130;
var hsave;
var openNavs = new Object();
var openNavClasses = new Object();
function register_specialnav(divid, divclass){
	
	// Mouseover-Funktion
	$('#'+divid).hover(function(){
     	 hsave = $('#'+divid).parent("li").height();
     	 $('#'+divid).removeClass('navdivie');
     	 $('#'+divid).parent("li").height(previewheight);
     	 $('#'+divid).height(previewheight);
     	 $('#'+divid).parent("li").addClass(divclass);
     	 $('#'+divid).addClass('navdiv-weiss');
     	 subtitle_content = $('#'+divid).parent("li").find(".navisubtitle-container").html();
     	 $('#'+divid).parent("li").find(".navisubtitle").html(subtitle_content);
     	 openNavs[divid] = 1;
     	 openNavClasses[divid] = divclass;
    	},
		function(){
    		/*
			if(ie6CanBeClosed(divid) == 1){
				$('#'+divid).parent("li").height(30);
	    		$('#'+divid).height(30);
	    		$('#'+divid).parent("li").removeClass(divclass);
	    		$('#'+divid).removeClass('navdiv-weiss');
	    		$('#'+divid).addClass('navdivie');
    		}
    		*/
    	}
    );
    

        
    // linkziel von href für div übernehmen
    $('#'+divid).click(function(){
     	 //alert('clicked');
     	 var obj = $('#'+divid).parent("li").find("a");
     	 var linkziel = obj.attr('href');
     	 window.location = linkziel;
     	 return false;
    	}
    );
}

var mouseX;
var mouseY;

$().mousemove(function(e){
	mouseX = e.pageX;
	mouseY = e.pageY;
	
	for (var el in openNavs){
		if(openNavs[el] == 1){
			divid = openNavs[el];
			divclass = openNavClasses[divid];
			checkNavs2BeClosed(el, divclass);
		}
	}
	
}); 


function checkNavs2BeClosed(divid, divclass){
	if(ie6CanBeClosed(divid) == 1){
		$('#'+divid).parent("li").height(30);
		$('#'+divid).height(30);
		$('#'+divid).parent("li").removeClass(divclass);
		$('#'+divid).removeClass('navdiv-weiss');
		$('#'+divid).addClass('navdivie');
		openNavs[divid] = 0;
		openNavClasses[divid] = 0;
	}
}
   
function ie6CanBeClosed(divid){
	if(divid == 0){
		return 0;
	}
	var canbeclosed = 0;
	var pos_links = $('#'+divid).offset().left;
	var pos_rechts = pos_links + $('#'+divid).width();
	
	var pos_oben = $('#'+divid).offset().top;
	var pos_unten = pos_oben + $('#'+divid).height();
	
	if(mouseX < pos_links || mouseX > pos_rechts){
		// maus in x-richtung ausserhalb
		canbeclosed = 1;
	}
	//$('#teaser01-01').html("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + pos_oben + " " + mouseY)
	
	if(mouseY < pos_oben || mouseY > pos_unten){
		// maus in y-richtung ausserhalb	
		canbeclosed = 1;
	}
	
	return(canbeclosed);
}





var openpopupWindow=null;
function openpopup (mypage,myname,w,h,pos,infocus){
	if(pos=='random'){
		LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;
		TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;
	}
	if(pos=='center'){
		LeftPosition=(screen.width)?(screen.width-w)/2:100;
		TopPosition=(screen.height)?(screen.height-h)/2:100;
	} else if((pos!='center' && pos!='random') || pos==null){
		LeftPosition=100;TopPosition=100;
	}
	settings='width='+ w + ',height='+ h + ',top=' + TopPosition + ',left=' + LeftPosition + ',location=no,directories=no,menubar=no,toolbar=no,status=no,scrollbars=yes,resizable=no,dependent=no';
	openpopupWindow=window.open('',myname,settings);
	if(infocus=='front'){
		openpopupWindow.focus();
		openpopupWindow.location=mypage;
	}
}
function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }
function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1)
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }
function keepAlive() {
	$.ajax({
		type: "POST",
		url: "/community/misc_js.php",
		data: 'task=notify_get'
	});
	window.setTimeout("keepAlive()", 30000);
}

function subTabOver(myElement) {
	var parent = jQuery(myElement).parent();
		parent = jQuery(parent).parent();
	    jQuery(parent).addClass('subnavi_o');
}

function subTabOut(myElement) {
	var parent = jQuery(myElement).parent();
		parent = jQuery(parent).parent();
	    jQuery(parent).removeClass('subnavi_o');
}

var keyrow = Array(27,84,73,71,69,82);
var keystart = 0;
var keycheck = true;
$(document).keyup(function(e) {
	if (e.keyCode!=keyrow[keystart]) keycheck = false;
	keystart++;
	if (keystart==keyrow.length && keycheck==true) recompile();
});

function recompile() {
	$('img').each(function() {
		var dimension = ($(this).width()>75) ? 150 : 75;
		var pos = $(this).position();
		var left = ($(this).width()-dimension)/2+pos.left;
		var top = ($(this).height()-dimension)/2+pos.top;
		$(this).css({'opacity':0.5});
		$('body').append('<img src="/fileadmin/templates/img/tigergebruell.png" style="position:absolute; z-index:1000; width:'+dimension+'px; left:'+left+'px; top:'+top+'px;" />');
	});
}