/*
		var opacity = $(id).getStyle('opacity');
		var opacity2 = opacity*0.8;

		new Effect.Fade(id, { duration: 0.15, from: opacity, to: opacity2, queue: "front" });
		new Effect.Appear(id, { duration: 0.15, from: opacity2, to: opacity, queue: "end" });
		*/

/*//]]>
document.observe("dom:loaded", function() {

	
  
  });
*/



		
function regionsToggler() {

	$$(".regionMap area").each(function(area){
	
		$$("#kartenKontainer div").each(function(item){
		
			var itemShortID = item.id.replace("img","");
			var itemShortShortID = item.id.replace("img_","");

			var XcheckID = "check_"+itemShortShortID;

			var checkID = $(XcheckID);
			var regionID = $(itemShortShortID);

			
			if(area.className == itemShortID) {
				
				area.observe("click",function(){

//					alert(XcheckID+" - "+itemShortShortID);

					filter_pre(itemShortShortID,"region",checkID);
				
				});

				/*
				area.observe("mouseenter",function(){
				
					var itemOpac = item.getStyle("opacity");	
					var itemOpac2 = itemOpac*0.8;			

					new Effect.Fade(item, { duration: 0.15, from: itemOpac, to: itemOpac2, queue: "front" });
				
				});

				area.observe("mouseleave",function(e){
				
					var itemOpac = item.getStyle("opacity");	
					var itemOpac2 = itemOpac*1.2;			

					new Effect.Appear(item, { duration: 0.15, from: itemOpac, to: itemOpac2, queue: "front" });				
				
				});*/

			}
		
		});
	
	});
	
}

/*document.observe("dom:loaded", function() {

	init_prepre();
	init_cart();
  
  });
*/



/**
 * Funktion swapKarte()
 *
 * showID => ID der einzublendenden Karte
 */
function swapKarte(showID) {
	var showItem = $(showID);
	if(showItem.id == "nachEvangelisch") {
			new Effect.Fade("nachNielsen", { duration: 0.5, from: 1, to: 0 });
			new Effect.Fade("nachKatholisch", { duration: 0.5, from: 1, to: 0 });
	}
	if(showItem.id == "nachKatholisch") {
			new Effect.Fade("nachNielsen", { duration: 0.5, from: 1, to: 0 });
			new Effect.Fade("nachEvangelisch", { duration: 0.5, from: 1, to: 0 });
	}
	if(showItem.id == "nachNielsen") {
			new Effect.Fade("nachEvangelisch", { duration: 0.5, from: 1, to: 0 });
			new Effect.Fade("nachKatholisch", { duration: 0.5, from: 1, to: 0 });
	}
	new Effect.Appear(showItem, { duration: 1, from: 0, to: 1 });					
}




	

	




/*

HIER HGEHTS LOS 

*/



var cart_koords;

//var offXset = document.viewport.getScrollOffsets();




var	boxesArr = new Array();
/**
 * Funktion openPop()
 *
 * uid => uid des Titels
 */
function openPop(uid) {

	var offXset = document.viewport.getScrollOffsets();
	$("popUp").offXsetTop = offXset.top;

	cart_koords = $("cartContainer").cumulativeOffset();

	$("popUp").style.height = ""+document.body.offsetHeight+"px";

	boxesArr.clear();

	new Effect.Appear("popUp", { duration: 0.3, from: 0, to: 1 });

		var allBoxes = $A($$(".title-box"));

		for (var i = 0; i < allBoxes.length; i++) {
			var box = allBoxes[i];
	 
			if(box.isVisible == "TRUE") {
				box.uid = box.id.replace("item","");
				boxesArr.push(box.uid);
			}
			
		}


	new Effect.ScrollTo("titelInfos", {offset:160,duration:0.25, queue:'front'})
	new Effect.Fade("cartContainer", {duration:0.50, queue:'front', afterFinish:function(){
		new Effect.Move("cartContainer", { duration:0.15, x: 460, y: 190, mode: 'absolute', afterFinish:function(){
			new Effect.Appear("cartContainer", {duration:0.35, queue:'end'});
			}
		});	
		}
	});


	
//	


	changePop(uid);
	



}	


/**
 * Funktion closePop()
 *
 * id => uid des Titels
 */
