var handlerSwapImage = function SwapImage_Callback(str) {   
		
	document.getElementById('mainphotodiv').innerHTML = str.responseText;
	
}

function SwapImage(pid,setid)
{
	document.getElementById('mainphoto').src = 'images/loading.gif';
	document.getElementById('mainphoto').align = 'absmidddle';
	//document.getElementById('mainphotodiv').innerHTML = 'Loading...';
	new Ajax.Updater('mainphotodiv','ajaxPhoto.php?pid='+pid+'&setid='+setid+'', { method:'get', asynchronous:true,  onSuccess:handlerSwapImage });
	
}

function toggleMap(obj){
	
	var currentDisplayState = $('map').style.display;
	
	if(currentDisplayState == "" || currentDisplayState=="none"){ 
		$('map').style.display = "block";
		obj.innerHTML = "Kaart Sluiten";
		$('theMapButton').innerHTML = '<a id="theMap" class="closemap" onclick="toggleMap(this);" onfocus="this.blur();" href="#">Kaart Sluiten</a>';
	}
	
	if(currentDisplayState == "block"){ 
		$('map').style.display = "none";
		obj.innerHTML = "Kaart Openen";
		$('theMapButton').innerHTML = '<a id="theMap" onclick="toggleMap(this);" onfocus="this.blur();" href="#">Kaart Openen</a>';
	}

}

function toggleUpArrow(tid, num){ 
	//clear all upArrows first,
	for(var i=0; i<(num-1); i++){
		//alert(i);
		$("arrow_thumb_"+i).style.display='none';				
	
	}
	
	//show chosen upArrow
	$(tid).style.display='block';
}

/* 

	HIJ HAALT DE IMG niet meer op in IE6 (replacen werkt niet)

*/
function replaceBigPic(targetIDWrapper, targetID, thumb) {
	//bigpicID = img id for the receiving transition
//	Effect.Fade($(targetIDWrapper), {queue: 'front'});
	//$(targetIDWrapper).style.display='none';
	//Effect.Appear($(targetIDWrapper), {queue: 'end'});
	//return;

	var replacement = thumb.gsub('thumb', 'large');
	
    $(targetIDWrapper).style.display='none';
    //$(targetID).src="img/objecten/"+replacement;
	$(targetIDWrapper).innerHTML = '<img id="largePhoto" style="display:block;" src="http://ronald.local/vostuinen/img/objecten/'+replacement+'"/>';
    
   	Effect.Appear($(targetIDWrapper), {queue: 'end'});
	//Effect.Fade('large', {queue: 'front'});
	
/*
   $(targetIDWrapper).style.display='none';
   $(targetID).src="img/objecten/"+replacement;
   showPhoto.delay(0.8, targetIDWrapper);

*/
}
function showPhoto(targetIDWrapper){
	new Effect.Appear(targetIDWrapper, {from:0.0, to:1.0});
}

// ---------- slider functions ----------------


function jim() {
	var el0 = eval($('img0').width)+75;
	var el1 = eval($('img1').width)+75;
	var el2 = eval($('img2').width)+75;
	var el3 = eval($('img3').width)+75;

	var theWidth = el0+el1+el2+el3;
	
	$('slide-track').style.width = theWidth+'px';
}


function showImage(dir,img,rel,imgdir) {
		var placeholder = document.getElementById('placeholder');
		if (!document.getElementById('imgLoading')){
			var imgLoading = document.createElement("div");
			imgLoading.setAttribute('id','imgLoading');
			imgLoading.innerHTML='<img src=\''+ imgdir +'img/spinner.gif\' alt=\'\' style=\'margin-top:252px;\' />';
			placeholder.appendChild(imgLoading);
		}					
		if (document.getElementById('imageholder')) {
			Element.remove('imageholder');
		}	
		var d1 = document.createElement('img');
		d1.setAttribute('id','imageholder');
		d1.setAttribute('rel',rel);
		d1.style.display='none';
		d1.src = dir+img;

		d1.onload=function(){
			Element.remove('imgLoading');
			placeholder.appendChild(d1);
			Effect.Appear('imageholder');
		}
		if (rel == 0) {
			document.getElementById('prevLink').style.display='none';
		} else {
			document.getElementById('prevLink').style.display='inline';
		}
		if (rel == (picarray.length - 1)) {
			document.getElementById('nextLink').style.display='none';
		} else {
			document.getElementById('nextLink').style.display='inline';
		}
		
		return false;
		
}

