$j = $; //jQuery.noConflict();

$j(document).ready(function(){
	// disable old events
	
	$j('li.Level0Item > ol').hide();

	$j('li.Level0Item').mouseover(function(){
		$j('> ol', this).slideDown();
	}).mouseout(function(){
		$j('> ol', this).slideUp();
	});
	

	
	if (TransMenu.isSupported())
	{
		function init_transmenu_subitems(transmenu, subitems)
		{
			subitems.each(function(i){
				var link = $j('> a', this);
				var item = transmenu.addItem(link.text(), link.attr('href'), link.attr('target'));

				var subitems = $j('> ol > li', this);
				if (subitems.length)
				{
					var subtransmenu = transmenu.addMenu(transmenu.items[i], i);
					init_transmenu_subitems(subtransmenu, subitems);
				}
			});
		}

		function hide_transmenu()
		{
			TransMenuSet.registry[0].hide();
		}

		var menuitems = $j('li.Level0Item').add('li.TopMenuItem').add('#MoilHeader');

		var ms = new TransMenuSet(TransMenu.direction.down, 1, 24, TransMenu.reference.topLeft);

		// generate transmenu from html
		menuitems.each(function(){
			var subitems = $j('> ol > li', this);
			if (!subitems.length)
			{
				this.onmouseover = hide_transmenu;
			}
			else
			{
				var link = $j('> a', this);
				var transmenu = ms.addMenu(link[0], 0);
				
				//alert(transmenu.onactivate);
				//alert(this.id);
				transmenu.onactivate = function()
				{
					$(this.oActuator).addClass('Level0ItemActivated');
				}
				transmenu.ondeactivate = function()
				{
					$(this.oActuator).removeClass('Level0ItemActivated');
				}

				init_transmenu_subitems(transmenu, subitems);
			}
		});

		// remove menu from html
		menuitems.find('> ol').remove();

		/*
		menu.onactivate = function() {};
		menu.ondeactivate = function() {};
		*/

		// init transmenu
        var aMenuHtml = [];
        for (var i = 0, menu = null; menu = TransMenu.registry[i]; i++) {
                aMenuHtml[i] = menu.toString();
        }
        $j('body').append(aMenuHtml.join(""));

		TransMenu.initialize();
	}

	$('a.image-popup').lightBox();
	
	if(jQuery.browser.version < 8 && $.browser.msie) {
		$j("#arrow_left img").attr("src","/images/spacer.gif");
		$j("#arrow_left img").css({"filter" : "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow_left.png')"});
		
		$j("#arrow_right img").attr("src","/images/spacer.gif");
		$j("#arrow_right img").css({"filter" : "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow_right.png')"});
		
		$j("#bigImage img").each(function() {
            $this = $(this);
            
            if($this.attr("class")!="noSpacer") {
	            var orig_src = $this.attr("src");
	
	            $this.attr("src","/images/spacer.gif");
	            $this.css({"filter" : "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+orig_src+"')"});
            }
	   });
		
	}
	
	$j("#Produktlinie .imageContainer").each(function () {
		var $this = jQuery(this);
		var $img = $this.children(".overlayImage").children("img");

		$this.bind("mouseenter", function () {
			$img.fadeIn(1000);
		});
		
		$this.bind("mouseleave", function() {
			$img.fadeOut(1000)
		});
	});
});

var sliding=0;
var slideSpeed = 1000;
var anzahl_bilder = $j("#Gallery .jScrollPaneContent img").length;

function nextPic () {
	
	if(sliding!=0)
		return;
	
	sliding=1;
	
	if($j("#bigImage img:visible").nextAll("img").length==1) {
		$j("#arrow_right").fadeOut(slideSpeed);
	}
	
	if($j("#arrow_left").css("display")=="none") {
		$j("#arrow_left").fadeIn(slideSpeed);
	}
	
	if($j("#bigImage img:visible").nextAll("img").length==0) {
	   $j("#bigImage img:visible").fadeOut(slideSpeed,function() {
    	   sliding=0;
       });
	   
	   $j("#bigImage img:first").fadeIn(slideSpeed);
	} else {
       $j("#bigImage img:visible").fadeOut(slideSpeed,function() {
    	   sliding=0;
       });
       
       $j("#bigImage img:visible").nextAll("img:first").fadeIn(slideSpeed);
	}
	
	var index = $j("#bigImage img:visible").prevAll("img").length;
	
	var pos = $j("#thumb_1")[0].offsetTop;
	var orig_posi = $j("#thumb_"+index)[0].offsetTop;
	var diff = orig_posi-pos;
	
	if(diff>0)
		$j("#Gallery .jScrollPaneContent")[0].scrollTo(diff);
	
	$j("#thumb_"+index).addClass("imgSelected");
	$j("#thumb_"+(index-1)).removeClass("imgSelected");
}

function prevPic() {
	if(sliding!=0)
		return;
	
	sliding=1;
	
	if($j("#bigImage img:visible").prevAll("img").length==1) {
		$j("#arrow_left").fadeOut(slideSpeed);
	}
	
	if($j("#arrow_right").css("display")=="none") {
		$j("#arrow_right").fadeIn(slideSpeed);
	}
	
	if($j("#bigImage img:visible").prevAll("img").length==0) {
	   $j("#bigImage img:visible").fadeOut(slideSpeed,function() {
    	   sliding=0;
       });
	   
	   $j("#bigImage img:last").fadeIn(slideSpeed);
	} else {
       $j("#bigImage img:visible").fadeOut(slideSpeed,function() {
    	   sliding=0;
       });
       
       $j("#bigImage img:visible").prevAll("img:first").fadeIn(slideSpeed);
	}
	
	var index = $j("#bigImage img:visible").prevAll("img").length-1;
	
	var pos = $j("#thumb_1")[0].offsetTop;
	var orig_posi = $j("#thumb_"+index)[0].offsetTop;
	
	var diff = orig_posi-pos
	
	if(diff>=0) {		
		$j("#Gallery .jScrollPaneContent")[0].scrollTo(diff);
	}
	
	$j("#thumb_"+index).addClass("imgSelected");
	$j("#thumb_"+(index+1)).removeClass("imgSelected");
}

function changePic(index) {

	if(sliding!=0)
		return;
	
	sliding=1;
	
	if($j("#bigImage img:eq("+index+")").nextAll("img").length==0) {
		$j("#arrow_right").fadeOut(slideSpeed);
	} else if($j("#arrow_right").css("display")=="none") {
		$j("#arrow_right").fadeIn(slideSpeed);
	}
	
	if($j("#bigImage img:eq("+index+")").prevAll("img").length==0) {
		$j("#arrow_left").fadeOut(slideSpeed);
	} else if($j("#arrow_left").css("display")=="none") {
		$j("#arrow_left").fadeIn(slideSpeed);
	}
	
	$j("#bigImage img:visible").fadeOut(slideSpeed);
	
	$j("#bigImage img:eq("+index+")").fadeIn(slideSpeed, function() {
		sliding = 0;
	});
	
	$j(".imgSelected").removeClass("imgSelected");
	
	$j("#thumb_"+index).addClass("imgSelected");
}

var slideZusatz = 0;
var speedZusatz = 500;

function changeZusatz(id) {
	if(slideZusatz==1)
		return;
	
	slideZusatz=1;
	
	$j("#ZusatzContainer .Zusatzcontent:visible").fadeOut(speedZusatz);
	$j("#ZusatzContainer .zusatz"+id).fadeIn(speedZusatz,function() {slideZusatz=0;});
	$j(".imgSelected").removeClass("imgSelected");
	$j("#zusatzSmall"+id).addClass("imgSelected");
}

////////SCROLLER /////////////////

scrollstep = "7";
scrollspeed = "30";
scrolling = 0;

function moveright(onestep) {

	if (scrolling == 0) return;
	
	if ($("#SlideContent")[0].offsetWidth < $("#SlideContainer")[0].offsetWidth)
	{
		return;
	}

	scroll_to = ($("#SlideContent")[0].offsetLeft-scrollstep);

	if (scroll_to < ($("#SlideContent")[0].offsetWidth-$("#SlideContainer")[0].offsetWidth)*-1) {
		scroll_to = ($("#SlideContent")[0].offsetWidth-$("#SlideContainer")[0].offsetWidth)*-1;
		
		$("#arrow_left").show();
		$("#arrow_right").hide();
		$("#ProductContent").animate({left: scroll_to},30);
	} else {
		$("#SlideContent").animate({left: scroll_to},30, function() {
			$("#arrow_left").show();
			$("#arrow_right").show();
			if (!onestep)
				moveright();
		});
	}
	
}

function moveleft(onestep) {

	if (scrolling == 0) return;
	
	if ($("#SlideContent")[0].offsetWidth < $("#SlideContainer")[0].offsetWidth)
		return;

	scroll_to = parseInt($("#SlideContent")[0].offsetLeft)+parseInt(scrollstep);
	
	if (scroll_to >= 0) {
		//alert(scroll_to);
		scroll_to = 0;
		//$("#Content").animate({top: 0},30);
		$("#arrow_left").hide();
		$("#arrow_right").show();
		
		$("#SlideContent").css({left: "0px"});
		
	} else {
		//alert(scroll_to);
		$("#SlideContent").animate({left: scroll_to},30, function() {
		$("#arrow_right").show();
			if (!onestep)
				moveleft();
		});
	}
}

function start_scroll(div,direction) {
	scrolling = 1;
	//scrollstep = "5";

	
	if (direction == "left") 
		moveleft(false);
	else if (direction == "right")
		moveright(false);
}

function stop_scroll(div) {
	scrolling = 0;
}