function OnResizePage(){
 var obj = document.getElementById('sliderimgs');
 var box = document.getElementById('scrollbox');
 if (obj.offsetWidth<box.offsetWidth) {
 	var margin = Math.round((box.offsetWidth-obj.offsetWidth)/2-0.5);
	obj.style.marginLeft=margin+'px';
 }
 else{
	var newLeft = obj.offsetLeft;
	if ((Math.abs(newLeft)+box.offsetWidth)>obj.offsetWidth) newLeft=box.offsetWidth-obj.offsetWidth;
	obj.style.left = newLeft + "px";
 };

}
function OnLoadPage(ImgCnt,ImgWeight){
 var obj = document.getElementById('sliderimgs');
 var box = document.getElementById('scrollbox');
 var NewWidth=(ImgCnt*ImgWeight);
 obj.style.width=NewWidth+'px';
 OnResizePage();
}
function addEvent(obj,type,fn){
 if(obj.attachEvent){
	obj['e'+type+fn] = fn;
	obj[type+fn] = function(){obj['e'+type+fn](window.event );}
	obj.attachEvent('on'+type, obj[type+fn]);
 } else obj.addEventListener(type,fn,false);
};
function goleft(step) {
 var obj = document.getElementById('sliderimgs');
 var box = document.getElementById('scrollbox');
 if (obj.offsetWidth>box.offsetWidth) {
	var newLeft = obj.offsetLeft-step;
	if ((Math.abs(newLeft)+box.offsetWidth)>obj.offsetWidth) newLeft=box.offsetWidth-obj.offsetWidth;
	obj.style.left = newLeft + "px";
 };
}
function goright(step) {
 var obj = document.getElementById('sliderimgs');
 var box = document.getElementById('scrollbox');
 if (obj.offsetWidth>box.offsetWidth) {
	var newLeft = obj.offsetLeft+step;
	if (newLeft>0) newLeft=0;
	obj.style.left = newLeft + "px";
 };
}
addEvent(window,"resize",OnResizePage);