// Tooltip
jQuery(document).ready(function(){
  jQuery("img.[title]").tooltip();
  jQuery(".mitglied.[title]").tooltip();
  jQuery("img[rel]").overlay();
  jQuery("span[rel]").overlay();
  jQuery("a[rel]").overlay();
 });
 


// Referenzen Version 01-2011
jQuery(document).ready(function(){
  jQuery(".refprev").click(function(event){
		var rel = jQuery(this).attr('alt');
		jQuery(".reflayer-" + rel).fadeIn('slow').addClass('show');
	});
	
	jQuery(".reflayer").click(function(event){
		jQuery(".reflayer.show").fadeOut('slow').removeClass('show');
	});
	
	jQuery(".closeref").click(function(event){
		jQuery(".reflayer.show").fadeOut('slow').removeClass('show');
	});
	
});




// Referenz-Info Overlay
jQuery(document).ready(function(){
	jQuery(".refholder").click(function(event){
		var rel = jQuery(this).attr('rel');
		jQuery(".refinfo" + rel).fadeIn('slow').addClass('an');
	});
	
	jQuery(".slide-go").click(function(event){
		jQuery(".refinfo").filter(".an").fadeOut('slow').removeClass('an');
	});
	
	jQuery(".refinfo_close").click(function(event){
		jQuery(this).parent().fadeOut('slow').removeClass('an');
	});

	
});

 


// Dreier Hover
jQuery(document).ready(function(){
	jQuery("#dreier p a").hover(function(event){
	  jQuery(this).parent().parent().children("a").addClass("act");
	});
	
	jQuery("#dreier p a").mouseleave(function(event){
	  jQuery(this).parent().parent().children("a").removeClass("act");
	});
	
	jQuery(".dreierbut").hover(function(event){
	  jQuery(this).parent().children("p").children("a").addClass("act");
	});
	
	jQuery(".dreierbut").mouseleave(function(event){
	  jQuery(this).parent().children("p").children("a").removeClass("act");
	});
});

 
 
// FAQ-Effekt
jQuery(document).ready(function(){
	jQuery(".frage").click(function(event){
		if (jQuery(this).parent().children('.antwort').hasClass("sichtbar")){
			jQuery(this).parent().children('.antwort').hide("slow");
			jQuery(this).parent().children('.antwort').removeClass("sichtbar");
			jQuery(this).removeClass("frage-auf");
		}
		else{
			jQuery('.antwort').hide("slow");
			jQuery('.frage').removeClass("frage-auf");
			jQuery(this).parent().children('.antwort').show("slow");
			jQuery(this).parent().children('.antwort').addClass("sichtbar");
			jQuery(this).addClass("frage-auf");
		}
	});
});





// Slider-Menu
jQuery(document).ready(function(){
	jQuery(".slider-menu .tr").click(function(event){
		if(!jQuery(this).hasClass("active")){
			if(jQuery(this).hasClass("referenzen")){
				jQuery(".referenzenConsole").show(990);
				jQuery("#tun").hide(990);
			}
			else{
				jQuery(".referenzenConsole").hide(990);
				jQuery("#tun").show(990);
			}
		}	
	});
});




// Special Slider-Menu fuer Seite Referenzen
jQuery(document).ready(function(){
	jQuery(".slider-menu .wgp").click(function(event){
		if(!jQuery(this).hasClass("active")){
			if(jQuery(this).hasClass("webdesign")){
				jQuery(".referenzenConsole.webdesign").show(990);
				jQuery(".referenzenConsole.grafik").hide(990);
				jQuery(".referenzenConsole.produktion").hide(990);
			}
			if(jQuery(this).hasClass("grafik")){
				jQuery(".referenzenConsole.webdesign").hide(990);
				jQuery(".referenzenConsole.grafik").show(990);
				jQuery(".referenzenConsole.produktion").hide(990);
			}
			if(jQuery(this).hasClass("produktion")){
				jQuery(".referenzenConsole.webdesign").hide(990);
				jQuery(".referenzenConsole.grafik").hide(990);
				jQuery(".referenzenConsole.produktion").show(990);
			}
			
		}	
	});
});