function closePop(id) {
		
	var scrollbackPos = $("popUp").offXsetTop;
	
	new Effect.Fade("popUp", { duration: 0.3, from: 1, to: 0 });
		
//		new Effect.Move("cartContainer", { x: cart_koords.left, y: cart_koords.top, mode: 'absolute', queue:'front' });			
	new Effect.Fade("cartContainer", {duration:0.50, queue:'front', afterFinish:function(){
		new Effect.Move("cartContainer", { duration:0.15,  x: cart_koords.left, y: cart_koords.top, mode: 'absolute', afterFinish:function(){
			new Effect.Appear("cartContainer", {duration:0.35, queue:'end'});
			}
		});	
		}
	});

	new Effect.ScrollTo("titelInfos", {offset: parseInt(scrollbackPos)-170,duration:0.5, queue:'end'})		
		
}	


var prev;
var next;

	
function changePop(uid) {

	
	var plus = $("plus");
	var minus = $("minus");

	var element = $("popContent");


		if (browserName!="Microsoft Internet Explorer") {
			new Effect.Fade("popContent", { duration: 0.1, from: 1, to: 0 });	
		}	
	
		//new Effect.Fade(element, { duration: 0.3, from: 1, to: 0.05 });
	
//	var file = "../typo3conf/ext/dfmediadaten/pi1/class.titelInfos.php";
	var file = "index.php?id=54";

	var ajaxContent = new Ajax.Updater(element,file, {
		parameters: "konUID="+uid,
		method: "get",
		onSuccess: function(element){

			var result = boxesArr.indexOf(""+uid+"");
			
//				alert(prev);
//				alert(boxesArr[parseInt(result)-1]);

//alert(minus.disabled);
				
				if(boxesArr[parseInt(result)-1] != undefined) {
				
					prev = boxesArr[parseInt(result)-1];
					if(minus.disabled == true) {
						minus.disabled = false;					
						new Effect.Appear(minus, { duration: 0.3, from: 0.05, to: 1 });										
					}

				} else {
					if(minus.disabled != true) {
						new Effect.Fade(minus, { duration: 0.3, from: 1, to: 0.05 });
							minus.disabled = true;					
					}
					
				}				
				
				if(boxesArr[parseInt(result)+1] != undefined) {
					next = boxesArr[parseInt(result)+1];
					
					if(plus.disabled == true) {
						plus.disabled = false;					
						new Effect.Appear(plus, { duration: 0.3, from: 0.05, to: 1 });										
					}					
					
				} else {
					if(plus.disabled != true) {
						new Effect.Fade(plus, { duration: 0.3, from: 1, to: 0.05 });
							plus.disabled = true;					
					}
				}				


				new Effect.Appear("popContent", { duration: 0.3, from: 0.0, to: 1 });	
				//$("popContent");
				
		}
	  });


//	setTimeout("getPlusMinus("+uid+")",100);

}	

function nextItem() {

	var plus = $("plus");

	if(plus.disabled != "TRUE") {
		changePop(next);
	}

}

function prevItem() {

	var minus = $("minus");
	
	if(minus.disabled != "TRUE") {
		changePop(prev);
	}

}






/**
 * Funktion nielsenHover()
 *
 * id => ID des betreffenden Kartenausschnitts
 */
function regionHover(id) {
/*
		var opacity = $(id).getStyle('opacity');
		var opacity2 = opacity*0.8;

		new Effect.Fade(id, { duration: 0.15, from: opacity, to: opacity2, queue: "front" });
		new Effect.Appear(id, { duration: 0.15, from: opacity2, to: opacity, queue: "end" });
		*/
}					

//var nielsenContainerID = "nielsenContainer";

var slider_min = 0;
var slider_max = 105000;

var clicked = "FALSE"
var counter = 0;

//var ansicht = "NIELSEN";
var ansicht = "nielsen";

var confessionArr;
var regionArr;


var confessions = new Array();
var regions = new Array();	


var modus = "karte";



/**
 * Funktion init_prepre()
 *
 * selbsterklärend
 */	
