$(document).ready(function(){
    $("div.mini-left").mouseover(function(){
        $(this).attr("class","mini-left-active");
        $(this).find("img").attr("src","/images/mini-top-center-active.png");
    });
    $("div.mini-left").mouseout(function(){
        if($(this).attr("id") == "active"){
            $(this).attr("class","mini-left-active");
            $(this).find("img").attr("src","/images/mini-top-center-active.png");
        }else{
            $(this).attr("class","mini-left");
            $(this).find("img").attr("src","/images/mini-top-center.png");
        }
    });
    $("div.mini-center").mouseover(function(){
        $(this).attr("class","mini-center-active");
    });
    $("div.mini-center").mouseout(function(){
        if($(this).attr("id") == "active"){
            $(this).attr("class","mini-center-active");
        }else{
            $(this).attr("class","mini-center");
        }
    });
    $("div.mini-right").mouseover(function(){
        $(this).attr("class","mini-right-active");
        $(this).find("img").attr("src","/images/mini-top-center-back-active.png");
    });
    $("div.mini-right").mouseout(function(){
        if($(this).attr("id") == "active"){
            $(this).attr("class","mini-right-active");
            $(this).find("img").attr("src","/images/mini-top-center-back-active.png");
        }else{
            $(this).attr("class","mini-right");
            $(this).find("img").attr("src","/images/mini-top-center-back.png");
        }
    });
});