//<![CDATA[
var PhorScrolls = new Array();

try {
	window.addEventListener('load', init, false);
} catch(e) {
	window.onload = init;
}


function init() {

    if (document.getElementById('Preview') &&
        document.getElementById('PrevSetup') &&
        document.getElementById('BigPhoto') &&
        document.getElementById('PhotoNum')){

    ownPreview = document.getElementById('Preview');
    BigImages = document.getElementById('BigPhoto');
    PhotoNums = document.getElementById('PhotoNum');


    setUps = document.getElementById('PrevSetup');
    ims = setUps.ims.value;
    prevPath = setUps.prevPath.value;
    bigImgPath =  setUps.photoPath.value;


    PhorScrolls[0] = new PhorScroll('Preview',
    				    'PtoRight',
    				    'PtoLeft',
    				    'ItoRight',
    				    'ItoLeft',
    				    'ims',
    				    'prevPath',
    				    'bigImgPath',
    				    'PhotoNum');


    PhorScrolls[0].createPreviews();


if (!currPic){var currPic = 1;}	
    enLarge(currPic); 

        }
}

function PhorScroll(ownPrevID,
		    toRightID,
		    toLeftID,
		    predID,
		    sledID,
		    NumImgs,
		    prevPath,
		    photoPath,
		    PhotoNum) {

	this.index = PhorScrolls.length;
	this.prButton = document.getElementById(toRightID);
	this.plButton = document.getElementById(toLeftID);
	this.predButton = document.getElementById(predID);
	this.sledButton = document.getElementById(sledID);
	this.NumImgs = NumImgs;
	this.prevPath = prevPath;
	this.photoPath = photoPath;
	this.createPreviews = createPreviews;
	this.prevClick = prevClick;
	this.PredSledClick = PredSledClick;
}


function createPreviews(){
	ImgArr = new Array();
	for (var i = 1; i <= ims; i++) { 
	ImgArr[i] = new Image(); 
	ImgArr[i].src = prevPath + i + '.jpg'; 
	} 


	previewI = new Array();

	for (var m = 1; m <= ims; m++){

	var elemI = document.createElement('img');
	elemI.src = prevPath + m + '.jpg';


	elemI.width = 70;
	elemI.height = 35;


	elemI.alt = 'look';
	elemI.className = 'PrevImg';
	elemI.id = 'i' +m;

	ownPreview.appendChild(elemI);

	previewI[i] = document.getElementById('i'+m);

	previewI[i].onclick = prevClick;
	}

    this.plButton.onmousedown = PrevScrollClick;
    this.plButton.onmouseup = handleScrollStop;
    this.plButton.onmouseout = handleScrollStop;
//  this.plButton.oncontextmenu = blockEvent;

    this.prButton.onmousedown = PrevScrollClick;
    this.prButton.onmouseup = handleScrollStop;
    this.prButton.onmouseout = handleScrollStop;
//  this.prButton.oncontextmenu = blockEvent;

    this.predButton.onclick = PredSledClick;
    this.sledButton.onclick = PredSledClick;
}

function handleScrollStop() {
    scrollEngaged = false;
}

function PrevScrollClick(evt){
    evt = (evt) ? evt : event;
    var target = (evt.target) ? evt.target : evt.srcElement;
    var index = target.index;

    course = (target.className == "arrowLeft") ? toLeft : toRight;
    scrollEngaged = true;

    PrevScroll(index,course);

    scrollInterval = setInterval('PrevScroll(' + index + ',' + course + ')', 200);
    evt.cancelBubble = true;
    return false;
}

function PrevScroll(index,cource){ 
    var Pscroller = PhorScrolls[index];
    if (scrollEngaged) {
	return cource();
    } else {
       clearInterval(scrollInterval);
    }
}

function toRight(){

	aaa = ownPreview.firstChild;

	zzz = ownPreview.lastChild;

	ownPreview.insertBefore(zzz, aaa);
}

function toLeft(){ 

	var elemB = document.createElement('br');

	ownPreview.appendChild(elemB);

	aaa = ownPreview.firstChild;

	zzz = ownPreview.lastChild;

	ownPreview.insertBefore(aaa, zzz);

	ownPreview.removeChild(elemB);
}


function prevClick(evt){ 
    evt = (evt) ? evt : event;
    var target = (evt.target) ? evt.target : evt.srcElement;
    var regexp = /\d+/;

    xxx = regexp.exec(target.getAttribute('id'));

    enLarge(xxx);
    evt.cancelBubble = true;
    return false;
}

function enLarge(photoId) { 

	var BIchilds = BigImages.childNodes; 
	if (BIchilds.length > 0) {
	for (h=0; h <= BIchilds.length; h++ ){
		BigImages.removeChild(BIchilds.item(h));
		}
	}

	var elemBI = document.createElement('img');
  //Random picture
  if (photoId == 1) rand = Math.round(Math.random()*6);
  else rand = photoId;
  if (rand == 0) rand = 1;
  elemBI.src = bigImgPath + rand + '.jpg';
	elemBI.alt = '';
	elemBI.id = 'B'+photoId;

	BigImages.appendChild(elemBI);

	countImg(photoId,ims);
	return false;
}

function countImg(currImg,allImg){

	var PhotoNumschilds = PhotoNums.childNodes;
	if (PhotoNumschilds.length > 0) {
	for (h=0; h <= PhotoNumschilds.length; h++ ){
		PhotoNums.removeChild(PhotoNumschilds.item(h));
		}
	}

 	var elemS = document.createElement('span');
	var txts = document.createTextNode(currImg + ' of ' + allImg+ ' images ');
	elemS.appendChild(txts);

	PhotoNums.appendChild(elemS);
	return false;
}

function PredSledClick(evt){ 
    evt = (evt) ? evt : event;
    var target = (evt.target) ? evt.target : evt.srcElement;
    var regexp = /\d+/;
    xxx = regexp.exec(BigImages.firstChild.getAttribute('id'));
    var wView = (target.className == "arrowLeft") ? -1 : 1;
    var nextPhoto = parseInt(xxx)+parseInt(wView);
    if (nextPhoto <= 0) {
    nextPhoto = ims;
    }
    if (nextPhoto > ims) {
    nextPhoto = 1;
    }
     enLarge(nextPhoto);
    evt.cancelBubble = true;
    return false;

}

//]]>