// Slider-Navi
jQuery(document).ready(function(){
	
	jQuery(".slider-navi li").hover(function(event){
		
		if(jQuery(this).hasClass("teaser")){
			var liste = "#teaserlist";
		}
		else{
			if(jQuery(this).parent().hasClass("webdesign")){
				var liste = ".reflist.webdesign";
				var r = "webdesign";		
			}
			else if(jQuery(this).parent().hasClass("grafik")){
				var liste = ".reflist.grafik";	
				var r = "grafik";
			}
			else if(jQuery(this).parent().hasClass("produktion")){
				var liste = ".reflist.produktion";	
				var r = "produktion";
			}
			else {
				var liste = ".reflist";	
				var r = "";
			}
		}
		
		jQuery(".slider-navi " + liste + " li").removeClass("eq0");
		jQuery(".slider-navi " + liste + " li").removeClass("eq1");
		jQuery(".slider-navi " + liste + " li").removeClass("eq2");
		
		var eq = jQuery(this).parent().children("li").index(this);
		
		if(eq > 1){
			jQuery(".slider-navi " + liste + " li").eq(eq - 2).addClass("eq2");
		}
		jQuery(".slider-navi " + liste + " li").eq(eq + 2).addClass("eq2");
		
		if(eq > 0){
			jQuery(".slider-navi " + liste + " li").eq(eq - 1).addClass("eq1");
		}
		jQuery(".slider-navi " + liste + " li").eq(eq + 1).addClass("eq1");
		
		jQuery(this).addClass("eq0");
		
		if(jQuery(this).hasClass("teaser")){
			var teaser = 1;	
		}
		else{
			teaser = 0;	
		}
		slt = setTimeout( 'slideframe(' + eq + ', ' + teaser + ', "' + r + '")', 300 ); 
		
		// globale Variable akteq um in slideframe() zu ueberpruefen, wo gerade hover
		akteq = eq;
		
		
	});
	
	
	// Navigation ueber Pfeile
	jQuery(".slide-go").click(function(event){
		
		if(jQuery(this).hasClass("teaser")){
			var liste = "#teaserlist";
			var teaser = 1;
			var r = "";
		}
		else{
			if(jQuery(this).parent().hasClass("webdesign")){
				var liste = ".reflist.webdesign";
				var r = "webdesign";		
			}
			else if(jQuery(this).parent().hasClass("grafik")){
				var liste = ".reflist.grafik";	
				var r = "grafik";
			}
			else if(jQuery(this).parent().hasClass("produktion")){
				var liste = ".reflist.produktion";	
				var r = "produktion";
			}
			else {
				var liste = ".reflist";	
				var r = "";
			}
			
			var teaser = 0;
		}
		
		var neweq = jQuery(".slider-navi " + liste + " li.eq0").index();
		
		
		if(jQuery(this).hasClass("slide-left")){
			neweq--;
		}
		else{
			neweq++;
		}
		
		
		var anzahl = jQuery('.slider-navi ' + liste + ' > li').size();
		anzahl = anzahl - 1;
		
		
		if(neweq > anzahl){
			neweq = 0;
		}
		
		if(neweq < 0){
			neweq = anzahl;	
		}
		
		
		jQuery(".slider-navi " + liste + " li").removeClass("eq0");
		jQuery(".slider-navi " + liste + " li").removeClass("eq1");
		jQuery(".slider-navi " + liste + " li").removeClass("eq2");
		
		if(neweq > 1){
			jQuery(".slider-navi " + liste + " li").eq(neweq - 2).addClass("eq2");
		}
		jQuery(".slider-navi " + liste + " li").eq(neweq + 2).addClass("eq2");
		
		if(neweq > 0){
			jQuery(".slider-navi " + liste + " li").eq(neweq - 1).addClass("eq1");
		}
		jQuery(".slider-navi " + liste + " li").eq(neweq + 1).addClass("eq1");
		jQuery(".slider-navi " + liste + " li").eq(neweq).addClass("eq0");
		
		akteq = neweq;
		slt = setTimeout( 'slideframe(' + neweq + ', ' + teaser + ', "' + r + '")', 100 ); 
	});
	
});




// Slide-Frame
function slideframe(eq, teaser, r){
		// max Bilder nebeneinander mit Gesamtbreite 20000 px sonst css von id slide-frame aendern
		if(akteq == eq){
			if(teaser == 1){
				var myframe = "#teaser-frame";
				var win = "#teaser-window";	
				var holder = "#teaserimgdiv" + eq;
			}
			else{
				var myframe = ".slide-frame." + r;
				var win = ".slide-window." + r;	
				var holder = ".refimgdiv" + r + eq;
			}
			
			
			if(!jQuery(holder).hasClass("loaded")){
				var imgsrc = jQuery(holder).text();
				jQuery(holder).load('imgload.php?src=' + imgsrc + ' img').addClass("loaded");
			}
			
			var newLeft = eq * jQuery(win).width();
			if(newLeft > 0){newLeft = newLeft * -1;}
			newLeft = newLeft + "px";
			
			jQuery(myframe).animate({
				left: newLeft
			}, 1000);	
		}
}




// Kontakt-Form
// wait for the DOM to be loaded 
jQuery(document).ready(function() { 
    // bind form using ajaxForm 
    jQuery('#myForm').ajaxForm( { beforeSubmit: validate } ); 
    jQuery('#neueNachricht').click(function(event){
    	jQuery("#console-kontakt").css("display", "none");
    	jQuery("#console-kontakt").css("opacity", "0");
    });
});

function validate(formData, jqForm, options) { 
    // fieldValue is a Form Plugin method that can be invoked to find the 
    // current value of a field 
    // 
    // To validate, we can capture the values of both the username and password 
    // fields and return true only if both evaluate to true 
 
    var nameValue = jQuery('input[name=name]').fieldValue(); 
    var mailValue = jQuery('input[name=mail]').fieldValue(); 
    var mail2Value = jQuery('input[name=mail2]').fieldValue(); 
 
    // Values are arrays but we can do simple 
    // "not" tests to see if the arrays are empty 
    if (!mail2Value[0]) { 
        jQuery("#myForm #mail2").addClass("fehler");
    } 
    if (!nameValue[0]) { 
        jQuery("#myForm #name").addClass("fehler");
    } 
    if (!nameValue[0] || !mail2Value[0] || mailValue[0] != "") { 
        return false; 
    }
    jQuery("#myForm #mail2").removeClass("fehler");
    jQuery("#myForm #name").removeClass("fehler"); 
	jQuery("#console-kontakt").animate({
		opacity: 1
	}, 1000).css("display", "block");
}