function createStars(n, alt){
    star = "<img src='http://pictures.imhonet.ru/images/star_average.gif' title='"+alt+"' alt='"+alt+"'>";
    starnon = "<img src='http://pictures.imhonet.ru/images/star_none.gif' alt=''>";
    n = parseInt(n);
    none = 10 - n;
    result = "";
    while (n>0){
        result += star;
        n -= 1;
    }
    while (none>0){
        result += starnon;
        none -= 1;
    }
    return result;
}

function bigImage(){
	/* CONFIG */
		xOffset = 10;
		yOffset = 30;
	/* END CONFIG */
	$("#imhoMovieWidget > #imhoWidget > .item > .img > img").hover(function(e){
	    $("body").append("<img id='preview' src='"+ this.src +"' alt='Image preview'>");								 
	    $("#preview")
	        .css('position',"absolute")
		    .css("top",(e.pageY - xOffset) + "px")
		    .css("left",(e.pageX + yOffset) + "px")
		    .fadeIn("fast");	
	},
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	$("#imhoMovieWidget > #imhoWidget> .item > .img > img").mousemove(function(e){
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});	
}

function onMovieSuccess(data){
    if(data){
        var result = "<div id='imhoWidget' style='width:242px;border:1px dashed #eee;padding:3px 3px 0 3px;background:background:#fdfdfd;'>";
        $(data).each(function(){
            if (this.model == "imhonet.movie") {
                s = "<div class='item' style='padding:0; margin:0 0 3px 0;overflow:hidden;zoom:1;'>"
                s += "<div class='img' style='float:left;padding-right:2px;'><img src='" + this.fields.img + "' alt='" + this.fields.title + "' title='" + this.fields.title + "' style='height:60px;'></div>";
                s += "<div class='title' style='font-size:14px;font-weight:bold;' title='" + this.fields.desc + "'>" + this.fields.title + "</div>";
                s += "<div class='author' style='font-size:12px;' title='" + this.fields.year + "'>Жанр: " + this.fields.genre + "</div>";
                s += "<div class='stars' style='font-size:12px;' title='" + this.fields.rateWord + "'>Оценка: " + createStars(this.fields.rate, this.fields.rateWord) + "</div>";
                if ( this.fields.date != null ){
                    s += "<div class='date' style='font-size:12px;text-align:center;'>" + this.fields.date + "</div>";
                }
                s += "<div class='year' style='display:none'>" + this.fields.year + "</div>";
                s += "<div class='desc' style='display:none'>" + this.fields.desc + "</div>";
                s += "</div>";
                result += s;
            }
        });
        result += "</div>";
        $("#imhoMovieWidget").html(result);
        bigImage();
    }
    else {
        alert(gettext("Error.\nServer reports:\n")+data.msg);
    }
    return 0;
}
$.get("http://cyxapeff.org/imhonet/cyxapeff/json/?t=movie&n=5&callback=?", {}, onMovieSuccess, "jsonp");