/* WebAppers Progress Bar, version 0.2
* (c) 2007 Ray Cheung
*
* WebAppers Progress Bar is freely distributable under the terms of an Creative Commons license.
* For details, see the WebAppers web site: http://wwww.Webappers.com/
*
/*--------------------------------------------------------------------------*/

var initial = -120;
var imageWidth=240;
var eachPercent = (imageWidth / 2) / 100;

// 37300
var initial37300 = -185;
var imageWidth37300 = 380;
var eachPercent37300 = (imageWidth37300 / 2) / 100;

/************************************************************\
*
\************************************************************/
function setText(id, percent) 
{
    var element = document.getElementById(id + 'Text');
    element.innerHTML = percent+"%";
}
/************************************************************\
*
\************************************************************/
function display ( id, percentage,color )
{	
	if (typeof color == "undefined") {
    color = "1";
  	}
    var percentageWidth = eachPercent * percentage;
    var actualWidth = initial + percentageWidth ;
    document.write('<img id="' + id + '" src="../mats/imgs/encuesta/barra/percentImage.png" alt="' + percentage + '%" class="percentImage' + color + '" style="background-position: ' + actualWidth + 'px 0pt;"/> <span id="' + id + 'Text" class="GenericoGris">' + percentage + '%</span>');
}

function display37300(id, percentage) {
    var percentageWidth = eachPercent37300 * percentage;
    var actualWidth = initial37300 + percentageWidth;
    document.write('<img id="' + id + '" src="../mats/imgs/37300/percentImage.png" alt="' + percentage + '%" class="percentImage37300" style="background-position: ' + actualWidth + 'px 0pt;"/><div id="' + id + 'Text" class="BoxPorcent">' + percentage + '%</div>');
}

function display373002(id, percentage) {
    var percentageWidth = eachPercent37300 * percentage;
    var actualWidth = initial37300 + percentageWidth;
    document.write('<img id="' + id + '" src="../mats/imgs/37300/percentImage.png" alt="' + percentage + '%" class="percentImage37300" style="background-position: ' + actualWidth + 'px 0pt;"/><span id="' + id + 'Text" class="GenericoGris">' + percentage + '%</span>');
}
/************************************************************\
*
\************************************************************/
function emptyProgress(id) 
{
    var element = document.getElementById(id);
    var newProgress = initial + 'px';
    element.style.backgroundPosition=newProgress+' 0';
    setText(id,'0');
}
/************************************************************\
*
\************************************************************/
function getProgress(id) 
{
    var element = document.getElementById(id);
    var nowWidth = element.style.backgroundPosition.split("px");
    return (Math.floor(100+(nowWidth[0]/eachPercent))+'%');
	
}
/************************************************************\
*
\************************************************************/
function setProgress(id, percentage) 
{
    var element = document.getElementById(id);
    var percentageWidth = eachPercent * percentage;
    var newProgress = eval(initial) + eval(percentageWidth) + 'px';
    element.style.backgroundPosition=newProgress+' 0';
    setText(id,percentage);
}
/************************************************************\
*
\************************************************************/
function plus ( id, percentage ) {

    var element = document.getElementById(id);
    var nowWidth = element.style.backgroundPosition.split("px");
    var nowPercent = Math.floor(100+(nowWidth[0]/eachPercent))+eval(percentage);
    var percentageWidth = eachPercent * percentage;
    var actualWidth = eval(nowWidth[0]) + eval(percentageWidth);
    var newProgress = actualWidth+'px';
    if(actualWidth>=0 && percentage <100)
    {
        var newProgress = 1 + 'px';
        element.style.backgroundPosition=newProgress+' 0';
        setText(id,100);
        alert('full');
    }
    else {
        element.style.backgroundPosition=newProgress+' 0';
        setText(id,nowPercent);
    }
}

function plus37300(id, percentage) {

    var element = document.getElementById(id);
    var nowWidth = element.style.backgroundPosition.split("px");
    var nowPercent = Math.floor(80 + (nowWidth[0] / eachPercent37300)) + eval(percentage);
    var percentageWidth = eachPercent37300 * percentage;
    var actualWidth = eval(nowWidth[0]) + eval(percentageWidth);
    var newProgress = actualWidth + 'px';
    if (actualWidth >= 0 && percentage < 100) {
        var newProgress = 1 + 'px';
        element.style.backgroundPosition = newProgress + ' 0';
        setText(id, 100);
        alert('ˇFelicidades, se ha alcanzado la meta de las 37,300 Toneladas!');
    }
    else {
        element.style.backgroundPosition = newProgress + ' 0';
        setText(id, nowPercent);
    }
}
/************************************************************\
*
\************************************************************/
function minus(id, percentage) 
{
    var element = document.getElementById(id);
    var nowWidth = element.style.backgroundPosition.split("px");
    var nowPercent = Math.floor(100+(nowWidth[0]/eachPercent))-eval(percentage);
    var percentageWidth = eachPercent * percentage;
    var actualWidth = eval(nowWidth[0]) - eval(percentageWidth);
    var newProgress = actualWidth+'px';
    if(actualWidth<=-120)
    {
        var newProgress = -120+'px';
        element.style.backgroundPosition=newProgress+' 0';
        setText(id,0);
        alert('empty');
    }
    else {
        element.style.backgroundPosition=newProgress+' 0';
        setText(id,nowPercent);
    }
}
/************************************************************\
*
\************************************************************/
function fillProgress(id, endPercent) 
{
    var element = document.getElementById(id);

    var nowWidth = element.style.backgroundPosition.split("px");
    startPercent = Math.ceil(100+(nowWidth[0]/eachPercent))+1;
    var actualWidth = initial + (eachPercent * endPercent);
    if (startPercent <= endPercent && nowWidth[0] <= actualWidth)
    {
        plus(id,'1');
        setText(id,startPercent);
        setTimeout("fillProgress('"+id+"',"+endPercent+")",30);
    }
}

function fillProgress37300(id, endPercent) {
    var element = document.getElementById(id);

    var nowWidth = element.style.backgroundPosition.split("px");
    startPercent = Math.ceil(100 + (nowWidth[0] / eachPercent37300)) + 1;
    var actualWidth = initial37300 + (eachPercent37300 * endPercent);
    if (startPercent <= endPercent && nowWidth[0] <= actualWidth) {
        plus37300(id, '1');
        setText(id, startPercent);
        setTimeout("fillProgress37300('" + id + "'," + endPercent + ")", 30);
    }
}