function $(id){
    return document.getElementById(id);
}
var XLScroll = function(args) {
var cont = $(args.container) ;
var singles = cont.getElementsByTagName("li") ;
this.maxlength = singles.length ;
this.pershow = args.pershow ;
this.switch_data = singles ;
this.control_pre = args.control_pre ;
this.control_next = args.control_next ;
this.objname = args.objname ;
if (args.control_show) {
this.control_show_elm = args.control_show.elm ;
this.control_show_selectedstyle = args.control_show.selected_style ;
}
}
XLScroll.prototype.scroll_switch = function(obj,page) {
var maxpage = parseInt(this.maxlength / this.pershow) ;
if (page < 1) {page = maxpage ;}
if (page > maxpage) { page = 1 ;}
$(this.control_pre).onclick = function() {obj.scroll_switch(obj,page - 1)} ;
$(this.control_next).onclick = function() {obj.scroll_switch(obj,page + 1)} ;

if (this.control_show_elm && this.control_show_selectedstyle) {
$(this.control_show_elm).innerHTML = "" ;
for (i=1;i<=maxpage;i++) {
var showli = document.createElement("li") ;
showli.innerHTML = '<a href="javascript://"></a>' ;
showli.onclick = new Function(obj.objname+".scroll_switch("+obj.objname+","+i+");") ;  // dasdasd
if (i == page) {
showli.className = this.control_show_selectedstyle ;
}
$(this.control_show_elm).appendChild(showli) ;
}
}

for (i=0;i<this.maxlength;i++) {
if ( i >= ((page-1)*(this.pershow)) && i <= (page*this.pershow - 1) ) {
this.switch_data[i].style.display = "block" ;
}
else {
this.switch_data[i].style.display = "none" ;
}
}
}
var SwitchPic = function(args) {
this.bigpiccont = $(args.bigpic) ;
this.switchnav = $(args.switchnav) ;
this.selectstyle = args.selectstyle ;
this.objname = args.objname ;
this.curpage = 0 ;
this.autotimeintval = 3000 ;
var bigpics = this.bigpiccont.getElementsByTagName("div") ;
this.totalcount = bigpics.length ;
//this.bigpics = bigpics ;

for (i=0;i<bigpics.length;i++) {
bigpics[i].onmouseover = new Function(this.objname+".pauseSwitch();") ;
bigpics[i].onmouseout = new Function(this.objname+".goonSwitch("+this.objname+");") ;
}

var switchnavs = this.switchnav.getElementsByTagName("li") ;
for (i=0;i<switchnavs.length;i++) {
switchnavs[i].onmouseover = new Function(this.objname+".goSwitch("+this.objname+","+i+");"+this.objname+".pauseSwitch();") ;
switchnavs[i].onmouseout = new Function(this.objname+".goonSwitch("+this.objname+");") ;
}

}
SwitchPic.prototype.goSwitch = function(obj,page) {
if (page >= this.totalcount) { page = 0 ;}
this.curpage = page ;

var bigpics = this.bigpiccont.getElementsByTagName("div") ;
for (i=0;i<bigpics.length;i++) {
if (i == page) {bigpics[i].style.display = "block" ;}
else {bigpics[i].style.display = "none" ;}
}
var switchnavs = this.switchnav.getElementsByTagName("li") ;
for (i=0;i<switchnavs.length;i++) {
if (i == page) {switchnavs[i].className = this.selectstyle; }
else { switchnavs[i].className = ""; }
}
}
SwitchPic.prototype.autoSwitch = function(obj) {
this.curpage ++ ;
this.goSwitch(obj,this.curpage) ;
this.autoSwitchTimer = setTimeout(obj.objname+".autoSwitch("+obj.objname+");", this.autotimeintval);
}
SwitchPic.prototype.pauseSwitch = function() {
clearTimeout(this.autoSwitchTimer);
}
SwitchPic.prototype.goonSwitch = function(obj) {
clearTimeout(this.autoSwitchTimer);
this.autoSwitchTimer = setTimeout(obj.objname+".autoSwitch("+obj.objname+");", this.autotimeintval);
}

