// JavaScript Document
var Dom			= YAHOO.util.Dom;
var Event		= YAHOO.util.Event;
var Anim		= YAHOO.util.Anim;

var ie			= false;
var animators	= new Array();
var speedfast 	= 0.5;

function initializer(){
	initSlider();
	initProjecten();
	if(Shadowbox) Shadowbox.init({skipSetup: false});
}
Event.onDOMReady(initializer); 


var act_img		= false;
var act_zoom	= false;
function initProjecten(){
	var project_foto = Dom.get('project_foto_img');
	
	if(project_foto){
		var project_thumbs 	= Dom.get('project_thumbs');
		var images 			= project_thumbs.getElementsByTagName('a');
		
		for(i=0; i < images.length; i++){
			images[i].onclick = function(){
				if(act_img) 	Dom.removeClass(act_img,'active');
				$('.zoom').hide();
				
				act_img = this;
				Dom.addClass(act_img,'active');
				
				var rel 	= act_img.getAttribute('rel');
				var params 	= rel.split(';');
				var rel_options = new Array();
				for(var ir = 0, len = params.length; ir < len; ir++){
					var o = params[ir].match(/\s*([a-z_]*?)\s*=\s*(.+)\s*/);
					if(o) rel_options[o[1]] = o[2];
				}
				$('#'+rel_options['id']).show();
				//alert(params);
				
				var img = document.createElement('img');
				img.src = rel_options['src'];
				img.alt = '';
				
				project_foto.innerHTML = '';
				project_foto.appendChild(img);
				return false;
			}
			
			if(Dom.hasClass(images[i],'active')) act_img = images[i];
		}
	}
}

var proj_prev 	= false;
var proj_next 	= false;
var slider 		= false;
var slide 		= false;
var pos 	= 0;
var newpos 	= 0;
var end 	= 0;
var afst 	= 185;
function initSlider(){
	proj_prev = Dom.get('proj_prev');
	proj_next = Dom.get('proj_next');
	slider = Dom.get('proj_list_slyder');
	
	if(proj_prev && slider){
		if(pos == 0){
			proj_prev.style.opacity = 0;
			proj_prev.style.display = 'none';
		} else {
			proj_prev.style.opacity = 1;
			proj_prev.style.display = 'block';
		}
			
		proj_prev.onclick = function(){
			if(!slide){
				slide = true;
				newpos	= pos + (4 * afst);				
				var arg = { left: {to: newpos}};
				animate(slider, arg, setPos);
			}
			return false;
		}
	}
	if(proj_next && slider){
		if(pos <= end){
			proj_next.style.opacity = 0;
			proj_next.style.display = 'none';
		} else {
			proj_next.style.opacity = 1;
			proj_next.style.display = 'block';
		}
		
		proj_next.onclick = function(){
			if(!slide){
				newpos	= pos - (4 * afst);
				
				var arg = { left: {to: newpos}};
				animate(slider, arg, setPos);
			}
			return false;
		}
	}
	
	
}

function setPos(){
	pos 	= newpos;
	slide 	= false;
	
	if(pos == 0){
		if(proj_next.style.opacity != 1){
			proj_next.style.display = 'block';
			var arg = { opacity: {to: 1}};
			animate('proj_next', arg, false);
		}
		
		if(proj_prev.style.opacity != 0){
			var arg = { opacity: {to: 0}};
			animate('proj_prev', arg, setPrev);
		}
	} else if(pos <= end){
		if(proj_next.style.opacity != 0){
			var arg1 = { opacity: {to: 0}};
			animate('proj_next', arg1, setNext);
		}
		
		if(proj_prev.style.opacity != 1){
			proj_prev.style.display = 'block';
			var arg2 = { opacity: {to: 1}};
			animate('proj_prev', arg2, false);
		}
	} else {
		if(proj_next.style.opacity != 1){
			proj_next.style.display = 'block';
			var arg = { opacity: {to: 1}};
			animate(proj_next, arg, false);
		}
		
		if(proj_prev.style.opacity != 1){
			proj_prev.style.display = 'block';
			var arg = { opacity: {to: 1}};
			animate(proj_prev, arg, false);
		}
	}
}

function setPrev(){
	proj_prev.style.display = 'none';
}
function setNext(){
	proj_next.style.display = 'none';
}



// Animate function
function animate(element, arg, comp){
	if(animators[element]) animators[element].stop();
	animators[element] = new Anim(element, arg, speedfast, YAHOO.util.Easing.easeOut);
	if(comp) animators[element].onComplete.subscribe(comp);
	animators[element].animate();
}