// blue one
/*
Add this code to your document:
<div style="top:15px; left:15px; z-index:10;" id="blue"></div>
<a href="javascript:initBlue();">Start</a> <a href="javascript:hideBlue();">Stop</a>
*/
var blueIsLeft = true;
var blueMove = true;
var blueDuration = 10.0;
var blueImgLeft = "/css/images/blue_left.png";
var blueImgRight = "/css/images/blue_right.png";

function moveBlue() {
 if(blueMove) {
 if(blueIsLeft) {
  document.getElementById('blue').innerHTML = '<img src="'+blueImgRight+'" />';
  moveBlueRight();
 } else {
 document.getElementById('blue').innerHTML = '<img src="'+blueImgLeft+'" />';
 moveBlueLeft();
 }
 setTimeout(function(){moveBlue();}, blueDuration*1000 + 500);
 }
}

function moveBlueLeft() {
var pos = findPos(document.forms.searchform.s);
  //new Effect.Move('blue', {x:-(window.innerWidth-120), y:-0, mode: 'relative', duration:blueDuration});
new Effect.Move('blue', {x:-pos[0], y:-0, mode: 'relative', duration:blueDuration});
  blueIsLeft = true;
}
function moveBlueRight() {
var pos = findPos(document.forms.searchform.s);
  //new Effect.Move('blue', {x:(window.innerWidth-120), y:-0, mode: 'relative', duration:blueDuration});
new Effect.Move('blue', {x:pos[0], y:-0, mode: 'relative', duration:blueDuration});
  blueIsLeft = false;
}

function initBlue() {
  // init
  document.getElementById('blue').innerHTML = '<img src="'+blueImgRight+'" />';
  Element.show('blue');
//var pos = findPos(document.forms.searchform.s);
  //new Effect.Move('blue', {x:0, y:window.innerHeight-120, mode: 'absolute'});
//new Effect.Move('blue', {x:0, y:pos[1], mode: 'absolute'});
//new Effect.Move('blue', {x:0, y:0, mode: 'absolute'});
  setTimeout(function(){moveBlue();}, 500);
}
function hideBlue() {
  blueMove = false;
  setTimeout(function(){new Effect.Puff('blue');}, blueDuration*1000 + 500);
}

function findPos(obj) {
    // http://www.quirksmode.org/js/findpos.html
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}