var domain = "http://www.getvideo.bg/";
//constants///////////////
var initial = -120;
var imageWidth=242;
var eachPercent = (imageWidth/2)/100;
/////////////////////////////

function setProgress(id, percentage)
{
    var percentageWidth = eachPercent * percentage;
    var newProgress = eval(initial)+eval(percentageWidth)+'px';
    $("#"+id+"").css('backgroundPosition', newProgress+' 0');
    setText(id,percentage);
}

function setText (id, percent)
{
    $("#"+id+"Text").html(percent+"%");
}

function setResult (id, message)
{
    $("#"+id).html(message);
}


function display ( id, percentage,color )
{	
    var percentageWidth = eachPercent * percentage;
    var actualWidth = initial + percentageWidth ;
    $("#progress_img").html('<img id="'+id+'" src="'+domain+'img/percentImage.png" alt="'+percentage+'%" class="percentImage'+color+'" style="background-position: '+actualWidth+'px 0pt;"/> <span id="'+id+'Text" class="percentage">'+percentage+'%</span>');
}