function block() {
    $('#main').block({  
		  message: '<h3>Loading</h3>',  
		  css: { border: '2px solid #CCCCCC' }  
	});
}

function unblock() {
    $('#main').unblock();
}

$(document).ready(function(){

    
    $(".imgClass").click(
     function () {
            var index = $(".imgClass").index(this);
            $(".imgClassDetail:lt(" + index + ")").hide('fast'); 
            $(".imgClassDetail:gt(" + index + ")").hide('fast');
            $(".imgClassDetail:eq(" + index + ")").show('fast');
        }
    );
    
    $(".imgDetailClose").click(
     function () {
        var index = $(".imgDetailClose").index(this); 
         $(".imgClassDetail:eq(" + index + ")").hide('fast');
     }
    );
});