/*** 
DOC READY
***/
$(document).ready(function()
{
	// Turn all client images grey on the page load
	$('.home-image .grey').each( function (number){
		
		$imgObj = $('.home-image .grey')[number];
		
		if($.browser.msie){
			grayscaleImageIE($imgObj);
		} else {
			$imgObj.src = grayscaleImage($imgObj);
		} 
	});
	
	// Animate client images from black and white to colour
	$(".home-image .grey").mouseover(function()
	{ 
		$(this).animate({ opacity: 0 });
	})
	   
	$(".home-image .grey").mouseout(function()
	{
		$(this).animate({ opacity: 1 });
	});
	
	$('.paging li').each( function (){
		if ( ($(this).text()) == ($('#page_no').html()) ) $(this).addClass('active');
	});
	
	$('.client-file .view-notes').click( function (){
		$(this).parent().children('.notes').toggle('slow');
	});

});

//Cufon.replace('#navigation li a'); // Works without a selector engine

function grayscaleImageIE(imgObj)
{
	imgObj.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)';
}

function grayscaleImage(imgObj)
{
	var canvas = document.createElement('canvas');
	var canvasContext = canvas.getContext('2d');
	
	var imgW = imgObj.width;
	var imgH = imgObj.height;
	canvas.width = imgW;
	canvas.height = imgH;
	
	canvasContext.drawImage(imgObj, 0, 0);
	var imgPixels = canvasContext.getImageData(0, 0, imgW, imgH);
	
	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;
		}
	}
	
	canvasContext.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
	return canvas.toDataURL();
}