//*******************************************
// Thumb Mouse-over
//*******************************************

function kimi_thumb_gif(tag)
    {
    if (!tag) return;
    src=tag.src;
    gifsrc=src.replace(/(.*)\.jpg/,"$1.gif");
    tag.src=gifsrc;
    };

function kimi_thumb_jpg(tag)
    {
    if (!tag) return;
    src=tag.src;
    gifsrc=src.replace(/(.*)\.gif/,"$1.jpg");
    tag.src=gifsrc;
    };

//*******************************************
// Animated Kimi-thumb cycling
//*******************************************

animated_thumbs=new Array;
last_animated_slice=0;
animated_slice_size=5;
function animate_kimi_thumbs()
    {
    for (i=0;i<animated_thumbs.length;i++)
        {
        tag=$(animated_thumbs[i]);
        kimi_thumb_jpg(tag);
        }

    last_animated_slice+=1;
    animated_thumbs=new Array;
    if (last_animated_slice>=animated_slice_size) last_animated_slice=0;
    for (i=last_animated_slice;i<kimi_thumb_list.length;i+=animated_slice_size)
        {
        tag=$(kimi_thumb_list[i]);
        kimi_thumb_gif(tag);
        animated_thumbs.push(kimi_thumb_list[i]);
        }
    setTimeout("animate_kimi_thumbs()",5000);
    };

function start_animating_kimi_thumbs()
    {
    setTimeout("animate_kimi_thumbs()",0);  //auto animate
    };

var kimi_thumb_list=new Array;
var f=null;
var t=true;
//sample:
//kthumb("abc-123","fankie","img_url","display_title",f,f,f,f,f,f,f)
function no_kthumb()
    {
    out="";
    out+="<td class=kimiIconsTable><table class=kimiHolder><tr><td>";
    out+="</td></tr></table></td>";
    };

//***********************************************
// Generate Kimi Thumb HTML
//***********************************************
function kthumb(options)
    {
    kimi_id=options.kimi;
    title=options.title;
    img_url=options.img;
    display_title=options.d_title;
    on_click=options.on_click;
    rating=options.stars;
    user_rating=options.my_stars;
    uses=options.uses;
    date_updated=options.updated;
    date_created=options.created;
    date_featured=options.featured;
    show_new=options["show_new"];
    mouseover_animate=options.mouse_ani;
    auto_animate=options.auto_ani;
    no_td=options.no_td;
    link_params=options.params;

    kp_img_url=options.kp_img_url;
    kp_animated=options.kp_animated;

    no_link=kp_img_url;

    add_td=(no_td!=t);

    out="";
    if (add_td) out+="<td class=kimiIconsTable>";
    out+="<table class=kimiHolder><tr><td>";

    click_url="/main/view_kimi/"+kimi_id;
    if (link_params)
        click_url+="?"+link_params;
    if (!on_click) on_click="window.location.href='#{click_url}'";

    out+="<div class=kimiHolderThumb on_click='"+on_click+"'>";

    if (!no_link) out+="<a href='"+click_url+"' on_click='return false'>";

    html_id="thumb_"+kimi_id;
    out+="<img id='"+html_id+"' class=kimi_thumb_image width=100 height=75 ";
    if (kp_animated) out+=" kp_animated=true ";
    if (kp_img_url) out+=" kp_img_url=\""+encodeURIComponent(kp_img_url)+"\" ";

    if (mouseover_animate) out+=" onmouseover='kimi_thumb_gif(this)' onmouseout='kimi_thumb_jpg(this)' ";

    out+=" title='"+title+"' alt='"+title+"' src='"+img_url+"'>";

    if (!no_link) out+="</a>";
    out+="</div></td>";
    out+="<td valign=bottom><img width=4 src='/images/image_icon_shadow_right.png'></td></tr>";
    out+="<tr><td colspan=2 align=right><img height=4 src='/images/image_icon_shadow_bottom.png'></td></tr>";

    out+="<tr><td align=center>";

/*
#if @bag_mode
#    %><div style="float:right;"><a href="." on_click="javascript:debag_kimi('<%=@kimi_thumb.kimi_msid%>');return false;" class=small>debag</a></div><%
#else
#    %><div style="float:right;"><a href="." on_click="javascript:bag_kimi('<%=@kimi_thumb.kimi_msid%>');return false;" class=small>bag</a></div><%
#end
*/
    if (auto_animate != f)
        kimi_thumb_list.push(html_id);

    if (display_title != f)
        {
        out+="<span class='kimiThumbTitle'><nobr>";
        out+=display_title;
        if (show_new) out+="<img width=20 height=12 src='http://imikimi.com/images/new.gif'>";
        out+="</nobr></span>";
        }
//************************************************
// Details
//************************************************

    out+="<span class=smallStatsText>";
    if (rating != f)
        {
        out+="<br><nobr>";
        var n;
        for (n=1;n<=5;n++)
            {
            starnum=0;
            if ((rating*2+0.5)==n*2-1) starnum=1;
            if ((rating*2+0.5)>=n*2) starnum=2;
            sel="";
            if (user_rating && user_rating>=n) sel="s";
            out+="<img width=15 height=15 src='/images/star"+starnum+sel+".gif'>";
            }
        out+="</nobr>";
        }

    if (uses != f)
        {
        out+="<br>"+uses+" use";
        if (uses!=1) out+="s";
        }

    if (date_updated != f)   out+="<br>"+date_updated+" ago";
    if (date_created != f)   out+="<br>"+date_created+" ago";
    if (date_featured != f)  out+="<br>"+date_featured+" ago";
    out+="</span></td></tr></table>";
    if (add_td) out+="</td>";
    document.write(out);
    };