jQuery.noConflict();

var tmp_arr = [];
jQuery(function() {
        jQuery('#gallery a').lightBox();
    });


jQuery(document).ready(function()
{	
	var triWidth = jQuery("#anim_tri").width();
	jQuery("#anim_tri").css('left', '100px');
	
	jQuery("#menu-main-nav" + ' li').each(
		function(i)
		{				
			var item_width = jQuery(this).width();
			tmp_arr[i] = item_width;
			
			jQuery(this).bind('mouseover',function(e)
			{
				var my_left =0;
				for(j= 0;j<i;j++){
					my_left += 	tmp_arr[j] 
				}
				my_left += ( jQuery(this).width() -triWidth  ) /4 +10;
				jQuery("#anim_tri").animate({"left":(my_left)},200); 
			});
						
		}
	)
	 
	jQuery('.toFlip').hover(
		function() {
			jQuery(this).stop().animate({"opacity": ".1"}, "slow");
		},
		function() {
			jQuery(this).stop().animate({"opacity": "1"}, "slow");
		});
		
	jQuery(".image-dot").each(
		function()
		{
			jQuery(this).bind('mouseup',function()
			{
				var img1 = ( jQuery("img", this).attr('src'));
				jQuery(".active").removeClass("active");
					jQuery(this).addClass("active");
				jQuery(".wp-post-image").fadeTo('slow', 0, function() {
					
      				jQuery(".wp-post-image").attr('src' , img1);
					 var imgArray = img1.split('-525x322');
					 if(imgArray.length >1){
					 	var img2 = imgArray[0] + imgArray[1];
					 	jQuery(".cur-picture").attr('href' , img2);
					 }else{
						 jQuery(".cur-picture").attr('href' , img1);
					 }
						 
					jQuery(".wp-post-image").fadeTo('slow', 1);
   				 })
				
				
				
			});
			
		}
	);
	jQuery('.grey' + ' img').each(function(){
		var mySRC = this.src
    		var greyImg =  grayscale(this.src);
		//jQuery(this).parent().parent().css( 'background-image', 'url("'+greyImg +'")' );
		//jQuery(this).parent().parent().attr('width', this.width);
		//jQuery(this).parent().parent().attr('height', this.height);
		//jQuery(this).css({opacity:0});
		this.src = greyImg
    		jQuery(this).bind('mouseover',function(){
			this.src = mySRC;
			//jQuery(this.fadeTo('slow',1);
		});
		jQuery(this).bind('mouseout',function(){
			this.src = greyImg
		});
		
        });
	jQuery(".tooltip-parent").each(
		function()
		{
			jQuery(this).bind('mouseover',function()
			{
				
				jQuery(".tooltip", this).removeClass("hidden");
				jQuery(".tooltip", this).css({opacity:0});
				jQuery(".tooltip", this).fadeTo('slow', 1);
			});
			jQuery(this).bind('mouseout',function()
			{
				jQuery(".tooltip", this).fadeTo('slow', 0,function() {
      				jQuery(".tooltip", this).addClass("hidden");
   				 })
				
			});
			
		}
	);
 

});

function grayscale(img)
{        
    var canvas = document.createElement('canvas');
    var ctx = canvas.getContext('2d');
        
    var imgObj = new Image();
    imgObj.src = img;
       
    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();
    }