var divTop = 0;
var divBottom;
var divLeft = 0;
var divRight;
var t;
var stop = true;
var filmWidth = 881;
var filmHeight = 230;
var speed = 1;
var newspeed = 3;
var divWidth = 0;
var totCount = 0;
function moveLeft(){
	filmObj = document.getElementById('film');
	var newLeft = filmObj.offsetLeft - 2;
	filmObj.style.left = newLeft + 'px';
	var movedLeft = Math.abs(filmObj.offsetLeft);
	var firstWidth = filmObj.firstChild.offsetWidth;
	if(movedLeft >= firstWidth) {
		filmObj.appendChild(filmObj.firstChild);
		filmObj.style.left = parseInt(filmObj.offsetLeft + movedLeft) + 'px';
	}
	clearTimeout(t);
	t = setTimeout("moveLeft()", speed);
}
function moveStop(){
	clearTimeout(t);
	stop = true;
}
function moveRight(){
	filmObj = document.getElementById('film');
	var newLeft = filmObj.offsetLeft + 2;
	newLeft = (newLeft == 0) ? newLeft++ : newLeft;
	filmObj.style.left = newLeft + 'px';
	var movedLeft = filmObj.offsetLeft;
	var lastObj = filmObj.childNodes[filmObj.childNodes.length - 1];
	var lastWidth = lastObj.offsetWidth;
	if(movedLeft > 0) {
		filmObj.insertBefore(lastObj, filmObj.firstChild);
		filmObj.style.left = parseInt(filmObj.offsetLeft - lastWidth) + 'px';
	}
	clearTimeout(t);
	t = setTimeout("moveRight()", speed);
}
function initFilm(){
	filmObj = document.getElementById('film');
	leftBtnObj = document.getElementById('leftBtn');
	rightBtnObj = document.getElementById('rightBtn');
	divRight = divLeft + filmObj.offsetWidth;
	filmObj.style.position = "absolute";
	filmObj.parentNode.style.width = filmWidth + 'px';
	filmObj.parentNode.style.height = filmHeight + 'px';
	var parentWidth = 0;
	for(i=0; i<filmObj.childNodes.length; i++){
		if(filmObj.childNodes[i].tagName) {
			parentWidth += filmObj.childNodes[i].offsetWidth;
		}else{
			filmObj.removeChild(filmObj.childNodes[i]);
			i--;
		}
	}
	filmObj.style.width = parentWidth + 'px';
	divWidth = parentWidth;
	if(filmObj.offsetWidth < filmObj.parentNode.offsetWidth){
		leftBtnObj.style.visibility = 'hidden';
		rightBtnObj.style.visibility = 'hidden';
	}
	filmObj.parentNode.parentNode.style.width = filmWidth + 'px';
	filmObj.parentNode.parentNode.style.height = filmHeight + 'px';
}
function showScroller(){
	document.getElementById('show_scroller').style.visibility='visible';
	document.getElementById('show_scroller').style.display='block';
}
function moveCatMag(objId){
	var objCont = filmObj.firstChild.getAttribute('relation');
	filmObj = document.getElementById('film');
	var totlNodes = filmObj.childNodes.length;
	if(objCont){
		objArr = objCont.split("_");
		var seleNode = objArr[1];
		if(seleNode == objId){
			return false;
		}
		var newLeft = filmObj.offsetLeft - 8;
		filmObj.style.left = newLeft + 'px';
		var movedLeft = Math.abs(filmObj.offsetLeft);
		var firstWidth = filmObj.firstChild.offsetWidth;
		var selObj = filmObj.firstChild.getAttribute('relation');
		if(movedLeft >= firstWidth) {
			filmObj.appendChild(filmObj.firstChild);
			filmObj.style.left = parseInt(filmObj.offsetLeft + movedLeft) + 'px';
		}
		objSelArr = selObj.split("_");
		var selN = objSelArr[1];
		if(selN == objId){
			moveStop();
		}else{
			clearTimeout(t);
			t = setTimeout(function(){eval('moveCatMag(objId)');}, newspeed);

		}
 	}
}

function selectButton(butId){
	for(var i=3;i<=5;i++){
		var objDiv = document.getElementById('magazine_button'+i);
		if(butId == i){
			objDiv.onmouseover = ' ';
			objDiv.onmouseout = ' ';
			document.getElementById('L'+ i).src=LeftHImg.src;
			document.getElementById('M'+ i).className='tectBg2Select left';
			document.getElementById('R'+ i).src=RightHImg.src;
		}else{
			objDiv.xI = i;
			objDiv.onmouseover = function(e){ RepLR(this.xI,1); };
			objDiv.onmouseout = function(e){ RepLR(this.xI,0); };
			document.getElementById('L'+ i).src=LeftImg.src;
			document.getElementById('M'+ i).className='tectBg2 left';
			document.getElementById('R'+ i).src=RightImg.src;		
		}
	}
}