$(document).ready(function() {
    $(".portfolios li").mouseover(function(){
    if($(this).children("img:first").width() != "91")
        {
        $(this).css("cursor","pointer").css("background-color","#f2f2f2").css("border-top","1px solid #f2f2f2").css("border-left","1px solid #f2f2f2").css("border-right","1px solid #f2f2f2");
        }
        else{$(this).css("cursor","default");}
    });
    
    $(".portfolios li").mouseout(function(){
        if($(this).children("img:first").width() == "55")
        {
            $(this).css("background-color","#ffffff").css("border-top","1px solid #fff").css("border-left","1px solid #fff").css("border-right","1px solid #fff");
        }
    });
    
    $(".portfolios li").click(function()
    {
        if($(this).children("img:first").width() != "91")
        {
            if($(this).find("img:first[width='55px']"))
            {
                $(".portfolios li").each(function () {
                    $( this ).css("background-color","#fff").css("border-left","1px solid #fff").css("border-right","1px solid #fff").css("border-top","1px solid #fff");
                    $( this ).find("img:first").css("width","55px");
                    $( this ).find("div.more").css("display","none");
                    $( this ).find(".moreless").css("display","block");
                });
                
                $(this).css("background-color","#f2f2f2");
                $(this).children(".moreless").css("display","none");
                $(this).children("img:first").animate({width:"91px"},200);
                $(this).children(".more").slideDown(100);
                $(this).css("cursor","default");
            }
        }
    });
});