/**
 * User: Ludger M�ller
 * Date: 21.10.11
 *
** AUFBAU : ****************
 * zuerst Kollektion �ber die EF-Listen cachen
 */
  VDI.action = {
			'aJme' :{'url':'de/angebot/detailseite/'},
			//'aJme' :{'url':'index.php?id=147'},
			'aJa' :{'url':'orderform/form.php?'},
			'aPap' :{'url':'index.php?id=1'},
			'aTs' :{'url':'index.php?id=1'},
			'aAw' :{'url':'index.php?id=154'},
			//gbrandner:pagemachine:17.1.2012
			//aIf stands for action Inhouse formular.
			//Here the link parameter is set which page contains the Inhouse formular
			'aIf': {
		        'url': 'index.php?id=228'
		    },
			'aCfp' :{'url':'http://www.vdi-com.de/vdicom/startseite_va_bezug.php?vanr='}
		};
// Dom  ready
$(function() {
// VARIABLEN deklarieren

// f�r Collections der eF-Listen
    var themaList = $("#eventfinderstatic li", "#eventfinderrahmen");
    var rubrikList = $("#eventfinderbox1 li", "#eventfinderrahmen");
    var eventList = $(".eventEinzelBox", "#eventfinderrahmen");
    var aktionsList = $("#eventfinderbox3 li"); // Collection der Links in der Aktionsbox
     var eventItems = {}; //leeres Objekt f�r die Daten der geholten Elemente
var eventPDFLinks = {}; // links f�r die PDfs zwischenspeichern

       //
    //ende Variablen
    //

/*
     ** KONSTRUKTOREN
 */
// Kekse auslesen und setzen, aktuellen wert in Variable
    function EFKeksHandling(liste, collection) {
        var listenname = liste;
        var listenID = liste +"ID";
       this.selectedItem;
        this.selectedID = "-1";

        //  Kekse auslesen wenn vorhanden
        this.getKeks = function(par) {
            if ($.cookie(listenname)) {
                this.selectedItem = parseInt($.cookie(listenname));
                this.selectedID = $.cookie(listenID);
                }  else {
                this.selectedItem = -1;
                this.selectedID = "-1";
            }
             } // getKeks end

        // Cookies schreiben beim verlassen der Seite
        this.setKeks = function() {
            $.cookie(listenname, this.selectedItem);
            $.cookie(listenID, this.selectedID);
        }
    } // EFKeksHandling Konstruktor zu Ende


// Aktiven Zustand der Listen verarbeiten
    function ListActiveState(collection) {
        this.collection = collection;
        this.activeTemp = -1;
        this.activeItem = -1;
        this.activeID = "-1" ; // IDParameter des ausgew�hlten Punktes
    } // ListActiveState Konstruktor ende

 //   Erweiterungen
     // Klasse auf aktiv setzen und selectedItemanpassen
        ListActiveState.prototype.changeActive = function() {
            if (this.activeItem >= 0) { // wenn ein Listenpunkt schon ausgew�hlt
                if (this.activeItem != this.activeTemp) {
                    this.collection.eq(this.activeItem).removeClass("eF-navAktiv"); // Klasse entfernen
                    this.collection.eq(this.activeTemp).addClass("eF-navAktiv"); // Klasse setzen
                    this.activeItem = this.activeTemp; // Aktives Element  aus temp kopieren
                }
            } else {  // wenn noch kein Listenpunkt ausgew�hlt
                if (this.activeTemp >= 0) { // wenn auf Listenpunkt geklickt
                    this.collection.eq(this.activeTemp).addClass("eF-navAktiv"); // Klasse setzen
                    this.activeItem = this.activeTemp; // Aktives Element  aus temp kopieren

                }
            }

        }// changeActive end
  //  Klasse inaktiv setzen und activeItem anpassen
   ListActiveState.prototype.removeActive = function(){
       this.collection.eq(this.activeItem).removeClass("eF-navAktiv"); // Klasse entfernen
       this.activeID = -1; // aktives Element l�schen
       this.activeTemp  = -1;
       this.activeItem = -1;
          }

    /*
     **   OBJEKTE
     */
    // Keks-Objekt erzeugen f�r jede Liste
  var  themaKeks = new EFKeksHandling("thema", themaList); //ausgew�hlte Listenelemente
  var   rubrikKeks = new EFKeksHandling("rubrik", rubrikList);
  var   eventKeks = new EFKeksHandling("event", eventList);

    // Aktive State Objekte erzeugen und jQuery-Objekt �bergeben
  var   themaActive = new ListActiveState(themaList);
  var  rubrikActive = new ListActiveState(rubrikList);
  var  eventActive = new ListActiveState(eventList);

    var boxIII = { // abh�ngig vom Zustand der Eventsliste die Aktionsliste verarbeiten
         // Aktionsbox aktivieren
        change : function(){
if (eventActive.activeItem == -1){ // wenn kein Event ausgew�hlt dann Aktionsbox inaktiv setzen
    this.deactivate();
}else{ // wenn  Event ausgew�hlt dann Aktionsbox aktiv  setzen
    this.activate()
}
    },
        activate : function() {
        $('#eventfinderbox3').removeClass('eF3-inaktiv');
             $('#eventfinderbox3 a').unbind('click',false);
    },
        //Aktionsbox deaktivieren
     deactivate : function() {
        $('#eventfinderbox3').addClass('eF3-inaktiv');
         $('#eventfinderbox3 a').attr('href', "").bind('click', false);
    }
    }
    /*
     **   FUNKTIONEN
     */
    // ID-Teil von Themen/Rubrik und Events-DOM-Ids extrahieren
    function getIDPart(activeDOMID){
        if(activeDOMID != "-1"){ // nur wenn wirklich ein rubrik oder eventid �bergeben wird
        var tmp = activeDOMID.slice(activeDOMID.lastIndexOf("-")+1); // WEnn kein "-" gefunden wird bleibt der String erhalten
       return tmp;} else {
            return activeDOMID;
        }
    }

    //  HTML f�r Events zusammenbauen
    function makeEventsHTML(wert) {
        var tmpHTML = "";
        var tmpaAwHTML = "";
        var tmpaCfpHTML = "";
        // nachsehen, ob Icon gesetzt werden muss
        $.each(eventItems[wert.nr], function(key, val) {

            if (val == "aAw") {
                tmpaAwHTML = ' <img src="' + VDI.relPath + 'images/icon-eF-haus.gif" alt="" class="eF-actionIcon" width="12" height="12"" /> '
            }
            if (val == "aCfp") {
                tmpaCfpHTML = ' <img src="' + VDI.relPath + 'images/icon-eF-dokument.gif" alt="" class="eF-actionIcon" width="12" height="12"" />'
            }
        });
        //html in  tempor�ren String schreiben
        tmpHTML += '<div class="eventEinzelBox" id="event-' + wert.nr + '"><h3>' + wert.beschreibung + '</h3><p>';
        $.each(wert.termine, function(keysub, valsub) {
            //tmpHTML += valsub + tmpaCfpHTML + tmpaAwHTML +'<br />';
            tmpHTML += '<span class="event-valsub">' + valsub + '</span>' + tmpaCfpHTML + tmpaAwHTML +'<br />';
        })
        tmpHTML += "</p></div>";
        return tmpHTML;
    }
    // Rubrikliste vom Server holen
    function getRubrikList(thema) {
       // ajax-Loader einblenden
        $('#eventfinderbox1 .eF-loader').show();
        thema = getIDPart(thema); // themen-ID aus DOM-ID extrahieren
        // AJAX-Aufruf
        $.getJSON(VDI.backPath + 'index.php?id=120&tx_vdief_pi1[was]=rubrik', { 'tx_vdief_pi1[thema]': thema }, function(jsonObj) {
            var tempString = ""; // zwischenspeicher f�r das Zusammenbauen
            //  Schleife �ber Ergebnisobjekte
            $.each(jsonObj, function(key, val) {
               //html in  tempor�ren String schreiben
                tempString += '<li id="rubrik-' + val.markt + '" ><a href="#" >' + val.title + '</a> </li>';
            });
            $('#eventfinderbox1 ul').html(tempString); // html einf�gen
            rubrikscrollbarApi.reinitialise({
			showArrows:true,
			maintainPosition: false
		})
            $('#eventfinderbox1 .eF-loader').hide();// ajax-loader bild ausschalten
            rubrikActive.collection =  $("#eventfinderbox1 li", "#eventfinderrahmen");
            rubrikActive.changeActive(); //aktiveb Punkt setzen
        });
    }

// Eventsliste vom Server holen
    function getEventsList(art , aktiv) { // Parameter: markt oder thema , ID des Aktiven Elements

        aktiv = getIDPart(aktiv);
        $('#eventfinderbox2 .eF-loader').show();
       if(art == "thema"){
        // Art (thema oder markt) und Parameter werden �bergeben
        $.getJSON(VDI.backPath +'index.php?id=120&tx_vdief_pi1[was]=events', { 'tx_vdief_pi1[thema]': aktiv }, function(jsonObj) {
            var tempString = ""; // zwischenspeicher f�r das Zusammenbauen
             eventItems = {}; // Objekt f�r die Daten der Events leeren wenn Daten neu geladen;
            eventPDFLinks = {}; // Objekt f�r die Daten der Events leeren wenn Daten neu geladen;
             //  Schleife �ber ergebnisobjekte
            $.each(jsonObj, function(key, val) {
                eventItems[val.nr] = val.actions.split(",");  // Array f�r die Events-daten
               eventPDFLinks[val.nr] = val.pdf;
                // aus String aus JSON f�r Aktionsbox f�llen
             tempString += makeEventsHTML(val); // Funktion zum zusammenbau der HTML Daten
            });
              $('#eventsInnerWrapper').html(tempString);// html einf�gen
            eventsscrollbarApi.reinitialise({
			showArrows:true,
			maintainPosition: false
		});
            $('#eventfinderbox2 .eF-loader').hide(); // ajax-loader bild ausschalten
            eventActive.collection =   $(".eventEinzelBox", "#eventfinderrahmen");
            eventActive.changeActive(); // aktiveb Listenpunkt setzen

        });
           }else {
           // Art (thema oder markt) und Parameter werden �bergeben
           $.getJSON('index.php?id=120&tx_vdief_pi1[was]=events', { 'tx_vdief_pi1[rubrik]': aktiv }, function(jsonObj) {
               var tempString = ""; // zwischenspeicher f�r das Zusammenbauen
               eventItems = {}; // Objekt f�r die Daten der Events leeren wenn Daten neu geladen;
                eventPDFLinks = {}; // Objekt f�r die Daten der Events leeren wenn Daten neu geladen;
               //  Schleife �ber ergebnisobjekte
               $.each(jsonObj, function(key, val) {
                    eventItems[val.nr] = val.actions.split(",");  // Array f�r die Events-daten aus String aus JSON f�r Aktionsbox f�llen
                     eventPDFLinks[val.nr] = val.pdf;
                   //html in  tempor�ren String schreiben
                   tempString += makeEventsHTML(val); // Funktion zum zusammenbau der HTML Daten
            });
               $('#eventsInnerWrapper').html(tempString);// html einf�gen
               eventsscrollbarApi.reinitialise({
			showArrows:true,
			maintainPosition: false
		});
               $('#eventfinderbox2 .eF-loader').hide(); // ajax-loader bild ausschalten
               eventActive.collection = $(".eventEinzelBox", "#eventfinderrahmen");
               eventActive.changeActive(); // aktiveb Listenpunkt setzen
           });
       }
    }

    // Eventsliste nachladen
    function addEventsList(art, aktiv) { // Parameter: markt oder thema , ID des Aktiven Elements
        aktiv = getIDPart(aktiv);
        // ajax-Loader einblenden
        $('#eventfinderbox2 .eF-loader').show(); // ajax-loader bild einschalten
        // Dummy Datei liefert ein Json-Objekt
        var itemsnumber = eventActive.collection.length; // Anzahl der Elemente in der aktuellen Eventscollektion f�r das nachladen an Server geschickt
        if (art == "thema") {
            $.getJSON('index.php?id=120&tx_vdief_pi1[was]=events', {'tx_vdief_pi1[thema]': aktiv ,'tx_vdief_pi1[itemsnumber]': itemsnumber}, function(jsonObj) {
                var tempString = ""; // zwischenspeicher f�r das Zusammenbauen
                //  Schleife �ber Ergebnisobjekte
                $.each(jsonObj, function(key, val) {
                    eventItems[val.nr] = val.actions.split(",");  // Array f�r die Events-daten aus String aus JSON f�r Aktionsbox f�llen
                      eventPDFLinks[val.nr] = val.pdf;
                    //html in  tempor�ren String schreiben
                    tempString += makeEventsHTML(val); // Funktion zum zusammenbau der HTML Daten
                });
                $('#eventsInnerWrapper').append(tempString);// html einf�gen
                eventsscrollbarApi.reinitialise({
                    showArrows:true,
                    maintainPosition: true
                });
                $('#eventfinderbox2 .eF-loader').hide(); // ajax-loader bild ausschalten
                eventActive.collection = $(".eventEinzelBox", "#eventfinderrahmen");
                eventActive.changeActive(); // aktiveb Listenpunkt setzen
            });
        } else {
            $.getJSON('index.php?id=120&tx_vdief_pi1[was]=events', {'tx_vdief_pi1[rubrik]': aktiv ,'tx_vdief_pi1[itemsnumber]': itemsnumber}, function(jsonObj) {
                var tempString = ""; // zwischenspeicher f�r das Zusammenbauen
                //  Schleife �ber Ergebnisobjekte
                $.each(jsonObj, function(key, val) {
                    eventItems[val.nr] = val.actions.split(",");  // Array f�r die Events-daten aus String aus JSON f�r Aktionsbox f�llen
                      eventPDFLinks[val.nr] = val.pdf;
                    //html in  tempor�ren String schreiben
                    tempString += makeEventsHTML(val); // Funktion zum zusammenbau der HTML Daten
                });
                $('#eventsInnerWrapper').append(tempString);// html einf�gen
                eventsscrollbarApi.reinitialise({
                    showArrows:true,
                    maintainPosition: true
                });
                $('#eventfinderbox2 .eF-loader').hide(); // ajax-loader bild ausschalten
                eventActive.collection = $(".eventEinzelBox", "#eventfinderrahmen");
                eventActive.changeActive(); // aktiveb Listenpunkt setzen
            });

        }
    }
     //
    // EF Status feststellen und Auswahl-Label entfernen
   //
 var efstate = {
     toggleAuswahl : function(){
         if (VDI.isHome == false) { // wenn nicht homepage dann
             if (this.efIsClosed == true) { // EF geschlossen
                 if (themaActive.activeItem >= 0 || rubrikActive.activeItem >= 0 || eventActive.activeItem >= 0) { // wenn Auswahl in Cookie
                     $('#eventfinderstatic').removeClass('ohneAuswahl').addClass('mitAuswahl');
                                     }
             }else{
                 $('#eventfinderstatic').removeClass('mitAuswahl').addClass('ohneAuswahl');
             }
         }
     },
      efIsClosed : true
 }
     //
    // Links der vierten Spalte setzen und ein und ausblenden
   //
    function setAktionsboxLinks(aktivID) { // Aktive ID der Eventsliste �bergeben
        var tmpID = getIDPart(aktivID); //ID-Anteil an DOM-ID extrahieren
        var  attrIDtmp;
        aktionsList.each(function(index, domele) { //Links der Aktions einzeln behandeln um zu pr�fen ob angezeigt werden soll, oder nicht
            var flag = false;
            attrIDtmp = $(this).attr('id');
            $.each(eventItems[tmpID], function(key, val) { // Pr�fen, ob Parameter mit LinkID �bereinstimmt, dann zeigen, sonst ausblenden
                 // tmplist = aktionsList.filter(val);

                if (attrIDtmp == val) {
                    switch (val) {
                        case "aJme":
                        	//$(domele).show('500').find('a').attr({'href': VDI.action[val].url + '&tx_vdiep_pi1[event_nr]=' + tmpID});                        	
                            //$(domele).show('500').find('a').attr({'href': VDI.action[val].url + 'event/' + tmpID});     
                        		
                        	// pagemachine, cbrocar, 2011-12-21
                            // RealURL-Link sprachabhängig per Ajax holen		
                        	/*
                        	parameter = 'en';
                        	var regex = new RegExp( "[\/]"+parameter+"[\/]" );
                        	var results = regex.exec( window.location.href );                        	
                        	if (results) {
                        		var lang = 1;
                        	} else {
                        		var lang = 0;
                        	}             
                        	*/
                        	lang = $('.tx-srlanguagemenu-pi1 img').attr('title');
                        	if (lang == 'de') {
                        		var lang = 1;
                        	} else {
                        		var lang = 0;
                        	} 
                            $.getJSON('index.php?id=120&L='+lang+'&tx_vdief_pi1[was]=link', {
                                'tx_vdief_pi1[event_nr]': tmpID
                            }, function(jsonObj){
                                $(domele).show('500').find('a').attr({
                                    'href': jsonObj.link
                                });
                            });

                            flag = true;
                            break;
                        case "aJa":
                        	lang = $('.tx-srlanguagemenu-pi1 img').attr('title');
                        	if (lang == 'de') {
                        		var lang = 1;
                        	} else {
                        		var lang = 0;
                        	} 
                            $(domele).show('500').find('a').attr({
                            	'href': VDI.action[val].url + '&tx_vdiep_pi1[event_nr]=' + tmpID + '&L='+lang
                            });
                            flag = true;
                            break;
                        case "aPap":
                                if(eventPDFLinks[tmpID] == ""){
                                      flag = false;
                                }else{
                                  $(domele).show('500').find('a').attr({'href': eventPDFLinks[tmpID], 'target' : '_blank' });
                            flag = true;
                                }
                            break;
                        case "aTs":
                            flag = false;
                            break;
                        case "aAw":
                            $(domele).show('500').find('a').attr({'href': VDI.action[val].url + '&tx_vdiep_pi1[event_nr]=' + tmpID});
                            flag = true;
                            break;
                        case "aCfp":
                            $(domele).show('500').find('a').attr({'href': VDI.action[val].url + tmpID});
                            flag = true;
                            break;
							
						//gbrandner:pagemachine:17.1.2012
						//If stands for Inhouse Formular. if aIf is set in the array, the Inhouse Formular Link shall be displayed in Event Finder
						//If this value is set in the array is chosen in the PHP server file. In the PHP Server has to be decided if the event is an seminar
						//also the fnction to to create the realurl is used from the Jetzt mehr Erfahren
						
						case "aIf":
							/*
                            $(domele).show('500').find('a').attr({
                                'href': VDI.action[val].url + '&tx_vdiep_pi1[event_nr]=' + tmpID
                            });
                            */ 
							
							lang = $('.tx-srlanguagemenu-pi1 img').attr('title');
                        	if (lang == 'de') {
                        		var lang = 1;
                        	} else {
                        		var lang = 0;
                        	} 
							$.getJSON('index.php?id=120&L='+lang+'&tx_vdief_pi1[was]=link&tx_vdief_pi1[was_link]=aIf', {
                                'tx_vdief_pi1[event_nr]': tmpID
                            }, function(jsonObj){
                                $(domele).show('500').find('a').attr({
                                    'href': jsonObj.link
                                });
                            });
                            flag = true;
                            break;
                        default:
                            flag = false;
                            break;
                    }
};
                      });
            if(!flag ) {
                    $(domele).hide('500').find('a').attr({'href': ""});
                }
        });

    }
/*
* INITialisierung
* */


  // AJAX Loader-Icon einbauen und verstecken
 $('#eventfinderbox1 .eF-loader, #eventfinderbox2 .eF-loader').html('<img src="' + VDI.relPath +'images/ajax-loader.gif" alt="" width="16" height="16" />').css("display","none");

		   //
		  // EVENTFINDER
		 //  eventfinder zumachen
		// wenn nicht auf der Startseite
    if(VDI.isHome == false){ //eventfinderanimation nur auf den Unterseiten
			jQuery('#eventfinderbox3 .closebox').click(function(){
				jQuery('#eventfinderbox3').animate({left: 0},2500,"easeOutCubic");
				jQuery('#eventfinderbox2').animate({left: 0},2500,"easeOutCubic");
				jQuery('#eventfinderbox1').animate({left: 0},2500,"easeOutCubic");
                efstate.efIsClosed = true; // "meine Auswahl" einblenden / ausblenden
                efstate.toggleAuswahl();
			})
		  //
		 // und aufmachen
		//
			jQuery('#eventfinderstatic .openbox, #eventfinderstatic  li').click(function(){
				jQuery('#eventfinderbox3').animate({left: 744},2500,"easeOutCubic");
				jQuery('#eventfinderbox2').animate({left: 496},2500,"easeOutCubic");
				jQuery('#eventfinderbox1').animate({left: 248},2500,"easeOutCubic");
                efstate.efIsClosed = false;
                efstate.toggleAuswahl();
			})
        }
		  //
		 // ende.
		//

    //
// Kekse einmal auslesen, Listen per Ajax bef�llen und aktiv setzen
    //
    themaKeks.getKeks(); //Keks auslesen
    rubrikKeks.getKeks();
    eventKeks.getKeks();
    themaActive.activeTemp = themaKeks.selectedItem; // Keks
    rubrikActive.activeTemp = rubrikKeks.selectedItem;
    eventActive.activeTemp = eventKeks.selectedItem;
    themaActive.activeID = themaKeks.selectedID;
    rubrikActive.activeID = rubrikKeks.selectedID;
    eventActive.activeID = eventKeks.selectedID;

    // und Aktiv setzen
    themaActive.changeActive();
     getRubrikList(themaActive.activeID); // neue rubriken laden
    if(rubrikActive.activeTemp == -1){ // wenn die Rubrik nicht gew�hlt, dann nach Themen laden
        getEventsList("thema",themaActive.activeID); // events laden
    }else{ //wenn rubrik gesetzt ist
    getEventsList("rubrik",rubrikActive.activeID); // events laden
        }
     efstate.toggleAuswahl(); //meine Auswahlknopf an und ausschalten
    boxIII.change(); // Box drei aktiv oder inaktiv setzen

// scrollpane init
    var rubrikscrollbar = $('#rubrikWrapper').jScrollPane({
			showArrows:true,
			maintainPosition: true
		});
    var eventsscrollbar =  $('#eventsWrapper').jScrollPane({
			showArrows:true,
			maintainPosition: true
		}).bind( // events an den EventsWrapper binden
'jsp-arrow-change',
function(event, isAtTop, isAtBottom)
{
    if(isAtBottom){ // wenn unten neue Events laden
        if(rubrikActive.activeItem == -1){
            addEventsList("thema", themaActive.activeID); //thema und themaID wird �bergeben
        }else{
             addEventsList("rubrik", rubrikActive.activeID); //sonst rubrik und rubrikID
        }
        }
});
   var eventsscrollbarApi = eventsscrollbar.data('jsp'); //API der scrollbar im Eventswrapper
 var rubrikscrollbarApi = rubrikscrollbar.data('jsp'); //API der scrollbar im Eventswrapper
    /**
     *  Eventfinder Infofenster ein und ausblenden
     */
     $('#eF-infoOpen, #eF-infoClose').css('cursor','pointer');
    $('#eF-infoOpen').click(function(e){
        e.preventDefault();
        $('#eF-info').fadeIn('500');
    })
     $('#eF-infoClose').click(function(e){
           e.preventDefault();
        $('#eF-info').fadeOut('500');
    })
      //
    //ende Initialisierung
   //
    /*
     ** EVENTS
     *
     */
    // beim Verlassen des Fensters (oder neue laden) werden die Kekse geschrieben
    $(window).unload(function () {
        themaKeks.selectedItem = themaActive.activeItem;
        rubrikKeks.selectedItem = rubrikActive.activeItem;
        eventKeks.selectedItem = eventActive.activeItem;
         themaKeks.selectedID = themaActive.activeID;
        rubrikKeks.selectedID = rubrikActive.activeID;
        eventKeks.selectedID = eventActive.activeID;
        themaKeks.setKeks();
        rubrikKeks.setKeks();
        eventKeks.setKeks();
    });


    // Listen Clickverarbeitung
    //themaListe
    themaList.click(function(e) {
        e.preventDefault(); //default behaviour abschalten
        themaActive.activeID = $(this).attr('id')// IDattr des geklickten elements
        themaActive.activeTemp = themaList.index(this); //index des geklickten Elements in tempor�re Variable
        themaActive.changeActive(); //aktives Element setzen
        rubrikActive.removeActive(); //rubrik aktives Element deaktivieren
        eventActive.removeActive(); //rubrik aktives Element deaktivieren
        getRubrikList(themaActive.activeID); // neue rubriken laden
        boxIII.change(); // Aktionsbox deaktivieren
        getEventsList( "thema",themaActive.activeID); //neue Events laden
         if(typeof(ET_Event)!="undefined"){
             var tempString = $(this).text();
            var tempString = (encodeURIComponent(tempString));
             ET_Event.eventStart('ThemaKlicks', tempString, 'Klick', '');
        }
    })
//Rubrik-Liste
    rubrikList.live('click', function(e) {
         e.preventDefault(); //default behaviour abschalten
        var tempcollection = $("#eventfinderbox1 li", "#eventfinderrahmen");

        rubrikActive.activeID = $(this).attr('id');
        rubrikActive.activeTemp = $("#eventfinderbox1 li", "#eventfinderrahmen").index(this);
        rubrikActive.collection = tempcollection;
        rubrikActive.changeActive();
        eventActive.removeActive(); //rubrik aktives Element deaktivieren
        getEventsList( "rubrik",rubrikActive.activeID); //neue Events laden
        boxIII.change();
        if(typeof(ET_Event)!="undefined"){
             var tempString = $(this).text();
            var tempString = (encodeURIComponent(tempString));
             ET_Event.eventStart('RubrikKlicks', tempString, 'Klick', '');
        }
        // }
    })
//Event-Liste
    eventList.live('click', function(e) {
          e.preventDefault(); //default behaviour abschalten
        var tempcollection = $(".eventEinzelBox", "#eventfinderrahmen");
        eventActive.activeTemp = tempcollection.index(this);
        eventActive.collection = tempcollection;
       
        eventActive.changeActive();
        boxIII.change();
        eventActive.activeID = $(this).attr('id');
        setAktionsboxLinks(eventActive.activeID);
    });

});