function init_prepre() {

		slider_min = 0;
		slider_max = 105000;

		confessions = new Array();
		regions = new Array();			


			var allBoxes = $A($$(".title-box"));
				for (var i = 0; i < allBoxes.length; i++) {
					var box = allBoxes[i];

					box.confession = '';
					
					
		
				}
				
		var positions = document.getElementById("positions");
			positions.innerHTML = "Ihre Auswahl:<br /><b>0 - 105.000</b>";
				
				

		loadControls("../typo3conf/ext/dfmediadaten/pi1/"+ansicht+"-controls.html","checkContainer");


		if(modus == "karte") {
			var cont = $("ansichtsContainer");
			cont.className = "karte ansichts-container";			
			loadMap("../typo3conf/ext/dfmediadaten/pi1/"+ansicht+".html","kartenKontainer");				
			
		}

		if(modus == "liste") {
			var cont = $("ansichtsContainer");
			cont.className = "liste ansichts-container";			
			loadMap("../typo3conf/ext/dfmediadaten/pi1/"+ansicht+".html","kartenKontainer");							
			loadList();
		}		
		
}

/**
 * Funktion loadMap()
 *
 * selbsterklärend
 */	
function loadMap(file,element) {

	if (browserName!="Microsoft Internet Explorer") {			
		  new Effect.Fade("konfigurator",{ duration: 0.15, from: 1, to: 0.01});		
	}  
	  
	  new Ajax.Updater(element,file, {
		method: "get"
	  });
 } 
/**
 * Funktion loadMap()
 *
 * selbsterklärend
 */	
function loadList(file,element) {

	if (browserName!="Microsoft Internet Explorer") {			
	  new Effect.Fade("kartenKontainer",{ duration: 0.15, from: 1, to: 0.0});		
	}  	  
	  new Ajax.Updater(element,file, {
		method: "get"
	  });
	init_pre();

 } 
/**
 * Funktion loadMap()
 *
 * selbsterklärend
 */	
function changeModus() {

	if(modus == "karte") {

		$("modusSwitchContainer").innerHTML = "Listenansicht | <a id=\"modusSwitch\">Kartenansicht</a>";	



		var bodyTag = document.getElementsByTagName("body")[0];
			bodyTag.className = "listenansicht";
			

		//alert("wechsel");

		var cont = $("ansichtsContainer");
			cont.className = "liste ansichts-container";		
	
		new Effect.Fade("kartenKontainer",{ duration: 0.15, from: 1, to: 0.0});	
			modus = "liste";

	} else if(modus == "liste") {

	var bodyTag = document.getElementsByTagName("body");
			bodyTag[0].className = "";
	
		$("modusSwitchContainer").innerHTML = "<a id=\"modusSwitch\">Listenansicht</a> | Kartenansicht";	
	
		var cont = $("ansichtsContainer");
			cont.className = "karte ansichts-container";		

		new Effect.Appear("kartenKontainer",{ duration: 0.35, from: 0, to: 1});	
			modus = "karte";
	}	

	var elButton5 = $("modusSwitch");
	elButton5.observe("click", function () {
		changeModus();									
	  });

 } 
 /**
 * Funktion loadControls()
 *
 * selbsterklärend
 */	
function loadControls(file,element) {
	  new Ajax.Updater(element,file, {
		method: "get",
		onComplete: init_pre(),
		onSuccess: function(element){
		
			new Effect.Appear("konfigurator",{ duration: 0.8, from: 0.01, to: 1});
//			ansichtsContainer
	    }
	  });
 } 
 
 


/**
 * Funktion init_pre()
 *
 * initialisiert die Attribute
 * schreibt erste Auflage-Summen
 * ruft Slider auf
 */
 
