var SlideCountLimit=20;
var SlideDelay=50;
var SlideWidth=596;
var IsSliding=false;
var TimeoutID=NaN;

window.onload=OnLoad;

function OnLoad(){
	LoadSliding();
	HandleItems();
}

function LoadSliding(){
	if(!(Slide=document.getElementById('slide')))
		return false;
	if(!(Slide=Slide.getElementsByTagName('UL')[0]))
		return false;
	Slides=Slide.getElementsByTagName('LI');
	if(Host==undefined || !Host)
		Host='';
	for(i=0;i<Slides.length;i++){
		if(ClassName=Slides[i].className){
			ClassParts=ClassName.split(/_/);
			Slides[i].style.backgroundImage="url('"+Host+"images/items/previews/"+ClassParts[1]+"."+ClassParts[2]+".jpg"+"')";
		}
	}
	Slide.style.width=(Slides.length*SlideWidth)+'px';
	UnlockSliding();
}

function RewindSlide(Direction){
	if(!Direction || IsSliding)
		return false;
	Slide=document.getElementById('slide').getElementsByTagName('UL')[0];;
	if(!Slide || Slide==undefined)
		return false;
	clearTimeout(TimeoutID);
	if(!Slide.style.left)Slide.style.left='0px';
	StartPosition=parseInt(Slide.style.left);
	StartPosition=StartPosition?StartPosition:0;
	LockSliding();
	if(Direction<0){
		MoveSlide(StartPosition,-1,0);
	}
	else {
		MoveSlide(StartPosition,1,0);
	}
	return false;
}

function MoveSlide(StartPosition,Direction,Counter){
	Slide=document.getElementById('slide').getElementsByTagName('UL')[0];
	if(!Slide || Slide==undefined)
		return false;
	SlideAmount=Slide.getElementsByTagName('LI').length;
	if(Direction<0 && StartPosition==-(SlideAmount-1)*SlideWidth)
		Direction=SlideAmount-1;
	if(Direction>0 && StartPosition==0)
		Direction=1-SlideAmount;
	Slide.style.left=(Direction*0.5*SlideWidth*(1-Math.cos(Math.PI*Counter/SlideCountLimit))+StartPosition)+'px';
	if(Counter==SlideCountLimit){
		UnlockSliding();
		return;
	}
	setTimeout('MoveSlide('+StartPosition+','+Direction+','+(++Counter)+')',SlideDelay);
}

function HandleSliding(Lock){
	LeftArrow=document.getElementById('left_arrow');
	RightArrow=document.getElementById('right_arrow');
	if(!LeftArrow || !RightArrow)
		return;
	if(Lock){
		IsSliding=true;
		LeftArrow.style.visibility='hidden';
		RightArrow.style.visibility='hidden';
	}
	else {
		IsSliding=false;
		LeftArrow.style.visibility='visible';
		RightArrow.style.visibility='visible';
	}
}

function LockSliding(){
	HandleSliding(true);
}

function UnlockSliding(){
	HandleSliding(false);
	TimeoutID=setTimeout('RewindSlide(-1)',5000);
}


function HandleItems(){
	var E=new Array();
	ULs=document.getElementsByTagName('UL');
	for(i=0;i<ULs.length;i++){
		if(ULs[i].className=='items' || ULs[i].className=='items_column'){
			E.push(ULs[i]);
			break;
		}
	}
	DIVs=document.getElementsByTagName('DIV');
	for(i=0;i<DIVs.length;i++){
		if(DIVs[i].className=='item'){
			E.push(DIVs[i]);
			break;
		}
	}
	if(!E.length)
		return false;
	for(e=0;e<E.length;e++){
		IMGs=E[e].getElementsByTagName('IMG');
		for(i=0;i<IMGs.length;i++){
			DIV=IMGs[i].parentNode;
			while(DIV.tagName!='DIV'){
				DIV=DIV.parentNode;
			}
			DIV.parentNode.style.backgroundImage="url('"+IMGs[i].src+"')";
		}
	}
	return true;
}

function ChangeImage(ImageLink){
	Images=ImageLink.getElementsByTagName('IMG');
	if(!Images.length)
		return false;
	Thumb=Images[0];
	ThumbPath=Thumb.src;
	DIVs=document.getElementsByTagName('DIV');
	for(i=0;i<DIVs.length;i++){
		if(DIVs[i].className=='item'){
			Images=DIVs[i].getElementsByTagName('IMG');
			if(!Images.length)
				return false;
			var Image=Images[0];
			ImagePath=Image.src;
			Thumb.src=ThumbPath.replace(/\/[^\/]*$/,'/'+ImagePath.split(/\//).reverse()[0]);
			Image.src=ImagePath.replace(/\/[^\/]*$/,'/'+ThumbPath.split(/\//).reverse()[0]);
			HandleItems();
			break;
		}
	}
	return true;
}