var w3c=(document.getElementById)?true:false;
var ie=(document.all)?true:false;
var N=-1;

function createBar(w,h,bgc,brdW,brdC,blkC,speed,blocks,count,action){
	
	if(ie||w3c){
		var t='<div id="_xpbar'+(++N)+'" style="text-align:center;margin: 0 auto;visibility:visible; position:relative; overflow:hidden; width:'+w+'px; height:'+h+'px; background-color:'+bgc+'; border-color:'+brdC+'; border-width:'+brdW+'px; border-style:solid; font-size:1px;">';
		t+='<span id="blocks'+N+'" style="left:-'+(h*2+1)+'px; position:absolute; font-size:1px">';
		for(i=0;i<blocks;i++){
		t+='<span style="background-color:'+blkC+'; left:-'+((h*i)+i)+'px; font-size:1px; position:absolute; width:'+h+'px; height:'+h+'px; '
		t+=(ie)?'filter:alpha(opacity='+(100-i*(100/blocks))+')':'-Moz-opacity:'+((100-i*(100/blocks))/100);
		t+='"></span>';
	}
	t+='</span></div>';
	document.write(t);
	var bA=(ie)?document.all['blocks'+N]:document.getElementById('blocks'+N);
	bA.bar=(ie)?document.all['_xpbar'+N]:document.getElementById('_xpbar'+N);
	bA.blocks=blocks;
	bA.N=N;
	bA.w=w;
	bA.h=h;
	bA.speed=speed;
	bA.ctr=0;
	bA.count=count;
	bA.action=action;
	bA.togglePause=togglePause;
	bA.showBar=function(){
		this.bar.style.visibility="visible";
	}

	bA.hideBar=function(){
		this.bar.style.visibility="hidden";
	}

	bA.tid=setInterval('startBar('+N+')',speed);
		return bA;
	}
}

function startBar(bn){
	var t=(ie)?document.all['blocks'+bn]:document.getElementById('blocks'+bn);
	if(parseInt(t.style.left)+t.h+1-(t.blocks*t.h+t.blocks)>t.w){
		t.style.left=-(t.h*2+1)+'px';
		t.ctr++;
		if(t.ctr>=t.count){
			eval(t.action);
			t.ctr=0;
		}
	}else 
		t.style.left=(parseInt(t.style.left)+t.h+1)+'px';
}

function togglePause(){
	if(this.tid==0){
		this.tid=setInterval('startBar('+this.N+')',this.speed);
	}else{
		clearInterval(this.tid);
		this.tid=0;
	}
}

function togglePause(){
	if(this.tid==0){
		this.tid=setInterval('startBar('+this.N+')',this.speed);
	}else{
		clearInterval(this.tid);
		this.tid=0;
	}
}

// Recoger la posición del cursor para presentar el mensaje bajo él
function getPosition(e) {

    e = e || window.event;
    var cursor = {x:0, y:0};
    if (e.pageX || e.pageY) {
        cursor.x = e.pageX;
        cursor.y = e.pageY;
    } 
    else {
        var de = document.documentElement;
        var b = document.body;
        cursor.x = e.clientX + 
            (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0);
        cursor.y = e.clientY + 
            (de.scrollTop || b.scrollTop) - (de.clientTop || 0);
    }
    return cursor;
}


// Mostrar la barra de progreso y configurar el mensaje de la barra
function displayProgressBarAndMessage(msg,e) {
	cursor = getPosition(e);
	pos_y = cursor.y + 50;	

	// mostrar el div que contiene la barra y situarlo bajo el cursor
	document.getElementById("barraProgreso").style.top = pos_y +"px";	
	document.getElementById("barraProgreso").style.display = "";	
	
	document.getElementById("iframeMensaje").style.top = pos_y + "px";
	document.getElementById("iframeMensaje").style.left = document.getElementById("barraProgreso").style.left;
	
	   			
	// Escribir el texto
	var textoBarra = document.getElementById("textoBarraProgreso");
	var messageBody = document.createTextNode(msg);
				
	if (textoBarra.childNodes[0]) {
		textoBarra.replaceChild(messageBody, textoBarra.childNodes[0]);
	} else {
		textoBarra.appendChild(messageBody);
	}
}