/*** image preloader ***/
var imagepreloader = new Array("images/arrow_left_mo.png", "images/arrow_right_mo.png");
if (document.images) 
{
	for(var i=0; i<imagepreloader.length; i++){
		var img = new Image();
		img.src = imagepreloader[i];
	}
}

/* yahoo shortcuts */
var Dom = YAHOO.util.Dom;
var Event = YAHOO.util.Event;
var Anim = YAHOO.util.Anim;

/*** slider ***/
var list;
var content;
var infos;
var clipper;
/* vanuit php : */
//var currentItem;
//var itemAmount;
var nextArrow;
var prevArrow;
var slideAnim = new Anim();
var infoAnim = new Anim();

window.onload = load;
function load(){
//	var el = document.getElementById('bottom');
//	if (el.addEventListener){
//		el.addEventListener('mouseover', showList, false);
//		el.addEventListener('mouseout', hideList, false);
//	} else if (el.attachEvent){
//		el.attachEvent('mouseover', showList);
//		el.attachEvent('mouseout', hideList);
//	}
	list = document.getElementById('list');
	content = document.getElementById('content');
	nextArrow = document.getElementById('next');
	prevArrow = document.getElementById('prev');
	clipper = document.getElementById('clipper');
	infos = Dom.getElementsByClassName('contentclipper');
	
	Event.on('clipper', 'mouseover', showInfo);
	Event.on('clipper', 'mouseout', hideInfo);

//	if(currentItem == 0){
//		Dom.setStyle(prevArrow, 'display', 'none');
//	}
//	if(currentItem == itemAmount){
//		Dom.setStyle(nextArrow, 'display', 'none');
//	}
}


function slideTo(num) {
	var tmpName = getCurrentBlock().className;
	getCurrentBlock().className = tmpName.substr(0, tmpName.length-8);
	
	currentItem = Math.min(num, itemAmount);
	currentItem = Math.max(num, 0);
	if(currentItem == itemAmount){
		prevArrow.style.display = 'block';
		nextArrow.style.display = 'none';
	}else if(currentItem == 0){
		prevArrow.style.display = 'none';
		nextArrow.style.display = 'block';
	}else{
		prevArrow.style.display = 'block';
		nextArrow.style.display = 'block';
	}
	
	getCurrentBlock().className += '_current';
	getCurrentBlock().blur();
	
	slideAnim = new Anim(content, { 
			left: { to: currentItem*-944 }  
		}, 0.5, YAHOO.util.Easing.easeBothStrong);
	slideAnim.animate();
}

function getCurrentBlock(){
	return document.getElementById('block'+currentItem);
}

function nextPicture(){
	nextArrow.blur();
	slideTo(currentItem+1);
	return false;
}
function prevPicture(){
	prevArrow.blur();
	slideTo(currentItem-1);
	return false;
}

function showInfo(e){
	if(!slideAnim.isAnimated()){
		_showI(e);
	}else{
		slideAnim.onComplete.subscribe(_showI, e, true);
	}
}
function _showI(e){
	var elTarget = Event.getTarget(e);
	if(Dom.hasClass(elTarget, 'imageblock') || elTarget == undefined ){
//		Dom.setStyle(infos[currentItem], 'opacity', '0.7');
//		infos[currentItem].style.display = 'block';
		Dom.setStyle(infos[currentItem], 'display', 'block');
		
		infoAnim = new Anim(infos[currentItem], { height: { to: 472 } }, 0.3, YAHOO.util.Easing.easeOut);
		infoAnim.animate();
	}
}
function hideInfo(e){
	var elTarget = Event.getTarget(e);
	var elTo = Event.getRelatedTarget(e);
	if(elTarget.className == "contentblock" || elTarget.className == "imageblock"){
		while(elTo.id != "clipper" && elTo != document){
			elTo = elTo.parentNode;
		}
		if(elTo == document){
			slideAnim.onComplete.unsubscribe(_showI);
			infoAnim = new Anim(infos[currentItem], { height: { to: 0 } }, 0.3, YAHOO.util.Easing.easeOut);
			
			infoAnim.animate();
	//		infos[currentItem].style.display = 'none';
		}
	}
}