var lastElement = "";
//count of galeries 
var galSelectCount;

function confirmDelete(action) {
	if (confirm('Wollen Sie wirklich löschen?')) {
		window.location.href=action;
	}
}

function confirmDelete_mo(action) {
	if (confirm('Benutzer wirklich entfernen?')) {
		window.location.href=action;
	}
}

function tab(on) {
	off = "news";
	if (on == "news") {
		off = "veranstaltungen"
	}
	document.getElementById(off+"Component").style.display = "none";
	document.getElementById(off+"Tab").className = off;
	document.getElementById(on+"Component").style.display = "block";
	document.getElementById(on+"Tab").className = on+"_act";
}

function showElement(elem) {
	if (lastElement != "") {
		document.getElementById(lastElement).style.display = "none";
	}
	document.getElementById(elem).style.display = "block";
	lastElement = elem;
}

function startFancyBoxPage(){
	/* Fancybox settings */	
	$("a[rel=example_group]").fancybox({
		'showCloseButton'	: false,
		'padding'			: 5,
		'margin'			: 10,
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'titlePosition' 	: 'inside',
		'onComplete'		: function() {
			setFancyBoxTitel();	
		},
		'onClosed'		: function() {
			closeFancyBox();
		},
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			navbar = '<table cellpadding="0" cellpadding="0" id="fancyTitleTable"><tr>';
			if (title){
				navbar = navbar + '<td><div id="fancyNavLegend">' + (title.length ? ' ' + title : '') + '</div></td>';
			}
			else{
				navbar = navbar + '<td><div id="fancyNavLegend">&nbsp;</div></td>';
			}
			if (currentArray.length > 1){	
				navbar = navbar + '<td id="fancyNavLeft"><div id="fancyBnNavLeft"><img id ="fancyBnNavLeftImg" src="../img/bn_zurueck_up.png" alt="vorheriges Bild" title="vorheriges Bild"/></div></td>';
				navbar = navbar + '<td id="fancyNavRight"><div id="fancyBnNavRight"><img id ="fancyBnNavRightImg" src="../img/bn_weiter_up.png" alt="nächstes Bild" title="nächstes Bild"/></div></td>';
			}	
			navbar = navbar + '<td id="fancyNavClose"><div id ="fancyBnClose"><img id ="fancyBnCloseImg" src="../img/bn_close_up.png" alt="Bild schließen" title="Bild schließen"/></div></td>';	
			navbar =  navbar + '</tr></table>';		
			return navbar;
		}
	});
}

function startFancyBox(paraGalid,paraSelectParaId){
	/* Fancybox settings */	
	$("a[rel=gallery_group_" + paraGalid + "_" + paraSelectParaId + "]").fancybox({
		'showCloseButton'	: false,
		'padding'			: 5,
		'margin'			: 10,
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'titlePosition' 	: 'inside',
		'onComplete'		: function() {
			setFancyBoxTitel();	
		},
		'onClosed'		: function() {
			closeFancyBox();
		},
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			navbar = '<table cellpadding="0" cellpadding="0" id="fancyTitleTable"><tr>';
			navbar = '<table cellpadding="0" cellpadding="0" id="fancyTitleTable"><tr>';
			if (title){
				navbar = navbar + '<td><div id="fancyNavLegend">' + (title.length ? ' ' + title : '') + '</div></td>';
			}
			else{
				navbar = navbar + '<td><div id="fancyNavLegend">&nbsp;</div></td>';
			}
			if (currentArray.length > 1){	
				navbar = navbar + '<td id="fancyNavLeft"><div id="fancyBnNavLeft"><img id ="fancyBnNavLeftImg" src="../img/bn_zurueck_up.png" alt="vorheriges Bild" title="vorheriges Bild"/></div></td>';
				navbar = navbar + '<td id="fancyNavRight"><div id="fancyBnNavRight"><img id ="fancyBnNavRightImg" src="../img/bn_weiter_up.png" alt="nächstes Bild" title="nächstes Bild"/></div></td>';
			}	
			navbar = navbar + '<td id="fancyNavClose"><div id ="fancyBnClose"><img id ="fancyBnCloseImg" src="../img/bn_close_up.png" alt="Bild schließen" title="Bild schließen"/></div></td>';	
			navbar =  navbar + '</tr></table>';		
			return navbar;
		}
	});
}

function closeFancyBox(){
	$('#fancyTitleTop').remove();
	$('#fancyBnClose').remove();
	show_nav_left = false;
	show_nav_right = false;
}

