//PRELOADEN! UIT!!!!!!!
var slidenamen 	= new Array();
var slidenummer 	= 0; //niet meer gebruikt
var slide_effects	= new Array(); //effecten array
var scroll;	
var Slideshow= new Class( { ////navigatiemenu
	initialize: function(beeldEl, slidenum, op, id, categorie, path, bgcolor, use_urls, errorr_msg){
	
	this.beeldEl	= $(beeldEl);
	this.beeldEl.innerHTML='';
	$('control_slider').innerHTML='';
	////array_push($_SESSION['java'], "new Slideshow('beeld', 0, '$this->op', '$this->id', '',  'images/verkoop/".$this->id."/', '#fafafa', 0, '".$this->vertaal[no_images]."');");
	this.slidenum	= slidenum;	
	this.op		= op;
	this.id		= id;
	this.errorr_msg= (errorr_msg=="") ? "NO IMAGES AVAILABLE FOR THIS PAGE" : errorr_msg;
	this.categorie	= categorie;
	this.path	= path;
	this.bgcolor	= bgcolor;
	this.use_urls	= use_urls;
	this.current_active 	= 1;
	this.current_image 	= 0;	
	this.pauze		= 0;
	var obj		= this;
	slidenamen.extend([obj]);
	
	new Ajax('index.php', {update:'pass', onComplete: this.Digest, postBody:'slidenum='+this.slidenum+'&op='+this.op+'&id='+this.id+'&categorie='+this.categorie+'&ajax=1&urls='+this.use_urls+'&path='+this.path, evalResponse:true}).request();
	//alert($('control_container'))
	
	scroll = new Fx.Scroll($('control_container'), {
	wait: false,
	duration: 750,
	transition: Fx.Transitions.Quad.easeInOut
	});
	//offset: {'x': 0, 'y': 0},
	},
	
noImages: function(){
	this.img1		= document.createElement("IMG");	
	this.img1.src		= "images/lege_slideshow.gif";
	this.img1.id		= "slide_img"+0;
	this.img1.alt		= "geen beeld";
	this.img1.title		= "geen beeld";
	this.img1.className	="slide_img";
	this.beeldEl.appendChild(this.img1);
	this.beeldEl.innerHTML=this.beeldEl.innerHTML+"<center style='color:red;font-weight:bold'>"+this.errorr_msg+"</center>";
	$('controls_slide').style.display="none";
	toggle_beeld.delay(500);	
	},

Digest: function(){
	if(afbeeldingen.length<2){
	slidenamen[slidenummer].noImages();	
	}else{
	/*
	slidenamen[slidenummer].ab=2;
	
	if(afbeeldingen.length==0){
	afbeeldingen[0]= "images/lege_slideshow.gif";	
	atitels[0]	= "geen beeld";
	slidenamen[slidenummer].ab=0;
	}
	
	if(afbeeldingen.length==1){
	afbeeldingen[1]= "images/lege_slideshow.gif";	
	atitels[1]	= "geen beeld";
	slidenamen[slidenummer].ab=1;
	}
	*/
	slidenamen[slidenummer].afbeeldingen=afbeeldingen;
	slidenamen[slidenummer].atitels=atitels;
	
	if(afbeeldingen_urls){
	slidenamen[slidenummer].afbeeldingen_urls=afbeeldingen_urls;	
	}
	
	
	slidenamen[slidenummer].createEls(slidenum);
	}
	slidenummer++;
	
	},
	
	
createEls: function(slidenum){
			
			
		for(var i=0;i<this.afbeeldingen.length;i++){
		this.afbeelding_parts	= this.afbeeldingen[i].split(".");
		this.img		= document.createElement("IMG");	
		this.img.src		= this.path+this.afbeelding_parts[0]+"_o."+this.afbeelding_parts[1]; //HIER
		
		this.img.id		= "slides_"+i
		this.img.alt		= this.atitels[i];
		this.img.title		= this.atitels[i];
		this.img.className	="slides";
		$('control_slider').appendChild(this.img);
		
		if(i<2){		
		this.a=(i==0)? 1:0;
		this.canvas	= document.createElement("DIV");
		this.canvas.id	= "canvas0_"+this.a;
		this.canvas.className	= "canvas";
		this.beeldEl.appendChild(this.canvas);
		slide_effects[this.a] 	= new Fx.Styles($('canvas0_'+this.a), {duration:2000, wait:false});
		this.img1		= document.createElement("IMG");	
		this.img1.src		= this.path+this.afbeeldingen[this.a];
		this.img1.id		= "slide_img"+this.a;
		this.img1.alt		= this.atitels[this.a];
		this.img1.title		= this.atitels[this.a];
		this.img1.className	="slide_img";
		
		this.canvas.appendChild(this.img1);
		}
		
	
		}
			
		//this.setActions(slidenum);
		slidenamen[(slidenamen.length-1)].setActions();
		},
		
setActions: function(){
	
	this.controls		= $$('#controls');
	this.controls.each(function(control){ 	
	
	//$('header').addEvent('mouseenter', function(){	
	control.addEvent('click', function(){
	this.direction=control.className;
	
	if(mySlidestate==1){
	toggle_beeld();	
	}
	
	var maxmg=slidenamen[(slidenamen.length-1)].afbeeldingen.length-3;
	slidenamen[(slidenamen.length-1)].current_image=(this.direction=="up")? slidenamen[(slidenamen.length-1)].current_image-1 : slidenamen[(slidenamen.length-1)].current_image+1;
	slidenamen[(slidenamen.length-1)].current_image=(slidenamen[(slidenamen.length-1)].current_image<0) ? 0 : slidenamen[(slidenamen.length-1)].current_image;
	slidenamen[(slidenamen.length-1)].current_image=(slidenamen[(slidenamen.length-1)].current_image>maxmg) ?  slidenamen[(slidenamen.length-1)].afbeeldingen.length-3 : slidenamen[(slidenamen.length-1)].current_image;
	//window.status=$('slides_'+slidenamen[(slidenamen.length-1)].current_image);	
	//scroll.scrollTo(0, (slidenamen[(slidenamen.length-1)].current_image*127));

	/*
	if(this.direction=="up"){	
	scroll.scrollTo(0, (slidenamen[(slidenamen.length-1)].current_image*127));	
	}else{
	scroll.scrollTo(0, (slidenamen[(slidenamen.length-1)].current_image*127));	
	}
	*/
	scroll.toElement($('slides_'+slidenamen[(slidenamen.length-1)].current_image));
	});
	
	});
	
	this.kleine_afbeeldingen	= $$('.slides');
	this.kleine_afbeeldingen.each(function(imgk){ 	
	
	imgk.addEvent('mouseenter', function(){
	
	if(mySlidestate==1){
	toggle_beeld();	
	}
	
	current		= imgk.id.split("_");
	current		= current[1];
	next		= (current==slidenamen[(slidenamen.length-1)].afbeeldingen.length) ? 0 : parseInt(current)+1;
	current_img	= slidenamen[(slidenamen.length-1)].afbeeldingen[current];
	next_img	= slidenamen[(slidenamen.length-1)].afbeeldingen[next]
	//hier ook nog de eigen positie bepalen in het kleine overzicht en evt scrollen
	
	//window.status=
	if(imgk.getTop()>500){
	scroll.scrollTo(0, (imgk.getTop()-400));
	slidenamen[(slidenamen.length-1)].current_image=current;
	}
	slidenamen[(slidenamen.length-1)].slide(current, next);
	});
		
	});
	
	},
	
slide: function(current, next){	
	
	this.current	= (slidenamen[(slidenamen.length-1)].current_active==0) ? 1 : 0; //voor de interval in het effect
	this.next	= (this.even==1) ? 0 : 1;
	
	current_img	= slidenamen[(slidenamen.length-1)].afbeeldingen[current];
	current_title	= slidenamen[(slidenamen.length-1)].atitels[current];
	next_img	= slidenamen[(slidenamen.length-1)].afbeeldingen[next]
	
	
	//wanneer slide[0] en wanneer slide[1]
	if(this.current==1){
	slide_effects[0].start({
	'opacity': 1
	});
		
	slide_effects[1].start({
	'opacity': 0
	});
	
	
	$('slide_img0').src=slidenamen[(slidenamen.length-1)].path+current_img;
	}else{
	slide_effects[0].start({
	'opacity': 0
	});
		
	slide_effects[1].start({
	'opacity': 1
	});	
	
	$('slide_img'+this.next).src= slidenamen[(slidenamen.length-1)].path+current_img;
	$('slide_img'+this.next).alt=current_title;
	$('slide_img'+this.next).title=current_title;

	}
	

	slidenamen[(slidenamen.length-1)].current_active=(slidenamen[(slidenamen.length-1)].current_active==1) ? 0 : 1;
	
	}

	});