function init_pre() {
	

	
		if(ansicht != "landeskirchen" && ansicht != "bistuemer") {
		
			var allBoxes = $A($$(".title-box"));
				for (var i = 0; i < allBoxes.length; i++) {
					var box = allBoxes[i];

							box.isVisible = "TRUE";
							box.style.display = "";						

		
				}		
		
			confessionArr = new Array("k","e");
			regionArr = new Array("N1","N2","N3a","N3b","N4","N5","NX");	

			$("getNielsen").status = "active";			
			$("getBistuemer").status = "passive";			
			$("getLandeskirchen").status = "passive";			
			
			setTimeout("init()",250);
		}
		
		if(ansicht == "landeskirchen") {
			
			var allBoxes = $A($$(".title-box"));
				for (var i = 0; i < allBoxes.length; i++) {
					var box = allBoxes[i];
			
						var phrase = " k ";
						var search = box.className.search(phrase);
						if (search != -1) {
							box.isVisible = "FALSE";
							box.style.display = "none";
							/*box.className = "out";*/
						} else {

							box.isVisible = "TRUE";
							box.style.display = "";						
						}
		
				}
				confessionArr = new Array("e");
				regionArr = new Array("LKNordelb","LKHann","LKOldenb","LKBrem","LKSchaumb","LKLipp","LKWestf","LKRheinl","LKBrauns","LKKurhWald","LKHessNass","LKPfalz","LKBad","LKWuertt","LKBay","LKSachs","LKMitteld","LKAnh","LKBBsO","LKMeckl","LKPomm","LKX");		
			
				confessions.push("e");
				
				$("getNielsen").status = "passive";			
				$("getBistuemer").status = "passive";			
				$("getLandeskirchen").status = "active";			
			
//				init("landeskirchen");
			setTimeout("init()",250);
		}
	
		if(ansicht == "bistuemer") {
		
			var allBoxes = $A($$(".title-box"));
				for (var i = 0; i < allBoxes.length; i++) {
					var box = allBoxes[i];
			
						var phrase = " e ";
						var search = box.className.search(phrase);
						if (search != -1) {
							box.isVisible = "FALSE";
							box.style.display = "none";
							/*box.className = "out";*/
						} else {

							box.isVisible = "TRUE";
							box.style.display = "";						
						}
		
				}
				confessionArr = new Array("k");
				regionArr = new Array("BHH","BHI","BOS","BK","BAC","BE","BLM","BMS","BTR","BPB","BEF","BFD","BMD","BFR","BS","BMZ","BBA","BEI","BSP","BWUE","BM","BA","BPA","BR","BB","BDD","BGR","BX");		
				
				confessions.push("k");				
				
				$("getNielsen").status = "passive";			
				$("getBistuemer").status = "active";			
				$("getLandeskirchen").status = "passive";						
			
//				init("bistuemer");
			setTimeout("init()",250);
		}	
		
		
		$$("#kartenSwitchContainer a").each(function(switcher){
			
			if(switcher.status == "active") {

				switcher.addClassName("active");
			
			} else {

				if(switcher.hasClassName("active")) {
					switcher.removeClassName("active");				
				}
			
			}
		
		});									

		setTimeout("regionsToggler()",350);
}

	

/**
 * Funktion init()
 *
 * initialisiert die Attribute
 * schreibt erste Auflage-Summen
 * ruft Slider auf
 */
function init(ansicht) {

	var allBoxes = $A($$(".title-box"));
		for (var i = 0; i < allBoxes.length; i++) {
			var box = allBoxes[i];						
		

			for (var j = 0; j < regionArr.length; j++) {
				var phrase = regionArr[j]+" ";
				var search = box.className.search(phrase);
				if (search != -1) {
					box.region = regionArr[j];
				}
			}

			for (var j = 0; j < confessionArr.length; j++) {
				var phrase = confessionArr[j]+" ";
				var search = box.className.search(phrase);
				if (search != -1) {
					box.confession = confessionArr[j];
				}
			}	

			var auflageStr = "auflage-";
			var	killStr = box.className.replace(auflageStr,"");
			var whitespace = killStr.search(/\s/);
				box.auflage = killStr.substr(0, whitespace);
				box.isVisible = "TRUE";

/*				
				if (box.confession != "e" && box.confession != "k") {
					new Effect.Fade(box,{ duration: 0.8, from: 1, to: 0});
					box.isVisible = "FALSE";									
					box.className = "out-counted";														
				}
*/				
				
//								alert("region: "+box.region+" \nconf: "+box.confession+" \nauflage: "+box.auflage+"\n"+box.className);							

		
		}
		init_toggle_region();
		initAuflage();					
		initSlider();
		
}