function setFancyBoxTitel(){
	//show nav Buttons
	if (show_nav_left || show_nav_right) {
		if(show_nav_left){
			$("#fancyBnNavLeft").css('display','block');
		}
		else{
			$('#fancyBnNavLeftImg').attr('src','../img/bn_zurueck_di.png');
			$("#fancyBnNavLeft").css('display','block');
		}
		if(show_nav_right){
			$("#fancyBnNavRight").css('display','block');
		}
		else{
			$('#fancyBnNavRightImg').attr('src','../img/bn_weiter_di.png');
			$("#fancyBnNavRight").css('display','block');
			}
	}
	
	//Events nav Buttons
	
	//Left
	if (show_nav_left){
	$('#fancyBnNavLeftImg').mouseover(function() {
		   $('#fancyBnNavLeftImg').attr('src','../img/bn_zurueck_hi.png');
	});

	$('#fancyBnNavLeftImg').mouseout(function() {
		  $('#fancyBnNavLeftImg').attr('src','../img/bn_zurueck_up.png'); 
	});
	
	$('#fancyBnNavLeftImg').mousedown(function() {
		  $('#fancyBnNavLeftImg').attr('src','../img/bn_zurueck_dw.png'); 
	});

	$('#fancyBnNavLeftImg').mouseup(function() {
		  $('#fancyBnNavLeftImg').attr('src','../img/bn_zurueck_up.png');
		  closeFancyBox();
		  $.fancybox.prev();
	});
	}	

	if (show_nav_right){
	//Right
	$('#fancyBnNavRightImg').mouseover(function() {
		  $('#fancyBnNavRightImg').attr('src','../img/bn_weiter_hi.png');
	});

	$('#fancyBnNavRightImg').mouseout(function() {
		  $('#fancyBnNavRightImg').attr('src','../img/bn_weiter_up.png');
	});
	
	$('#fancyBnNavRightImg').mousedown(function() {
		  $('#fancyBnNavRightImg').attr('src','../img/bn_weiter_dw.png');
	});

	$('#fancyBnNavRightImg').mouseup(function() {
		  closeFancyBox();
		  $.fancybox.next();
	});
	}	
	
	//Events exit Button
	$('#fancyBnClose').mouseover(function() {		
		  $('#fancyBnCloseImg').attr('src','../img/bn_close_hi.png');
	});

	$('#fancyBnClose').mouseout(function() {
		  $('#fancyBnCloseImg').attr('src','../img/bn_close_up.png');
	});
	
	$('#fancyBnClose').mousedown(function() {
		  $('#fancyBnCloseImg').attr('src','../img/bn_close_dw.png');
	});

	$('#fancyBnClose').mouseup(function() {
		  $.fancybox.close();
	});
} 

//galleries

//select a galery
//paragalleryObj		object from the event come
//parragalleryTyp		type of galery
//parargalleryID		id of the galery
//paraCountList			count of entires 
//paragalleryEntryID	id of the entry

function selcetGallery(paragalleryObj,parragalleryTyp,parargalleryID,paraCountList,paragalleryEntryID,paraSelectParaId){	
	//Hier werden die Markierungen zurückgesetzt
	for (var i=1; i <=paraCountList; i++){
		
			var galleryid = "chimg_" + parargalleryID + "_" + paraSelectParaId + "_" + String(i);
			document.getElementById(galleryid).className = "entry";
		}
	
	paragalleryObj.className = "entrySel";
	paragalleryObj = paragalleryObj.id;
	paragalleryObj = paragalleryObj.slice(5);
	
	selcetGalleryFancy(parargalleryID, paragalleryEntryID, paraSelectParaId)

}

