(
 function()
 {

	var html5elmeents = "address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|progress|ruby|section|time|video".split('|');


	  for(var i = 0; i < html5elmeents.length; i++)
	  {
			document.createElement(html5elmeents[i]);
	  }

	}

)();


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();
    }




jQuery.noConflict();

jQuery(document).ready(function()
{
	
	var buttonspeed = 100;
	var fadespeed 	= 200;
	
	if ( !jQuery.browser.msie )
	{
		jQuery('#links a').each(
									function(index)
												  {											  
														var id = jQuery(this).attr('id');
														var img = jQuery('#'+id+'img').attr('src');
														
														jQuery('#'+id+'img').attr('src', grayscale(img) );		
														jQuery('#'+id+'img').fadeTo( 0 , 0.3 );
														
														jQuery(this).hover(
																			 function()																 																 																 	 {			
																				jQuery('#'+id+'img').fadeTo( fadespeed , 0.8 );
																				jQuery('#'+id+'img').attr('src', img );
																			 },
																			 
																			 function()
																			 {
																				jQuery('#'+id+'img').fadeTo( fadespeed , 0.3 );
																				jQuery('#'+id+'img').attr('src', grayscale(img) );
																			 }
																		  );
												  }
									);
	}

	jQuery('#searchbox').focus(function()
									{
									jQuery(this).val('');
	});
	
	
	jQuery('#ul-head li').each(
							function(index)
										  {
												
												var id = jQuery(this).attr('id');
												
											
												jQuery(this).hover(
																 function()
																 {
		
																				
																	 	
																		jQuery('#ul_sub_'+id).fadeTo( buttonspeed , 1 );
																		hideid = id;
																		
																		 jQuery('#ul_sub_'+id).hover(
																									 function()
																									 {
																									 },
																									 
																									 function()
																									 {
																											 
																											//jQuery('#ul_sub_'+id).fadeTo( buttonspeed , 0);
																									 }
																			);
																 },
																 
																 function()
																 {
																	 jQuery('#ul_sub_'+id).fadeTo( buttonspeed , 0 , function() {
																											 jQuery('#ul_sub_'+id).css('display','none');
																															   });
																	 
																 }
															);
										  }
							);
	
	
});