// JavaScript Document


var mainmenu__timeobj1;
var mainmenu__timeobj2; 
var mainmenu__steps = 10;

function MainMenu__Transition(from, to, how, step_width)
{
    mainmenu__timeobj1 = setTimeout(function () {
        if (how == '>') {
            var new_pos = from + step_width;
        } else {
            var new_pos = from - step_width;
        }
        if ((new_pos < to && how == '>') || (new_pos > to && how == '<')) {
            $('container12').style.backgroundPosition = new_pos + 'px 0';
        } else {
            $('container12').style.backgroundPosition = to + 'px 0'; 
        }
        MainMenu__Transition(new_pos,to,how,step_width);
    },50);
    
    
}

function MainMenu__Load()
{
//    var pos = [60,155,262,350,425,490];
    var pos = [205,299,405,490];
      var lii = $('main_menu').select('li');
      var selected_li = '';
      var old_position = pos[0];
      
      for (var i=0; i<lii.length; i++) {
        if (lii[i].className == 'selected' ) {
            selected_li = lii[i].id;
        }
        lii[i].observe('mouseenter', function() {
            var idd = this.id.split("_");
            clearTimeout(mainmenu__timeobj1);
            clearTimeout(mainmenu__timeobj2);
            if (old_position < pos[idd[1]]) {
                var how = '>';
            } else {
                var how = '<';
            }
            var step_width = Math.round(Math.abs(pos[idd[1]] - old_position) / mainmenu__steps);
            MainMenu__Transition(old_position, pos[idd[1]], how, step_width);
            old_position = pos[idd[1]];
        });
        lii[i].observe('mouseleave', function() {
            mainmenu__timeobj2 = setTimeout(function () {
                clearTimeout(mainmenu__timeobj1);
                if (selected_li != '') {
                    var idd = selected_li.split("_");
                    var poz = pos[idd[1]];
                } else {
                    var poz = pos[0];
                }
                if (old_position < poz) {
                    var how = '>';
                } else {
                    var how = '<';
                }
                var step_width = Math.round(Math.abs(poz - old_position) / mainmenu__steps);
                MainMenu__Transition(old_position, poz, how, step_width);
                old_position = poz;
            },100);
            
        });    
      }
}