var $j = jQuery.noConflict();

$j(function() {
		$j("a.myfancybox").fancybox({ 'type':'iframe', 'height':'60%', 'width':'60%', 'overlayColor':'#333', 'transitionIn':'fade', 'transitionOut': 'fade', 'overlayShow':true, 'overlayOpacity': 0.9 });
		$j("a.emanagerfancybox").fancybox({ 'type':'iframe', 'height': 200, 'width': 550, 'padding': 0, 'overlayColor':'#333','transitionIn':'fade', 'transitionOut': 'fade', 'overlayShow':false, 'overlayOpacity': 0.9 });
		$j("a.newsletterfancybox").fancybox({ 'type':'iframe', 'height': 200, 'width': 550, 'padding': 0, 'overlayColor':'#333','transitionIn':'fade', 'transitionOut': 'fade', 'overlayShow':false, 'overlayOpacity': 0.9 });
		
    $j.fn.preloadImages = function(options){

        var defaults = {
            showSpeed: 500,
            easing: 'easeOutQuad'
        };

        var options = $j.extend(defaults, options);

        return this.each(function(){
            var container = $j(this);
            var image = container.find('img');

            $j(image).css({ "visibility": "hidden", "opacity": "0" });
            $j(image).bind('load error', function(){
                $j(this).css({ "visibility": "visible" }).animate({ opacity:"1" }, {duration:options.showSpeed}).parent(container).removeClass('preloadd');
            }).each(function(){
                if(this.complete || ($j.browser.msie && parseInt($j.browser.version) == 6)) { $j(this).trigger('load'); }
            });
        });
    }
	
	$j('.preload').preloadImages({
        showSpeed: 500,   // length of fade-in animation, 500 is default
        easing: 'easeOutQuad'   // optional easing, if you don't have any easing scripts - delete this option
    });
	

	(function() {  
        var supportsCanvas = !!document.createElement('canvas').getContext;  
        supportsCanvas && (window.onload = greyImages);  

        function greyImages() {  
		
		$j('.ngg-gallery-thumbnail').each(function(index) {
					
            var ctx = $j("canvas", this)[0].getContext('2d'),  
				imgid = $j("img", this).attr('id'),
                img = document.getElementById(imgid),  
                imageData, px, length, i = 0,  
                grey;  


            ctx.drawImage(img, 0, 0);  
 
            // Set 500,500 to the width and height of your image.  
            imageData = ctx.getImageData(0, 0, 126, 114);  
            px = imageData.data;  
            length = px.length;  
  
            for ( ; i < length; i+= 4 ) {  
                grey = px[i] * .3 + px[i+1] * .59 + px[i+2] * .11;  
                px[i] = px[i+1] = px[i+2] = grey;  
            }  
  			
            ctx.putImageData(imageData, 0, 0);  
       });
		
	
	} 
		
		 
    })();  
  
  
 })