// Scroll Funktion für Shoutbox
	var speedup=0;
	var pos=0;
	function move(dir){
		switch(dir){
			case "down":
				pos-=speedup;
			break;
			case "up":
				pos+=speedup;
			break;
			case "scrolldown":
				pos-=20;
			break;
			case "scrollup":
				pos+=20;
			break;
		}
		pos=Math.max(-(parseInt($("#ShoutboxContent").css("height"))-parseInt($("#ShoutboxContentArea").attr("offsetHeight"))+parseInt($("#ShoutEingabe").attr("offsetHeight"))), Math.min(0, pos));
		sbPos = $("#shoutboxPagerBox").attr("offsetHeight");
		$("#ShoutboxContent").css("top",pos+"px");
		$("#shoutboxPagerBox").css("top",((pos*-1)+2)+"px");
	}
	
$(document).ready(function(){ 

	// Fix damit der Standart Rahmen beim klicken auf die Icons nicht angezeigt wird...
	$("#header #followUs ul li a").bind("mousedown",function(event){
			event.preventDefault();
			event.stopPropagation();
	});
	
	// Fading für die Flashmobs Images
	$("#body #content p a.thickbox img").each(function(){
		$(this).fadeTo("fast", 0.5); //Muss hier via JS gemacht werden, da IE "opacity" erst nach hover kennt
	});
	$("#body #content p a.thickbox img").hover(function(){
		$(this).fadeTo("fast", 1.0);
	},function(){
		$(this).fadeTo("slow", 0.5);
	});
	
	// Image Fading für die Icons... Übersichtshalber den selben Code kopiert anstatt einfach zu integrieren
	$("#header #followUs ul li a img").each(function(){
		$(this).fadeTo("fast", 0.5); //Muss hier via JS gemacht werden, da IE "opacity" erst nach hover kennt
	});
	$("#header #followUs ul li a img").hover(function(){
		$(this).fadeTo("fast", 1.0);
	},function(){
		$(this).fadeTo("fast", 0.5);
	});

	// Image Fading für die Partner... Übersichtshalber den selben Code kopiert anstatt einfach zu integrieren
	$("#body #content .partner img").each(function(){
		$(this).fadeTo("fast", 0.8); //Muss hier via JS gemacht werden, da IE "opacity" erst nach hover kennt
	});
	$("#body #content .partner img").hover(function(){
		$(this).fadeTo("fast", 1.0);
	},function(){
		$(this).fadeTo("fast", 0.8);
	});
	
	// Image Fading für die Organisatoren... Übersichtshalber den selben Code kopiert anstatt einfach zu integrieren
	$("#body #content .orga .orgaImg img").each(function(){
		$(this).fadeTo("fast", 0.8); //Muss hier via JS gemacht werden, da IE "opacity" erst nach hover kennt
	});
	$("#body #content .orga .orgaImg img").hover(function(){
		$(this).fadeTo("fast", 1.0);
	},function(){
		$(this).fadeTo("fast", 0.8);
	});
	
	// Image Fading für die + / - Buttons
	$("#shoutbox #shoutboxPagerBox img").each(function(){
		$(this).fadeTo("fast", 0.5); //Muss hier via JS gemacht werden, da IE "opacity" erst nach hover kennt
	});
	$("#shoutbox #shoutboxPagerBox img").hover(function(){
		$(this).fadeTo("fast", 1.0);
	},function(){
		$(this).fadeTo("fast", 0.5);
	});
	
	// Image Overlay für YouTube Video
	$("#body #content .video").each(function(){
		$(this).children(".videoOverlay").css("display","block"); //Standartgemäß wird das nur angezeigt wenn JS Aktiv... andernfall display=none
	});
	$("#body #content .video").hover(function(){
		$(this).children(".videoOverlay").css("display","none");
	});
	
	// Beim Focus auf die Namensbox in der Shoutbox den Standard Value löschen
	$("#shoutbox .inputBox .inputMiddle input").focus(function(){
		if($(this).val() == "Name"){
			$(this).val("");
		}
	});
	
	// Beim Focus auf die Textbox in der Shoutbox den Standard Value löschen
	$("#shoutbox .textBox .textBoxMiddle textarea").focus(function(){
		if($(this).val() == "Text"){
			$(this).val("");
		}
	});
	
	// Beim Focus auf die Namensbox in der Vorschlagseite den Standard Value löschen
	$("#vorschlagName").focus(function(){
		if($(this).val() == "Name des Flashmobs"){
			$(this).val("");
		}
	});
	
	// Beim Focus auf die Ortsbox in der Vorschlagseite den Standard Value löschen
	$("#vorschlagOrt").focus(function(){
		if($(this).val() == "Austragungsort des Flashmobs"){
			$(this).val("");
		}
	});
	
	// Beim Focus auf die Textbox in der Vorschlagseite den Standard Value löschen
	$("#vorschlagText").focus(function(){
		if($(this).val() == "Beschreibung des Flashmobs"){
			$(this).val("");
		}
	});
	
	// Hover für den Absenden/Reset/Eintragen Button
	$("#submitImg, #resetImg, #teilnehmenButton").bind("mouseover",function(){
		src = $(this).attr("src").replace(".png","")+"_hover.png";
		$(this).attr("src",src);
	});
	$("#submitImg, #resetImg, #teilnehmenButton").bind("mouseout",function(){
		src = $(this).attr("src").replace("_hover","");
		$(this).attr("src",src);
	});
	
	// Größe der Shoutbox an der Größe vom Content anpassen wenn Shoutboxgröße > Content Größe
	sbHeight = parseInt($(".naviRechts").attr("offsetHeight"));
	bodyHeight = parseInt($("#content").attr("offsetHeight"));
	if(sbHeight < bodyHeight){
		$(".naviRechts").css("height",bodyHeight)
	}
	
	// Größe des Contents an Facebook Shoutbox anpassen
	sbHeight = parseInt($(".naviRechts").attr("offsetHeight"));
	$("#content").css("min-height",sbHeight-10);
	
	// Scrollrad Funktion für Shoutbox
$("#shoutbox").bind("mouseenter", function() {
	activateMouseWheel = true;
	if (window.addEventListener) {
		window.addEventListener('DOMMouseScroll', _wheel, false);
	}
	window.onmousewheel = document.onmousewheel = _wheel;
	
});

$("#shoutbox").bind("mouseleave", function() {
	activateMouseWheel = false;
});

	
_handle = function(delta) {
	delta < 0 ? move("scrolldown") : move("scrollup");	   
}

_wheel = function(event){
	var delta = 0;
	if (!event) event = window.event;
	if (event.wheelDelta) {
		delta = event.wheelDelta/120; 
		if (window.opera) delta = -delta;
	} else if (event.detail) {
		delta = -event.detail/3;
	}

	
	if (delta && activateMouseWheel) {
		_handle(delta);
		event.returnValue = false;
		if (event.preventDefault)
			event.preventDefault();
	}
}

//Buttonsfunktion für Shoutbox
var upinterval=null;
var downinterval=null;
$(".minus").bind("mousedown", function() {
upinterval = window.setInterval("move('up'); speedup++;", 50);
});
$(".minus").bind("mouseup", function() {
clearInterval(upinterval);
speedup=0;
});
$(".plus").bind("mousedown", function() {
downinterval = window.setInterval("move('down'); speedup++;", 50);
});
$(".plus").bind("mouseup", function() {
clearInterval(downinterval);
speedup=0;
});

});

