function NavAni(list_id,ani_url,begin,step,end,default_item_number,time) {

  var interval,
      default_item;

  this.init=function() {
    interval=time/((end-begin)/step);
    var list=document.getElementById(list_id);
    var items=list.getElementsByTagName("li");
    for (var i=0;i<items.length;i++){
      items[i].style.background="url("+ani_url+") center "+begin+"px";
      items[i].mouseState=false;
      items[i].current=begin;
      addEvent(items[i],"mouseover",eventItemMouseOver);
      addEvent(items[i],"mouseout",eventItemMouseOut);
    }
    default_item=items[default_item_number];
    default_item.mouseState=true;
    show(default_item);
  }

  var eventItemMouseOver=function() {
    default_item.mouseState=false;
    hide(default_item);
    this.mouseState=true;
    show(this);
  }

  var eventItemMouseOut=function() {
    this.mouseState=false;
    hide(this);
    default_item.mouseState=true;
    show(default_item);
  }

  var show=function(item) {
    if (item.mouseState && item.current<end) { 
      item.current+=step;
      item.style.backgroundPosition="center "+item.current+"px";
      setTimeout(function(){show(item);},interval);
    }
  }

  var hide=function(item) {
    if (!item.mouseState && item.current>begin) { 
      item.current-=step;
      item.style.backgroundPosition="center "+item.current+"px";
      setTimeout(function(){hide(item);},interval);
    }    
  }

}

function NavEvents(list_id,begin,step,default_item_number,default_color) {

  var default_item,
      colors=[];

  this.setColors=function(color_array) {
    colors=color_array;
  }

  this.init=function() {
    var list=document.getElementById(list_id);
    addEvent(list,"mouseout",eventListMouseOut);
    var items=list.getElementsByTagName("li");
    for (var i=0;i<items.length;i++){
      items[i].pos=begin+step*i;
      items[i].color=colors[i];
      addEvent(items[i],"mouseover",eventItemMouseOver);
      addEvent(items[i],"mouseout",eventItemMouseOut);
      addEvent(items[i],"click",eventItemClick);
    }
    default_item=items[default_item_number];
    eventItemMouseOver.call(default_item);
  }

  var eventListMouseOut=function() {
    eventItemMouseOver.call(default_item);
  }

  var eventItemMouseOver=function() {
    eventItemMouseOut.call(default_item);
    this.firstChild.style.color=this.color;
    this.firstChild.style.fontWeight="bold";
    this.parentNode.parentNode.style.backgroundPosition="0px "+this.pos+"px";
  }

  var eventItemMouseOut=function() {
    this.firstChild.style.color=default_color;
    this.firstChild.style.fontWeight="normal";
  }

  var eventItemClick=function() {
    var address=this.getElementsByTagName("a")[0].href;
    window.location.href=address; 
  }

}

var default_index=0;
function gainMenuDefaultItem(){
        thisLocAddr = top.location.href.toLowerCase(); 
        if(thisLocAddr.indexOf("selecthotellist")>0)
            default_index=1;   
        else if(thisLocAddr.indexOf("tourpackages")>0)
            default_index=3;
        else if(thisLocAddr.indexOf("group")>0)
            default_index=4;   
        else if(thisLocAddr.indexOf("passport")>0)
            default_index=5;    
        else if(thisLocAddr.indexOf("gtaclass")>0)
            default_index=6;    
}
var tabIndex=gainMenuDefaultItem();

var navAni=new NavAni("nav","images/itemAni.gif",27,27,162,default_index,250);
addEvent(window,"load",navAni.init);

var navEvents=new NavEvents("nav",35,35,default_index,"#fff");
navEvents.setColors(["#4169e1","#8b008b","#8b0000","#ff8c00","#daa520","#006400","#008b8b"]);
addEvent(window,"load",navEvents.init);

function directToLoginRBScn(){
    var loginUrl="http://rbs.gta-travel.com/cn/Enter.jsp?siteid=home&start=LoginClient.jsp&lang=CS";
    window.open(loginUrl,"_blank");
}