/**
 * @author Vlad
 */

 function doRate()
 {
 	var mydiv=document.getElementById("rate");
	mydiv.innerHTML='<div class="ratingblock">\n';
	mydiv.innerHTML+='<ul id="unit_ul" class="unit-rating" style="width: 150px;">\n<li class="current-rating" style="width: 0px;"></li>\n<li><a href="#" onClick="changeRate(1)" class="r1-unit">1</a></li>\n<li><a href="#" onClick="changeRate(2)" class="r2-unit">2</a></li>\n<li><a href="#" onClick="changeRate(3)" class="r3-unit">3</a></li>\n<li><a href="#" onClick="changeRate(4)" class="r4-unit">4</a></li>\n<li><a href="#" onClick="changeRate(5)" class="r5-unit">5</a></li>\n';
    mydiv.innerHTML+='</ul>\n';
    mydiv.innerHTML+='</div>\n';
 }

 function changeRate(valoare)
 {
 	var mydiv=document.getElementById("rate");
	var width=30 * valoare;
	mydiv.innerHTML='<div class="ratingblock">\n';
	mydiv.innerHTML+='<ul id="unit_ul" class="unit-rating" style="width: 150px;">\n<li class="current-rating" style="width: '+width+'px;"></li>\n<li><a href="#" onClick="changeRate(1)" class="r1-unit">1</a></li>\n<li><a href="#" onClick="changeRate(2)" class="r2-unit">2</a></li>\n<li><a href="#" onClick="changeRate(3)" class="r3-unit">3</a></li>\n<li><a href="#" onClick="changeRate(4)" class="r4-unit">4</a></li>\n<li><a href="#" onClick="changeRate(5)" class="r5-unit">5</a></li>\n';
    mydiv.innerHTML+='</ul>\n';
    mydiv.innerHTML+='</div>\n';
	document.getElementById("rating").value=valoare;
 }
 
 function doStatic(valoare,id)
 {
 	var mydiv=document.getElementById(id);
	var width=30 * valoare;
	mydiv.innerHTML='<div class="ratingblock">\n';
	mydiv.innerHTML+='<ul id="unit_ul" class="unit-rating" style="width: 150px;">\n<li class="current-rating" style="width: '+width+'px;"></li>\n';
    mydiv.innerHTML+='</ul>\n';
    mydiv.innerHTML+='</div>\n';
 }