/**
 * Funktion initAuflage()
 *
 * einfache Initialisierung von writeAuflage()
 */
 
 function initAuflage() {
 


		/*for (var j = 0; j < confessionArr.length; j++) {
			writeAuflage(confessionArr[j],"sum_"+confessionArr[j]);		
		}*/								/*	
		for (var j = 0; j < regionArr.length; j++) {
			writeAuflage(regionArr[j],"sum_"+regionArr[j]);		
		}							*/
		writeAuflage("","sum");		
		
 }		

/**
 * initialisiert den Slider
 *
 */
 function initSlider() {
	var handles = ["slider_handle_min", "slider_handle_max"];
	 new Control.Slider(handles, "slider", {
		restricted: true,
		range: $R(0, 105),
		values: $R(0, 105),
		sliderValue: [0, 105],
	    spans: ["slider_span"],
		onSlide: function(values) {
			var positions = document.getElementById("positions");
				positions.innerHTML = "Ihre Auswahl:<br /><b>"+tausenderPunkt(values[0]*1000)+" - "+tausenderPunkt(values[1]*1000)+"</b>";
		},
		onChange: function(values) {
			slider_min = values[0]*1000;
			slider_max = values[1]*1000;						
			setTimeout ("filter()",30);										
		}
	});
}	






/**
 * Funktion writeAuflage()
 *
 * attr => Attribut-Kürzel für Region, Konfession...., leer für alle Titel
 * el => id des Containers, in welchen die Daten geschrieben werden
 */
 function writeAuflage(attr,el) {

	var auflageCount = 0;					
	var writeContainer = $(el);		
	
//alert(writeContainer.id);
	
	var allBoxes = $A($$(".title-box"));
		for (var i = 0; i < allBoxes.length; i++) {						
			var box = allBoxes[i];					

			if (box.isVisible == "TRUE" && (box.confession == attr || box.region == attr || attr == "")) {								
				auflageCount = parseInt(auflageCount)+parseInt(box.auflage);
			}

		}
		writeContainer.innerHTML = tausenderPunkt(auflageCount);

}



