function grayscale(image,bPlaceImage){var myCanvas=document.createElement("canvas");var myCanvasContext=myCanvas.getContext("2d");var imgWidth=image.width;var imgHeight=image.height;myCanvas.width=imgWidth;myCanvas.height=imgHeight;myCanvasContext.drawImage(image,0,0);var imageData=myCanvasContext.getImageData(0,0,imgWidth,imgHeight);for(i=0;i<imageData.height;i++){for(j=0;j<imageData.width;j++){var index=(i*4)*imageData.width+(j*4);var red=imageData.data[index];var green=imageData.data[index+1];var blue=imageData.data[index+2];var alpha=imageData.data[index+3];var average=(red+green+blue)*0.3333;imageData.data[index]=average;imageData.data[index+1]=average;imageData.data[index+2]=average;imageData.data[index+3]=alpha;}}
myCanvasContext.putImageData(imageData,0,0,0,0,imageData.width,imageData.height);if(bPlaceImage){var myDiv=document.createElement("div");myDiv.appendChild(myCanvas);image.parentNode.appendChild(myCanvas);}
return myCanvas.toDataURL();}
function MakeGSImage(image_container){var image=document.getElementById(image_container.find('img').attr('id'))
image_container=document.getElementById(image_container.attr('id'))
if(typeof image.style.filter!="undefined"){image.style.zoom=1;image.style.filter="progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);";image_container.onmouseover=function(){image.style.filter="progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)";}
image_container.onmouseout=function(){image.style.filter="progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";}}else{image.mouseOverImage=image.src;image.onload=function(){return true;};image.normalImage=grayscale(image,false);image_container.onmouseover=function(){image.src=image.mouseOverImage;}
image_container.onmouseout=function(){image.src=image.normalImage;}
image.src=image.normalImage;}}