/*window.onload = function() {
  var link = document.createElement("link");
  link.type = "image/x-icon";
  link.rel = "icon";
  link.href = "http://www.scotiabankcr.com/img/logoScotia.ico";
  document.getElementsByTagName("head")[0].appendChild(link);
  
  setupWaitingFloatAnimation();
}*/
ny = 1;
nx = 1;
velocidad = 35;
var timerController;
var positionVariation;
orden = getAnyVariationValue();
inicio = getAnyVariationValue();

function startAnimation() {
	floatingDiv = document.getElementById("flotante");
	
	floatingDiv.style.top = orden + document.body.scrollTop;
    floatingDiv.style.left = inicio + document.body.scrollLeft;
    horizontalBodySize = (navigator.appName != "Microsoft Internet Explorer") ?
            window.innerWidth : document.body.offsetWidth;
    horizontalDivSize = (navigator.appName != "Microsoft Internet Explorer") ?
            floatingDiv.clientWidth : floatingDiv.offsetWidth;
    verticalBodySize = (navigator.appName != "Microsoft Internet Explorer") ?
            window.innerHeight : document.body.offsetHeight;
    verticalDivSize = (navigator.appName != "Microsoft Internet Explorer") ?
            floatingDiv.clientHeight : floatingDiv.offsetHeight;
	
    if ((orden + verticalDivSize + positionVariation) >= verticalBodySize)
        ny = -1;
    if ((inicio + horizontalDivSize + positionVariation) >= horizontalBodySize)
        nx = -1;
    if (orden <= positionVariation)
        ny = 1;
    if (inicio <= positionVariation)
        nx = 1;
	//move de object vertically	
    orden += ny;
	//move de object horizontally	
	//inicio += nx;
	//floatingDiv.style.opacity = orden/300;
    startTimeout();
}
function startTimeout() {
    timerController = setTimeout('startAnimation()', velocidad);
}
function getVariationPosition() {
	positionVariation = getAnyVariationValue();
	setTimeout('getVariationPosition()', 5000);
}
function getAnyVariationValue() {
	return getRandomNumber();
}
function getRandomNumber() {
	return 30;
	//return Math.floor(Math.random()*250);
}

function setupWaitingFloatAnimation() {
    if (document.getElementById("flotante")) {
        setTimeout('setupFloatAnimation()', 5000);
    }
}
function setupFloatAnimation() {
    if (document.getElementById("flotante")) {
        startAnimation();
		getVariationPosition();
        floatDiv = document.getElementById('flotante');
        floatDiv.style.display = 'block';
        document.getElementById('flotante').onmouseover = function() {
            clearTimeout(timerController);
        };
        document.getElementById('flotante').onmouseout = startTimeout;
    }
}