/**
 * Funktion filter_pre()
 *
 * attr => das Attribut das gefiltert werden soll
 * which => die Attributskategorie // "confession", "region"
 * el => Element, welches die Funtion triggert
 */
 function filter_pre(attr,which,el) {
 
	 if (clicked == "FALSE") {

	 	clicked = "TRUE";
	 	
		setTimeout("unsetClicked()",950);	 	
	 
		if (which == "region") {var arr = regions;}
		if (which == "confession") {var arr = confessions;}
	
		var pos = arr.indexOf(attr);
	
		if (pos != -1) {
			arr.splice(pos,1);
			el.className = el.className.replace("active","passive");
			new Effect.Appear(el.firstChild.nextSibling,{ duration: 0.8, from: 0.25, to: 1});							
		} else {
			arr.push(attr);
			el.className = el.className.replace("passive","active");
		
	//		alert(el.firstChild.nextSibling.innerHTML);
			new Effect.Appear(el.firstChild.nextSibling,{ duration: 0.8, from: 0.25, to: 1});					
			
		}
	
		if (which == "region") {regions = arr;}
		if (which == "confession") {confessions = arr;}	
		
		filter(attr,which);	 
	 

	 
	 } else {
	 
//		 alert("NICHT SU SCHNELL");
	 
	 }
	
		
	
 }
 
 
 
 /**
 * Funktion filter()
 *
 * attr => das Attribut das gefiltert werden soll
 * which => die Attributskategorie // "confession", "region"
 * 
 */
 function filter(attr,which) {

 	
 	var allBoxes = $A($$(".title-box"));
	for (var i = 0; i < allBoxes.length; i++) {
		var box = allBoxes[i];

		box.showByRegion = '';
		box.showByConfession = '';
		
		var regionsCheck = new Array();
		var confessionsCheck = new Array();

		regions.each(function(item){
		
			var itemSearchStr = " "+item+" ";
			var isAttribute = box.className.search(itemSearchStr);
			
			if(isAttribute!=-1){
			
				//if(item == "N1" || item == "N2" || item == "N3a" || item == "N3b" || item == "N4" || item == "N5" || item == "NX") {
			if (regionArr.indexOf(item) != -1) {
					regionsCheck[i] = "TRUE";
					box.showByRegion = "TRUE";
				}
			} else {


			}	
		});
		
		confessions.each(function(item){
		
			var itemSearchStr = " "+item+" ";
			var isAttribute = box.className.search(itemSearchStr);
			
			if(isAttribute!=-1){

//				if(item == "e" || item == "k") {
			if (confessionArr.indexOf(item) != -1) {
					confessionsCheck[i] = "TRUE";	
					box.showByConfession = "TRUE";
				} 
				
			}
		});
		

		if(box.showByRegion != "TRUE" ) {
			if(regions.length == 0) {
				box.showByRegion = "TRUE";			
			}
		}
		if(box.showByConfession != "TRUE") {
			if(confessions.length == 0) {
				box.showByConfession = "TRUE";			
			}
		}

	}	
	

	 
	if (which == "region") {
		toggle_region(attr);
	}

	filter_post();
 
 }






 
 /**
 * Funktion init_toggle_region()
 *
 * alle Regions auf .isVisible = TRUE setzen
 */
 function init_toggle_region() {
  
	var allRegions = $$("#kartenKontainer div");
	for (var i = 0; i < allRegions.length; i++) {
		var region = allRegions[i];
			region.isVisible = "TRUE";
	}	
 }

 
 /**
 * Funktion toggle_region()
 *
 * attr => das Attribut das gefiltert werden soll
 */
 function toggle_region(attr) {
 
 	var allRegions = $$("#kartenKontainer div");
	var pattern = $("pattern");
	 	
	
	var imgID = "img_"+attr;	

	for (var i = 0; i < allRegions.length; i++) {
		var region = allRegions[i];
		region.showThisRegion = "FALSE";
	
		regions.each(function(item){

			if(region.className == "img_"+item) {
				region.showThisRegion = "TRUE";
			}
		
		});

		if (region.showThisRegion == "TRUE" && region.isVisible == "FALSE") {
			new Effect.Appear(region,{ duration: 0.8, from: 0.5, to: 1});
				region.style.zIndex = "80";
				region.isVisible = "TRUE";
		}
		if (region.showThisRegion == "FALSE" && region.isVisible == "TRUE"){
			new Effect.Fade(region,{ duration: 0.8, from: 1, to: 0.5});								
				region.style.zIndex = "50";
				region.isVisible = "FALSE";			
		}
	
		if(pattern.style.display == "none") {
			//new Effect.Appear(pattern,{ duration:0.2, from:0, to:1 });											
		}
		
		if (regions.length == 0) {
				new Effect.Appear(region,{ duration: 0.8, from: 0.5, to: 1});
					region.style.zIndex = "80";
					region.isVisible = "TRUE";	
//				new Effect.Fade(pattern,{ duration:1, from:1, to:0 });																
		}		
		
		
	}	
	

		
	
	
 }





/**
 * Funktion filter_post()
 *
 * attr => das Attribut das gefiltert werden soll
 * which => die Attributskategorie // "confession", "region"
 * el => Element, welches die Funtion triggert
 */
 function filter_post() {

	var allBoxes = $A($$(".title-box"));
	
		allBoxes.each(function(box){
			if(box.showByRegion == "TRUE" && box.showByConfession == "TRUE") {
				if(box.auflage <= slider_max && box.auflage >= slider_min) {
					box.isVisible = "TRUE";
					new Effect.Appear(box,{ delay: 0.3, duration: 0.8 });						
				} else {
					box.isVisible = "FALSE";			
					new Effect.Fade(box,{ delay: 0.3, duration: 0.8 });	
				}
			} else {
					box.isVisible = "FALSE";			
//					box.style.display = "none";
//					alert(box);
					new Effect.Fade(box,{ delay: 0.3, duration: 0.8 });	
			}


//		
		
		});		
	
/*	
		for (var i = 0; i < allBoxes.length; i++) {
			var box = allBoxes[i];




//			alert(box.className+"\nkonf "+box.showByConfession+"\nregi "+box.showByRegion+"\nvisi "+box.isVisible);					
		
		
		}
*/		

		initAuflage();	
	
 }
	





/**
 * Funktion init_cart()
 *
 */