function nextImage(dir) {
		var theImage = document.getElementById('imageholder');
		var relAttribute = theImage.getAttribute('rel');
		relAttribute = relAttribute++;
		showImage(dir,picarray[relAttribute+1],relAttribute+1);
		return false;

}
function prevImage(dir) {
		var theImage = document.getElementById('imageholder');
		var relAttribute = theImage.getAttribute('rel');
		relAttribute = relAttribute--;
		showImage(dir,picarray[relAttribute-1],relAttribute-1);
		return false;

}


function slide(direction,distance,theurl) {
		var TrackH = eval($('slide-track').style.width.substring(0,$('slide-track').style.width.length - 2));
		var TrackV = eval($('slide-track').style.height.substring(0,$('slide-track').style.height.length - 2));
		var curStateH = eval($('slide-track').style.marginLeft.substring(0,$('slide-track').style.marginLeft.length - 2));
		var curStateV = eval($('slide-track').style.marginTop.substring(0,$('slide-track').style.marginTop.length - 2));
		var theamount = (document.getElementsByClassName('latest-item-holder').length + 3);
	
		var theurl = theurl+theamount;
		var newWidth = eval(TrackH)+eval(distance);
		
		if (direction == 'left') {
			var newState = curStateH-distance;
			var vari = curStateH.toString();
			if (vari.substring(0,1) == '-'){
				var vari = vari.substring(1);
			}	
			var poo = (eval(vari)+eval(distance));
			if (!(theurl == 'null' && (eval(vari)+eval(distance)) == TrackH)) {
				if (TrackH == distance){
						new Ajax.Updater('latest-content', 'php/slider.php?menu=tuinen&type=detail&id=1&task=galalt&cat=1&amount='+theamount, { asynchronous:true, onLoading:function(){$('next-button').onclick = null;Effect.Fade('slide-track',{to:.3,duration:.3});}, onComplete:function(){$('slide-track').style.width=newWidth+'px'; $('slide-track').style.marginLeft=curStateH+'px'; new Effect.Morph('slide-track',{style:'margin-left:'+newState+'px',duration:.4});} });
				} else {
					if ((eval(vari)+eval(distance)) < TrackH || theurl == 'null') {
							new Effect.Morph('slide-track',{style:'margin-left:'+newState+'px',duration:.4});
					} else {
						new Ajax.Updater('latest-content', 'php/slider.php?menu=tuinen&type=detail&id=1&task=galalt&cat=1&amount='+theamount, { asynchronous:true, onLoading:function(){$('next-button').onclick = null;Effect.Fade('slide-track',{to:.3,duration:.3});}, onComplete:function(){$('slide-track').style.width=newWidth+'px'; $('slide-track').style.marginLeft=curStateH+'px'; new Effect.Morph('slide-track',{style:'margin-left:'+newState+'px',duration:.4});} });
					}		
				}
			}
		} 
		
		if (direction == 'right') {
			var newState = curStateH+distance;
			if (curStateH < '0') {
				new Effect.Morph('slide-track',{style:'margin-left:'+newState+'px',duration:.4});
			}
		}
		
		if (direction == 'up') {
			var newState = curStateV-distance;
			var vari = curStateV.toString();
			if (vari.substring(0,1) == '-'){
				var vari = vari.substring(1);
			}
			if ((TrackV-vari) >= distance) {
				
				new Effect.Morph(id,{style:'margin-top:'+newState+'px',duration:.4});
			}
		} 
		
		if (direction == 'down') {
			var newState = curStateV+distance;
			if (curStateV != '0') {
				new Effect.Morph(id,{style:'margin-top:'+newState+'px',duration:.4});
			}
		}
		
}