$(document).ready(function() {
   

    $("a").filter("#ef1")
    .click(function(){
        $("input[@name='canvas_effect']:nth(0)").attr("checked","checked");//make the 1st one checked
        $("#ef1image").addClass("selected_effect");
        
        $("#ef2image").removeClass("selected_effect");
        $("#ef3image").removeClass("selected_effect");
        $("#ef4image").removeClass("selected_effect");
        $("#ef5image").removeClass("selected_effect");
        $("#ef6image").removeClass("selected_effect");
        
        return false;
    });
    
   $("a").filter("#ef2")
    .click(function(){
        $("input[@name='canvas_effect']:nth(1)").attr("checked","checked");//make the 2nd one checked
        $("#ef2image").addClass("selected_effect");
        
        $("#ef1image").removeClass("selected_effect");
        $("#ef3image").removeClass("selected_effect");
        $("#ef4image").removeClass("selected_effect");
        $("#ef5image").removeClass("selected_effect");
        $("#ef6image").removeClass("selected_effect");
        
        return false;
    });
    
   $("a").filter("#ef3")
    .click(function(){
        $("input[@name='canvas_effect']:nth(2)").attr("checked","checked");//make the 3rd one checked
        $("#ef3image").addClass("selected_effect"); 
        
        $("#ef1image").removeClass("selected_effect");
        $("#ef2image").removeClass("selected_effect");
        $("#ef4image").removeClass("selected_effect");
        $("#ef5image").removeClass("selected_effect");
        $("#ef6image").removeClass("selected_effect");
        
        return false;
    });

   $("a").filter("#ef4")
    .click(function(){
        $("input[@name='canvas_effect']:nth(3)").attr("checked","checked");//make the 4th one checked
        $("#ef4image").addClass("selected_effect"); 
        
        $("#ef1image").removeClass("selected_effect");
        $("#ef2image").removeClass("selected_effect");
        $("#ef3image").removeClass("selected_effect");
        $("#ef5image").removeClass("selected_effect");
        $("#ef6image").removeClass("selected_effect");
        
        return false;
    });   
   $("a").filter("#ef5")
    .click(function(){
        $("input[@name='canvas_effect']:nth(4)").attr("checked","checked");//make the 5th one checked
        $("#ef5image").addClass("selected_effect"); 
        
        $("#ef1image").removeClass("selected_effect");
        $("#ef2image").removeClass("selected_effect");
        $("#ef3image").removeClass("selected_effect");
        $("#ef4image").removeClass("selected_effect");
        $("#ef6image").removeClass("selected_effect");
        
        return false;
    });

   $("a").filter("#ef6")
    .click(function(){
        $("input[@name='canvas_effect']:nth(5)").attr("checked","checked");//make the 6th one checked
        $("#ef6image").addClass("selected_effect");  
        
        $("#ef1image").removeClass("selected_effect");
        $("#ef2image").removeClass("selected_effect");
        $("#ef3image").removeClass("selected_effect");
        $("#ef4image").removeClass("selected_effect");
        $("#ef5image").removeClass("selected_effect");
        
        return false;
    });   
    
});