$$(document).ready(function() {  
        $$('div.DightBox div, div.Dmidimg').css('display', 'none');
		$$('div.middlecontdirector table tr td  a img').fadeTo( 'fast', 0.4 ).click(function(event){
			var prabhat = (event.target.id.charAt(1) - 1); 
			$$('div.DightBox div').css('display', 'none');
			$$($$('div.DightBox div')[prabhat]).fadeIn('slow');
			$$('div.Dmidimg').css('display', 'none').eq(prabhat).fadeIn('slow');
			var gituk = $$('div.middlecontdirector table tr td  a img').eq(prabhat).attr('src');
			gituk = gituk.replace(/_gray.jpg/, '_gray.jpg');
			$$('div.middlecontdirector table tr td  a img').fadeTo( 'slow', 0.4 );
			var bansi = $$('div.middlecontdirector table tr td  a img.selected').attr('src');
			bansi = bansi.replace(/_gray.jpg/, '_gray.jpg');
			$$('div.middlecontdirector table tr td  a img.selected').attr('src', bansi).removeClass('selected');
			$$('div.middlecontdirector table tr td  a img').eq(prabhat).attr('src', gituk).fadeTo('slow', 1 ).addClass('selected');
		return false;	
		}).mouseover(function(event) {
		$$(event.target).fadeTo('fast', 1 );
		}).mouseout(function(event) {
			if( !$$(event.target).hasClass('selected') ) {
				$$(event.target).fadeTo( 'fast', 0.4 );
			}
		});
		$$('div.DightBox div').eq(0).fadeIn( 'slow');
		$$('div.middlecontdirector table tr td  a img').eq(0).fadeTo( 'slow', 1 ).addClass('selected');
		$$('div.Dmidimg').eq(0).fadeIn( 'slow');
		
    });