/* 
 * @author: melko
 * @year: 2009
 * @version: 1.0
 *    
 * Switcht zwischen den Objekten und zeigt bzw. versteckt die entsprechenden Elemente
 * mit der bestimmten Klasse. 
 * 
 * Bei dem Element, dass der elementHover Bedingung entspricht, muss ein TAG title 
 * vorhanden sein, in dem die ID des anzuzeigenden Elementes steht.
 * 
 * Alle Elemente die geswitcht werden, müssen eine gleiche Klasse aufweisen
 * 
 * Allgemeine Hinweise
 * (# = ID) => Raute vor dem Object-Namen bedeutet alle mit dieser ID
 * (. = class) => Punkt vor dem Object-Namen bedeutet alle mit dieser Klasse
 * nichts davor => bedeuetet alle html-Elemente die so heißen
 */

// Hier kann beliebiges Objekt lt. der Beschreibung von oben definiert werden.
// Es muss aber keines definiert sein !!
var hauptObject = "#tabs";

// Hier das Element / die Class / oder die ID der Elemente angeben, bei denen der Effekt, 
// in diesem Fall HOVER angewendet werden soll.
var elementHover = "li";

// Hier die Klasse reinsetzen, welche dann für das aktuelle Aktive Element gelten soll.
var activeClass = "active";

// Hier die Klasse reinsetzen, die ALLE zu switchenden Elemente beinhalten.
var inaktiveClass = "tabcontent";

// Gibt die Geschwindigkeit des Wechsels an
// Mögliche Werte: 
// slow => ein langsamer Switch
// normal oder leer => normale geschwindigkeit
// fast => schneller Switch
// oder eine Angabe in Millisekunden (Z.B. 1000) 
var showgeschw = "";
var hidegeschw = "";

// Ab hier normalerweise nichts ändern, ausser du willst ein anderes Event haben,
// dann das Wort hover durch z.B. click ersetzen.
// Mögliche Events siehe: http://docs.jquery.com/Events
// ------------------------------------------------------------------------------------- //

$(document).ready(function() {

   $(hauptObject + " ." + inaktiveClass).hide();
   $(hauptObject + " #tabEnquiry").show();
   $(hauptObject + " #tabHotels").show();

		$(hauptObject + " " + elementHover).hover(
      function () {
         var tabName = $(this).attr("title");
         $(hauptObject + " #"+tabName).show(showgeschw);
         $(hauptObject + " #"+tabName).addClass(activeClass);
         $(hauptObject + " ." + inaktiveClass).not("."+activeClass).hide(hidegeschw);
      }, 
      function () {
        var tabName = $(this).attr("title");
        $("#"+tabName).removeClass(activeClass);
      }
    );
});