//Generate bigImage and FancyboxLinks
//parargalleryID 	id of the gallery
//paraImgid			id of the selected image
//paraSelectParaId	id of the paragraph of the gallery 
function selcetGalleryFancy(parargalleryID, paraImgid, paraSelectParaId){
	var htmlstring = "";
	var htmlstringtemp;
	
	var fancyrel_group = "gallery_group_" +  parargalleryID + "_" + paraSelectParaId;
	
	for (idx in bigImagesX[paraSelectParaId]['images']){
		if (idx == paraImgid){
			htmlstringtemp = '<div><a class="fancbox_link" rel="' + fancyrel_group + '" href="' + bigImagesX[paraSelectParaId]['images'][idx]['og_img'] + '" title="' + bigImagesX[paraSelectParaId]['images'][idx]['title'] + '"><img id="selectGalBigImg" border="0" src="' + bigImagesX[paraSelectParaId]['images'][idx]['bigimg'] + '"/></a></div>';	
		}
		else{
			 htmlstringtemp = '<div style="display:none"><a class="fancbox_link" rel="' + fancyrel_group +'" href="' + bigImagesX[paraSelectParaId]['images'][idx]['og_img'] + '" title="' + bigImagesX[paraSelectParaId]['images'][idx]['title'] + '">&nbsp;</a></div>'	
		}
		htmlstring = htmlstring + htmlstringtemp;
	}
	//TODO:Set the width of the Container
	$("#selectGalBigImgCont_" + parargalleryID + "_" + paraSelectParaId).html(htmlstring);
	startFancyBox(parargalleryID,paraSelectParaId );
}

//Intervall für die Galerienauswahl festlegen (Elemnte nach links)
//paraSelectCount Anzahl der Elemnte in der Auswahl
function selectGalleriesMinus(paraSelectCount, paraSelectId, paraSelectParaId){
	//alert(paraSelectCont);
	galSelectCount = paraSelectCount;
	selectGalleriesInt = window.setInterval(function callFunc() { selectGalleriesMinusStart(paraSelectId,paraSelectParaId); }, 100);
}


//Galerienauswahl um ein Element nach links verschieben
function selectGalleriesMinusStart(paraSelectId,paraSelectParaId){
	var varposleft;
	varposleft = document.getElementById('galcontainerinbox_' + paraSelectId +  '_' + paraSelectParaId).style.left;
	//alert (parseInt(varposleft));
	if (parseInt(varposleft) < 0){
		if (parseInt(varposleft) > -(galSelecRangeWidth)) {
			 //document.getElementById("buttonleft").style.visibility = "hidden";
			 document.getElementById('buttonLeftImg_' + paraSelectId +  '_' + paraSelectParaId).src = '../img/gallery/scrollleft_dis.gif';
		}
		//document.getElementById("buttonright").style.visibility = "visible";
		document.getElementById('buttonRightImg_' + paraSelectId +  '_' + paraSelectParaId).src = '../img/gallery/scrollright.gif';
		if (parseInt(varposleft) > -galSelecRangeWidth) {
		 varposleft = 0; 	
		 document.getElementById('galcontainerinbox_' + paraSelectId +  '_' + paraSelectParaId).style.left = varposleft.toString() + "px" ;
		}
		else {
		 varposleft = parseInt(varposleft) + (galSelecRangeWidth);
		 document.getElementById('galcontainerinbox_' + paraSelectId +  '_' + paraSelectParaId).style.left = varposleft.toString() + "px" ;
		}
		
	}
	else {
		//Todo: Nur löschen wenn Intervall festgelegt wurde
		 window.clearInterval(selectGalleriesInt);
		}
}


function selectGalleriesMinusStop(){
	if (typeof selectGalleriesInt != "undefined") 
		{
			window.clearInterval(selectGalleriesInt);
		}

	}

//Intervall für die Galerienauswahl festlegen (Elemnte nach rechts)
//paraSelectCount Anzahl der Elemnte in der Auswahl
//paraSelectCount id des Containers
function selectGalleriesPlus(paraSelectCount, paraSelectId, paraSelectParaId){
	//alert(paraSelectCont);
	galSelectCount = paraSelectCount;
	//var myTestInterval = window.setInterval(function callFunc() { myFunction(myVar); }, 1000);
	selectGalleriesInt = window.setInterval(function callFunc() { selectGalleriesPlusStart(paraSelectId,paraSelectParaId); }, 100);
}


