// JavaScript Document
var $j = jQuery.noConflict();

$j(document).ready(function() {
	$j('textarea#contact_text:not(.processed)').TextAreaResizer();
	$j("a[rel*=scrolltop]").click(function(){
		$j('html, body').animate({scrollTop:0}, 'slow'); 
	});
	$j("ul.sf-menu").superfish({hoverClass:'sfHover', pathLevels:1, delay:800, animation:{opacity:'show'}, speed:1, autoArrows:0, dropShadows:0});
	$j.event.special.hover.delay = 100;
	$j.event.special.hover.speed = 100;		
	
	$j("ul.sf-menu2").superfish({hoverClass:'sfHover', pathLevels:1, delay:800, animation:{opacity:'show'}, speed:1, autoArrows:0, dropShadows:0});
	
	/* Tabs Module for Produktkatalog */
	$j('#tabs div').hide();
	$j('#tabs div:first').show();
	$j('#tabs ul li:first').addClass('active');
	$j('#tabs ul li a').click(function(){
		$j('#tabs ul li').removeClass('active');
		$j(this).parent().addClass('active');
		var currentTab = $j(this).attr('rel');
		$j('#tabs div').hide();
		$j(currentTab).show();
	});
});


$j(window).load(function() {
		var idbox = '';
		
		$j(".gal-box-img img").animate({opacity:1},500);
		
		$j('.gal-box-img img').each(function(){
			var el = $j(this);
			el.css({"position":"absolute"}).wrap("<div class='img_wrapper' style='display: inline-block'>").clone().addClass('img_grayscale').css({"position":"absolute","z-index":"998","opacity":"0"}).insertBefore(el).queue(function(){
				var el = $j(this);
				el.parent().css({"width":this.width,"height":this.height});
				el.dequeue();
			});
			this.src = grayscale(this.src);
		});
		
		$j('.gal-box').mouseover(function(){
			$j(this).find('.gal-box-img img:first').stop().css('opacity','1');
			$j(this).find('.gal-box-txt').css('background-color','#ff6600');
			$j(this).find('.show').css('display','block');
			$j(this).find('.gal-box-shadow').css('visibility','visible');
		})
		$j('.gal-box').mouseout(function(){
			$j(this).stop().find('.img_grayscale').css('opacity','0');
			$j(this).find('.gal-box-txt').css('background-color','#999999');
			$j(this).find('.show').css('display','none');
			$j(this).find('.gal-box-shadow').css('visibility','hidden');
		});		
	
	function grayscale(src){
        var canvas = document.createElement('canvas');
		var ctx = canvas.getContext('2d');
        var imgObj = new Image();
		imgObj.src = src;
		canvas.width = imgObj.width;
		canvas.height = imgObj.height; 
		ctx.drawImage(imgObj, 0, 0); 
		var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
		for(var y = 0; y < imgPixels.height; y++){
			for(var x = 0; x < imgPixels.width; x++){
				var i = (y * 4) * imgPixels.width + x * 4;
				var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
				imgPixels.data[i] = avg; 
				imgPixels.data[i + 1] = avg; 
				imgPixels.data[i + 2] = avg;
			}
		}
		ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
		return canvas.toDataURL();
    }	

});