/**Dont show any lines around a tags*/
function st(object){
	 	if(this.blur)this.blur();
}

function toggleMap(){
	
	var currentDisplayState = $('map').style.display;
	
	if(currentDisplayState == "" || currentDisplayState=="none"){ 
		$('map').style.display = "block";
		return "Kaart Sluiten";
	}
	
	if(currentDisplayState == "block"){ 
		$('map').style.display = "none";
		return "Kaart Openen";
	}

}

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});
			}
		}
		
}