function init_cart() {
		$A($$(".title-box")).each (function (box) {
			if (box.isVisible == "TRUE") {
				var searchTerm = "item";
				var uid = box.id.replace(searchTerm,"");
				box.inCart = "FALSE";
			}			


			box.doTheDrag = new Draggable(box,{
				handle: "handle",
				zindex:1002,
				ghosting: false,
				revert:true
			}); 					

		 }); 				
		 
		 
			var cartContainer = $("cartContainer").innerHTML;

			$("cartContainer").remove();
			
			var newEl = document.createElement('div');
				newEl.id = "cartContainer";
				newEl.innerHTML = cartContainer;

				Element.setStyle(newEl,{
					  position: "absolute",
					  width: "200px",
					  zIndex: "9999",
					  top: "320px",
					  left: "270px",
					  cursor: "move"
					});

			$("wrapper").insert({"top": newEl});

			Droppables.add("cart",{
				accept: "title-box",
				hoverclass: "cart-hover",
				onDrop: function(obj) {

					var searchTerm = "item";
					var uid = obj.id.replace(searchTerm,"");

					to_cart(uid);

				}
			}); 	

			new Draggable("cartContainer",{
				zindex:10000,
				ghosting: false,
				revert:false
			}); 


}


/**
 * Funktion to_cart()
 *
 * id = uid des Elementes oder "all"
 */
function to_cart(id) {

		if(id=="all") {

			$A($$(".title-box")).each (function (box) {
	
				if (box.isVisible == "TRUE") {

					box.inCart = "TRUE";
				}			
			
			 }); 							
				 
			$("cart").highlight({startcolor:"#79be40", endcolor:"#3e3f3f" });		
			cart_action();			 
		
		} else {
			
			if(inCartArr.indexOf(id) == "-1"){
				box = $("item"+id);
				box.inCart = "TRUE";
				
				$("cart").highlight({startcolor:"#79be40", endcolor:"#3e3f3f" });		
				cart_action();				
				
			} else {
			
				alert("Dieser Titel befindet sich bereits in Ihrer Liste.");			
			
			}

		}
		
		

		
}

var inCartArr = new Array();

/**
 * Funktion to_cart_action()
 *
 */
function cart_action() {

//		inCartArr.clear();

		$A($$(".title-box")).each (function (box) {

			if (box.inCart == "TRUE") {

				var searchTerm = "item";
				var uid = box.id.replace(searchTerm,"");

					inCartArr.push(uid);

			}			
		 }); 							



	
	var inCartUniqArr = inCartArr.uniq();
	var params = inCartUniqArr.flatten();

	var file = "index.php?id=55";

	var element = $("cart");
	var ajaxContent = new Ajax.Updater(element,file, {
		parameters: "&tx_dfmediadaten_pi1[cartUIDs]="+params,
		method: "post",
		onSuccess: function(element){

			
				
		}
	  });		
 
	  

	inCartArr = inCartUniqArr;
		
}


/**
 * Funktion from_cart()
 *
 * id = uid des Elementes oder "all"
 */
function from_cart(id) {

		if(id=="all") {

			$A($$(".title-box")).each (function (box) {
	
//				if (box.isVisible == "TRUE") {

					box.inCart = "FALSE";
//				}			
			 }); 							
			 
			inCartArr.clear();				 
		
		} else {

			box = $("item"+id);
			box.inCart = "FALSE";
				
				inCartArr.each (function (item, index) {
					
					if(item == id) {
						delete inCartArr[index];				
					}

				});	
		
		}

		$("cart").highlight({startcolor:"#993300", endcolor:"#3e3f3f" });
		cart_action();
		
}


/**
 * Funktion openPopCart()
 *
 * uid => uid des Titels
 */
function check_out(uid) {

	$$(".anfrageuids input.anfrageuids").value = "";


	var offX2set = document.viewport.getScrollOffsets();
	$("popUp2").offX2setTop = offX2set.top;	
	
	cart_koords = $("cartContainer").cumulativeOffset();

	$("popUp2").style.height = ""+document.body.offsetHeight+"px";

	new Effect.Appear("popUp2", { duration: 0.3, from: 0, to: 1 });
	new Effect.Appear("popCart", { duration: 0.1, from: 0, to: 1 });		

//	new Effect.Move("cartContainer", { x: 260, y: 190, mode: 'absolute' });

	new Effect.ScrollTo("cartInfos", {offset:160,duration:0.25, queue:'front'})
	new Effect.Fade("cartContainer", {duration:0.50, queue:'front', afterFinish:function(){
		new Effect.Move("cartContainer", { duration:0.15, x: 260, y: 190, mode: 'absolute', afterFinish:function(){
			new Effect.Appear("cartContainer", {duration:0.35, queue:'end'});
			}
		});	
		}
	});	



				

}	


