var p1;
    var p2;
    var last = '';
    var current = '';
    var sURL = new String(document.location.href);
    var over = 0;
    var active = '';
    //alert(sURL);

    function ispage(xpage){
      //var sURL = document.location.toString().toLowerCase();		
      //alert(sURL.toLowerCase().indexOf(xpage.toString().toLowerCase()));
      return (sURL.toLowerCase().indexOf(xpage.toString().toLowerCase()) > 0);	
    }

    function contains(line, substr){
      var searched = new String(line).toLowerCase();	
      var searchfor = new String(substr).toLowerCase();	
      //return (sURL.indexOf(substr.toString().toLowerCase()) > 0);	
      return (searched.indexOf(searchfor) >= 0);	
    }


    function findcontrol(partialname){
     var sx = $$('[id*='+partialname+']');
     if (sx.length>0){
     return sx[0];
     } else {
     return null;
     }
    } 

    function openlink(url){
        nombre = 'ventanaurl';
        window.open(url,nombre,'top=50,left=50,dependent=0,toolbar=1,location=1,status=1,menubar=1,scrollbars=1,resizable=1,width='+(screen.width-100)+',height='+(screen.height-100))
    }

    function switchclass(obj)
    {
    	if (obj.className=='section_collapsed') {
    	   obj.className=='section_expanded'
    	} else {
    	   obj.className=='section_collapsed';
    	}    
    }
    
    function bindMouse(oid)
    {
        //Event.observe($(oid), 'mouseover', function(ev){ if (ev.element().id!='mnucircle') { console.log(ev.element().id + ' over = 1');} over = 1;  });
        Event.observe($(oid), 'mouseover', function(ev){ over = 1;  });
        Event.observe($(oid), 'mouseout', function(ev){ if (ev.element().id!='mnucircle') {over = 0; reback(); } });
    }
    
    function initBack(){          
       Position.absolutize('mnucircle');
       $('mnucircle').style.visibility = 'visible';
       $('mnucircle').style.display = 'block';
       $('mnucircle').style.left = '0px';
       $('mnucircle').style.top = '64px';
       $('mnucircle').disabled = true;
       
       Event.observe($('mnuho'), 'mouseover', function(ev){moveto('mnuho'); });
       Event.observe($('mnuar'), 'mouseover', function(ev){moveto('mnuar'); });
       Event.observe($('mnupr'), 'mouseover', function(ev){moveto('mnupr'); });
       Event.observe($('mnutp'), 'mouseover', function(ev){moveto('mnutp'); });
       Event.observe($('mnuco'), 'mouseover', function(ev){moveto('mnuco'); });
       Event.observe($('mnuln'), 'mouseover', function(ev){moveto('mnuln'); });

       Event.observe($('mnuho'), 'click', function(ev){top.location = ev.element().href;});
       Event.observe($('mnuar'), 'click', function(ev){top.location = ev.element().href;});
       Event.observe($('mnupr'), 'click', function(ev){top.location = ev.element().href;});
       Event.observe($('mnutp'), 'click', function(ev){top.location = ev.element().href;});
       Event.observe($('mnuco'), 'click', function(ev){top.location = ev.element().href;});
       Event.observe($('mnuln'), 'click', function(ev){top.location = ev.element().href;});


       bindMouse('mnuho');
       bindMouse('mnuar');
       bindMouse('mnupr');
       bindMouse('mnutp');
       bindMouse('mnuco');
       bindMouse('mnuln');
       bindMouse('botonera');
       //bindMouse('mnucircle');       
       bindMouse('mnucontainer');
       bindMouse('backbotonera');
        
       //Event.observe($('botonera'), 'mouseout', function(){reback();});

       /*Event.observe($('mnuho'), 'mouseout', reback);
       Event.observe($('mnuar'), 'mouseout', reback);
       Event.observe($('mnupr'), 'mouseout', reback);
       Event.observe($('mnutp'), 'mouseout', reback);
       Event.observe($('mnuco'), 'mouseout', reback);
       Event.observe($('mnuln'), 'mouseout', reback);*/

       
       Event.observe($('mnuho'), 'click', function(ev){setcurrent('mnuho'); top.location = ev.element().href; });
       Event.observe($('mnuar'), 'click', function(ev){setcurrent('mnuar'); top.location = ev.element().href; });
       Event.observe($('mnupr'), 'click', function(ev){setcurrent('mnupr'); top.location = ev.element().href; });
       Event.observe($('mnutp'), 'click', function(ev){setcurrent('mnutp'); top.location = ev.element().href; });
       Event.observe($('mnuco'), 'click', function(ev){setcurrent('mnuco'); top.location = ev.element().href; });
       Event.observe($('mnuln'), 'click', function(ev){setcurrent('mnuln'); top.location = ev.element().href; });       
       
       Event.observe($('mnucircle'), 'click', function(ev){ top.location = $(last).href; });       
       
       var pa = new PositionOnScreen('mnucontainer');
       
       currentpage();
       var lf = new PositionOnScreen(current);
       $('mnucircle').style.left = (lf.x) - (pa.x) + 2 + 'px';     
    }
       
    function currentpage(){
        current = 'mnuho';
        if (ispage('OP=ARC')){
            current = 'mnuar';
        }                
        if (ispage('projects.aspx')){
            current = 'mnupr';
        }                
        if (ispage('tips.aspx')){
            current = 'mnutp';
        }                
        if (ispage('contacto.aspx')){
            current = 'mnuco';
        }                
        if (ispage('links.aspx')){
            current = 'mnuln';
        }                        
    }
    
    function setcurrent(elid){
      if (p1 != null) {
        p1.stop();
        $('mnucircle').style.left = targetleft + 'px';
      }	
      current = elid;
      moveto(current);
    }        
    
    function moveto(targetid){
      if (last != targetid) {
        last =  targetid;
        if (p1 != null) {
          p1.stop();
        }
        if (p2 != null) {
          p2.stop();
        }
        var pa = new PositionOnScreen('mnucontainer');
        var lf = new PositionOnScreen(targetid);
        targetleft = (lf.x) - (pa.x) + 2;
        actualleft = nosizes($('mnucircle').style.left);
        if (targetleft > actualleft) {
          step = 6;
          targetleftMax = targetleft + 6;
        }
        else {
          step = -6;
          targetleftMax = targetleft - 6;
        }
        cpos = actualleft;		
        p1 = new PeriodicalExecuter(function(pe){
          cpos = parseInt(nosizes(cpos)) + parseInt(nosizes(step));
          $('mnucircle').style.left = cpos + 'px';
          if (step > 0) {
            if (cpos > targetleft) {
              pe.stop();
              $('mnucircle').style.left = targetleft + 'px';
            }
          }
          else {
            if (cpos < targetleft) {
              pe.stop();
              $('mnucircle').style.left = targetleft + 'px';
            }
          }
        }, 0.01);		
      }
    }    

    function reback(){
        new PeriodicalExecuter(function(pe){
            pe.stop();
            if (over == 0){
                //console.log(over);
                moveto(current);
            }
        }, 0.5)
        
    }

    function openW(url,wd, hg, params, id){
         window.open(url, 'wnd000'+id, params + 'width='+wd+',height='+hg)

    }
    
    function initPage(){
      initBack();    
    }
    
    
    Event.observe(window, 'load', initPage);