//Galerienauswahl um ein Element nach rechts verschieben
//paraSelectCount id des Containers
function selectGalleriesPlusStart(paraSelectId,paraSelectParaId){
	//alert (paraSelectParaId);
	var galSelectCountBor = (eval("galSelecEntryBox_" + paraSelectParaId)) - galSelectGalWidth;
	
	//alert (galSelectCountBor);
	varposright = document.getElementById('galcontainerinbox_' + paraSelectId + '_' + paraSelectParaId).style.left;
	//Todo Grenze ab der nicht mehr gescollt wird
	if (parseInt(varposright) > -(galSelectCountBor)){
		//Ab wann wir der Button nach rechts scollen ausgeblendet
		if (parseInt(varposright) < -(galSelectCountBor - (galSelecRangeWidth))) {
			 document.getElementById('buttonRightImg_' + paraSelectId +  '_' + paraSelectParaId).src = '../img/gallery/scrollright_dis.gif';
			 //document.getElementById("buttonright").style.visibility = "hidden";
		}
		//Button nach links scollen einblenden
		//document.getElementById("buttonleft").style.visibility = "visible";
		document.getElementById('buttonLeftImg_' + paraSelectId +  '_' + paraSelectParaId).src = '../img/gallery/scrollleft.gif';
			
		if (galSelectCountBor + parseInt(varposright) < galSelecRangeWidth) {
			varposbetween = galSelectCountBor + parseInt(varposright);
			varposright = parseInt(varposright) -(varposbetween);
		}
		else {
			varposright = parseInt(varposright) -(galSelecRangeWidth);
		}
		document.getElementById('galcontainerinbox_' + paraSelectId +  '_' + paraSelectParaId).style.left = varposright.toString() + "px" ;
	}
	else {
		
		 window.clearInterval(selectGalleriesInt);
		}
}

//Intervall (Elemnte nach rechts) aufheben
function selectGalleriesPlusStop(){
	if (typeof selectGalleriesInt != "undefined") {
		window.clearInterval(selectGalleriesInt);
	}
}

//init Slider
//paraSliderRange	range of the slider(gallery);
//paraSliderId		id of gallery
//paraSelectId		id of the Gallery 		

function intSlider(paraSliderRange,paraSliderId,paraGalleryId){
	if (paraSliderRange >= 0){
		$(function(){
			// Slider
			$(paraSliderId).slider({
				range: "min",
				value: 0,
				min: 0,
				max: paraSliderRange,
				animate: true,
				slide: function( event, ui ) {
				$(paraGalleryId).css("left",-(ui.value));
				}	
			});
		});
		$(paraSliderId).css('display','block');
	}
}

//TODO: scroll-pane = Parameter

//init Scollbar
//paraScollpaneWidth		width of the OuterContainer
//paraScrollContentWidth	width of the InnerContainer (NOTE:evtl doch ermitteln )

//paraScollbarId			id Scollbar

//init Scollbar
//paraScollbarId		id Scollbar
function intScollbar(paraScollpaneWidth,paraScrollContentWidth,paraScollbarId,paraContentId){
	$(function() {
		//scrollpane parts
		//outer, inner 
		
		paraScrollContentWidth = paraScollpaneWidth + paraScrollContentWidth;
		
		var scrollPane = $(paraContentId + " .scroll-pane"),
			scrollContent = $(paraScollbarId);
				
		//build slider
		var scrollbar = $(paraContentId + " .scroll-bar").slider({
			slide: function( event, ui ) {
				//if inner > outer 
				//ui.value slider position
				if ( paraScrollContentWidth > paraScollpaneWidth ) {
					scrollContent.css( "margin-left", Math.round(
						ui.value / 100 * ( paraScollpaneWidth - paraScrollContentWidth )
					) + "px" );
				} else {
					scrollContent.css( "margin-left", 0 );
				}
			}
		});
		
		//append icon to handle
		//more than one slider  
		var handleHelper = scrollbar.find( ".ui-slider-handle" )
		.mousedown(function() {
			scrollbar.width( handleHelper.width() );
		})
		.mouseup(function() {
			scrollbar.width( "100%" );
		})
		//.append( "<span class='ui-icon ui-icon-grip-dotted-vertical'></span>" )
		.wrap( "<div class='ui-handle-helper-parent'></div>" ).parent();

		
		//change overflow to hidden now that slider handles the scrolling
		//NTH: visible when slider creare 
		scrollPane.css( "overflow", "hidden" );
		$(paraContentId).css("display","block");
		
		//size scrollbar and handle proportionally to scroll distance
		function sizeScrollbar() {
			//diffrent between inner and outer
			var remainder = paraScrollContentWidth - paraScollpaneWidth;
			var proportion = remainder / paraScrollContentWidth;
			//width of the handle
			var handleSize = paraScollpaneWidth - ( proportion * paraScollpaneWidth );
			scrollbar.find( ".ui-slider-handle" ).css({
				width: handleSize,
				"margin-left": (-handleSize / 2)-1
			});
			handleHelper.width( "" ).width( scrollbar.width() - handleSize );
		}
		
		//init scrollbar size
		setTimeout( sizeScrollbar, 10 );//safari wants a timeout
	});
}