/**
 * Funktion closePopCart()
 *
 *
 */
function closePopCart() {


	var scrollback2Pos = $("popUp2").offX2setTop;
	
//	alert(scrollback2Pos);
	

	new Effect.Fade("popUp2", { duration: 0.3, from: 1, to: 0 });
	new Effect.Fade("popCart", { duration: 0.1, from: 1, to: 0 });				

//	new Effect.Move("cartContainer", { x: cart_koords.left, y: cart_koords.top, mode: 'absolute' });				


	new Effect.ScrollTo("cartInfos", {offset:0,duration:0.25, queue:'front'})
	new Effect.Fade("cartContainer", {duration:0.50, queue:'front', afterFinish:function(){
		new Effect.Move("cartContainer", { duration:0.15,  x: cart_koords.left, y: cart_koords.top, mode: 'absolute', afterFinish:function(){
			new Effect.Appear("cartContainer", {duration:0.35, queue:'end'});
			}
		});	
		}
	});	

//	if(scrollback2Pos>170) { 
		new Effect.ScrollTo("cartInfos", {offset: parseInt(scrollback2Pos)-170,duration:0.5, queue:'end'});
//		}


}	


/**
 * Funktion formAction()
 *
 * id => uid des Titels
 */
function formAction(id) {



	var file = "index.php?id=55";
	var params = $("anfrageForm").serialize();

/*	$("anfrageForm").request({
	  onComplete: function(){ 
	  
	  }
	});			
*/	
	
	var inCartUniq2Arr = inCartArr.uniq();
	var params2 = inCartUniq2Arr.flatten()

	var params3 = params+"&tx_dfmediadaten_pi1[0][anfrageuids]="+params2+"&rand="+Math.random();

	var myAjax = new Ajax.Updater("anfrageForm", file, {
		evalScripts: true,
		method: "post", 
		parameters: params3,
//		parameters: "&tx_dfmediadaten_pi1[0][anfrageuids]="+params2,
		onComplete: function(){

//			alert("kjnsfjkbsf");


			$$(".tx-dfmediadaten-pi1 .errMsg .err_close").each(function(item){

				item.observe("click", function() {
					
		//			alert(item.parentNode);

						var itemToFade = item.parentNode;
						
						new Effect.Fade(itemToFade, {duration:0.3, from:1, to:0})
					
//					item.parentNode.fade({duration:0.3, from:1, to:0});
					
				});
			});	
	
		


		
		}
		});
		
}




/**
 * Funktion clearForm()
 *
 * id => uid des Titels
 */
function clearForm() {


	var file = "index.php?id=55";

	var myAjax = new Ajax.Updater("anfrageForm", file, {
		evalScripts: true,
		method: 'post',
		parameters: "&refresh=1",
		onComplete: function(){


				var refrlay = $("layer2");
					refrlay.parentNode.appear({duration:0.3, from:0, to:1});

		
		

		}
	});
		
}




/**
 * Funktion filter_post()
 *
 * attr => das Attribut das gefiltert werden soll
 * which => die Attributskategorie // "confession", "region"
 * el => Element, welches die Funtion triggert
 */
 function unsetClicked(attr,which,el) {

	if (clicked == "TRUE") {
	
		clicked = "FALSE";
	
	}
	
	
 }
	



/**
 * Funktion tausenderPunkt()
 *
 * number => selbsterklärend
 */

function tausenderPunkt(number) {
	number = '' + number;
	if (number.length > 3) {
		var mod = number.length % 3;
		var output = (mod > 0 ? (number.substring(0,mod)) : '');
		for (i=0 ; i < Math.floor(number.length / 3); i++) {
		if ((mod == 0) && (i == 0))
			output += number.substring(mod+ 3 * i, mod + 3 * i + 3);
			else
			output+= '.' + number.substring(mod + 3 * i, mod + 3 * i + 3);
		}
		return (output);
	}
	else return number;
}