function addEvent(obj, evType, fn) {
  if (obj.addEventListener) {
      obj.addEventListener(evType, fn, true);
      return true;
    } else if (obj.attachEvent) {
      var r = obj.attachEvent("on"+evType, fn);
      return r;
    } else {
      return false;
    }
}

var irany = -1;
var scrolling = -1;
var x = 0; 
var t;

function autoScroll() {
	tabla = document.getElementById('scroll');
	kepdiv = document.getElementById('prodpics_list'); 
	if (scrolling > 0 && x >= parseInt(kepdiv.style.width)) {
		x = -parseInt(tabla.style.width);
	}
	if (scrolling < 0 && x <= -parseInt(tabla.style.width)) {
		x = parseInt(kepdiv.style.width);
	}  
	x = x + scrolling;
	tabla.style.left = x+'px';
}


function autoScroll2() {
	var tabla  = document.getElementById('scroll');
	var tabla2 = document.getElementById('scroll2');
	var kepdiv = document.getElementById('prodpics_list'); 
	var w      = parseInt(tabla.style.width);
	var kepw   = parseInt(kepdiv.style.width);
	var x2	   = parseInt(tabla2.style.left);

	if (scrolling > 0) {
		if (x>x2 && x2>=0) {
			x = x2-w-1;
		}
		if (x<x2 && x>=0) {
			x2 = x-w-1;
		}
	}
	if (scrolling < 0) {
		if (x<x2 && x2 <= 0) {
			x = x2+w+1;
		}
		if (x2<x && x <= 0) {
			x2 = x+w+1;
		}
	}  
	x = x + scrolling;
	x2 = x2 + scrolling;
	tabla.style.left = x+'px';
	tabla2.style.left = x2+'px';
}

	
function scrollLeft() {
	addClass(this,'lefthover');
	if (scrolling!=-10) {
		scrolling = -10;
	}
}
function scrollRight() {
	addClass(this,'righthover');
	if (scrolling != 10) {
		scrolling = 10;
	}
}

function scrollStop() {
	scrolling = 0;
}

function scrollStart() {
	scrolling = -1;
}
function addClass(o,className)
{
	o.className = className;
}
function initArrows()
{
	var left  = document.getElementById('scrollleft');
	var right = document.getElementById('scrollright');
	var scrollPanel = document.getElementById('prodpics_list');
	addEvent(left, 'mouseover', scrollLeft);
	addEvent(right, 'mouseover', scrollRight);
	addEvent(left, 'mouseout', scrollStart);
	addEvent(right, 'mouseout', scrollStart);
	addEvent(scrollPanel, 'mouseover', scrollStop);
	addEvent(scrollPanel, 'mouseout', scrollStart);
	var imgList = document.getElementsByTagName('img');
	for (var i=0;i<imgList.length;i++){
		if (imgList[i].className && imgList[i].className.indexOf('bigger') != -1){
			 imgList[i].onmouseover = function (){this.width = parseInt(this.width*4);this.height=parseInt(this.height*4);}; 
             imgList[i].onmouseout =  function (){this.width = parseInt(this.width/4); this.height=parseInt(this.height/4);};
        }
	}
	scrollStart();
	if (document.getElementById('scroll2')) {
		t = setInterval(autoScroll2, 50);
	} else {
		t = setInterval(autoScroll, 50);
	}
	irany = -1;
	scrolling=-1;
	x = 0;
}


addEvent(window, 'load', initArrows);