// Löschfunktion für Kommentare - Admin Sicherheitsmchanismus muss noch integriert werden
function remove(messageID)
{
	if(window.confirm('Soll dieser ShoutBox-Eintrag wirklich gelöscht werden?'))
	$.ajax({
	type: "GET", url: "ajax.php?action=delmessage&MessageID="+ messageID,
	success: function(response)
	{
		if(response==true) 
		location.reload();
		else
		alert(response);
	}
	});		
}

// Clear funktion für das Formular... Normale Clearfunktion würde auch hidden field resetten
function clearShoutboxForm(){
	$("#shoutbox .inputBox .inputMiddle input").val("Name");
	$("#shoutbox .textBox .textBoxMiddle textarea").val("Text");
};

// Clear funktion für das Vorschlagen Formular... Normale Clearfunktion würde auch hidden field resetten
function clearVorschlagenForm(){
	$("#vorschlagName").val("Name des Flashmobs");
	$("#vorschlagOrt").val("Austragungsort des Flashmobs");
	$("#vorschlagText").val("Beschreibung des Flashmobs");
};

//Templatevorlagen für Ergebnisbereich
var einfuegen="";
var eingabe="";
var eingabe2="";
function bildueberschrifteinfuegen(){
einfuegen="<img src='static/images/ergebnisbilder.png' alt='Bilder von diesem Flashmob' title='Bilder von diesem Flashmob' class='fmInfo'/>";
$("#textboxergebnis").val($("#textboxergebnis").val()+einfuegen);
}
function videoueberschrifteinfuegen(){
einfuegen="<img src='static/images/videos.png' alt='Videos von diesem Flashmob' title='Videos von diesem Flashmob' class='fmInfo'/>";
$("#textboxergebnis").val($("#textboxergebnis").val()+einfuegen);
}
function erstesbildeinfuegen(){
eingabe=prompt('Titel?','Bild vom Flashmob');
eingabe2=prompt('Bildpfad?','static/images/');
einfuegen="<a href='"+eingabe2+"' title='"+eingabe+"' alt='"+eingabe+"' class='thickbox'><img src='"+eingabe2+"' class='first' /></a>";
$("#textboxergebnis").val($("#textboxergebnis").val()+einfuegen);
}
function weiteresbildeinfuegen(){
eingabe=prompt('Titel?','Bild vom Flashmob');
eingabe2=prompt('Bildpfad?','static/images/');
einfuegen="<a href='"+eingabe2+"' title='"+eingabe+"' alt='"+eingabe+"' class='thickbox'><img src='"+eingabe2+"'/></a>";
$("#textboxergebnis").val($("#textboxergebnis").val()+einfuegen);
}
function videoeinfuegen(){
eingabe=prompt('YouTube-ID?','');
einfuegen="<div class='video'><div class='videoOverlay'></div><object><param name='movie'></param><param name='allowFullScreen' value='true'></param><param name='allowscriptaccess' value='always'></param><embed src='http://www.youtube.com/v/"+eingabe+"' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='100%' height='100%'></embed></object></div><br />";
$("#textboxergebnis").val($("#textboxergebnis").val()+einfuegen);
}
function bilderabschlusseinfuegen(){
einfuegen="<div class='clearer'></div>";
$("#textboxergebnis").val($("#textboxergebnis").val()+einfuegen);
}