// JavaScript Document
jQuery.noConflict();

jQuery(document).ready(function() {
	// prüfen ob der Container vorhanden ist // Slider : Tische / Stühle
	if(jQuery(".imagesubmenue").length > 0) { productSlider(); }
	
	checkContactForm();

});


function checkContactForm() {
	if(jQuery("#anliegen").attr("value")=="Reklamation")	
		 jQuery("#artikleidfield").fadeIn();	
	else jQuery("#artikleidfield").fadeOut();	
	jQuery("#anliegen").change(function(e) { checkContactForm(); });
}


var ifMouseLeave = true;

// Slider : Tische / Stühle
function productSlider() {
	
	var slider_after = 6;
		
	var isComplete=true;
	var e_length = jQuery(".imagesubmenue ul li").length; // Anzahl der Elemente
	var e_width =  jQuery(".imagesubmenue ul li").width(); // Breite eines Elements		
	jQuery(".imagesubmenue ul").css("width", e_width * e_length+ "px");
	var ul_width = e_width * (slider_after-1);	// sichtbare Breite

	if(e_length > slider_after +1 ) {
		
		// Breite anpassen
		jQuery(".productSlider").css("width","792px"); 
		
		// Buttons
		jQuery('<div id="productSliderButtonPrev" class="prev activ"></div>').prependTo(jQuery(".imagesubmenue"));
		jQuery('<div id="productSliderButtonNext" class="next activ"></div>').appendTo(jQuery(".imagesubmenue"));
		
		// Layerposition  beim Laden der Seite
		var linkId = jQuery("#page_id").attr("rel"); var counter = 1; var aktuElem = 0;
		jQuery(".imagesubmenue ul li").each(function(e){  if(jQuery(this).attr("id") == linkId) { aktuElem = counter; } counter++; });
		if((aktuElem * e_width) >  ul_width) { 
			var newLeft = aktuElem * e_width - ul_width - e_width;
			jQuery(".imagesubmenue ul").css("left","-"+newLeft+"px"); 
		}
		
		/* SLIDE MIT MOUSEOVER ////////////////////////////////////////////////////////// */		
		jQuery("#productSliderButtonPrev.activ").mouseenter(function(){
			ifMouseLeave = false;
			slideRight();												 
		}).mouseleave(function(){
			ifMouseLeave = true;
		});
		jQuery("#productSliderButtonNext.activ").mouseenter(function(){			
			ifMouseLeave = false;
			slideLeft();
		}).mouseleave(function(){
			ifMouseLeave = true;
		});
		
		// styles anpassen
		productSliderMoverCheckButtons(ul_width);
		
	} // end: e_length > slider_after

};



function slideLeft() {

	if(ifMouseLeave == false) {
		var slider_after = 6;			
		var e_length = jQuery(".imagesubmenue ul li").length; // Anzahl der Elemente
		var e_width =  jQuery(".imagesubmenue ul li").width(); // Breite eines Elements		
		jQuery(".imagesubmenue ul").css("width", e_width * e_length+ "px");
		var ul_width = e_width * (slider_after-1);	// sichtbare Breite
		
		if(jQuery("#productSliderButtonNext.activ").hasClass("activ")) {
			isComplete=false;
			jQuery(".imagesubmenue ul").animate({
				left: "-="+e_width
			}, 1000, function() { productSliderMoverCheckButtons(ul_width); slideLeft(); });
		}
	}
}
function slideRight() {

	if(ifMouseLeave == false) {
		var slider_after = 6;			
		var e_length = jQuery(".imagesubmenue ul li").length; // Anzahl der Elemente
		var e_width =  jQuery(".imagesubmenue ul li").width(); // Breite eines Elements		
		jQuery(".imagesubmenue ul").css("width", e_width * e_length+ "px");
		var ul_width = e_width * (slider_after-1);	// sichtbare Breite
		
		if(jQuery("#productSliderButtonPrev.activ").hasClass("activ")) {
			isComplete=false;
			jQuery(".imagesubmenue ul").animate({
				left: "+="+e_width
			}, 1000, function() { productSliderMoverCheckButtons(ul_width); slideRight(); });
		}
	}
}

function productSliderMoverCheckButtons(ul_width) {		
	if(parseInt(jQuery(".imagesubmenue ul").css("left")) >= 0 ) {	
		jQuery("#productSliderButtonPrev").removeClass("activ");
		jQuery("#productSliderButtonPrev").addClass("inactiv");
	} else {
		jQuery("#productSliderButtonPrev").removeClass("inactiv");
		jQuery("#productSliderButtonPrev").addClass("activ");		
	}
	var minimal = 0 - ul_width;
	if(parseInt(jQuery(".imagesubmenue ul").css("left")) <=  minimal) {	
		jQuery("#productSliderButtonNext").removeClass("activ");
		jQuery("#productSliderButtonNext").addClass("inactiv");
	} else {
		jQuery("#productSliderButtonNext").removeClass("inactiv");
		jQuery("#productSliderButtonNext").addClass("activ");		
	}
}