// JavaScript Document
var navi 		= navigator.appVersion;
var browserIE 	= false;
var browserIE6 	= false;
var browserSAF 	= false;
var scrollSpeed = 50;
var scrollHeight= 10;

var homeBase 	= 'http://www.x-treme21.nl/wp-content/themes/xtreme/';

if(navi.indexOf("MSIE")>-1){
	browserIE = true;
	var navAr = navi.split(";");
	browserIE6 = (parseFloat(navAr[1].split(" ")[2])<=6.0?true:false);
} else if(navi.indexOf("Safari")>-1){
	browserSAF = true;
}

var width_Avail 		= screen.availWidth;
var heigth_Avail 		= screen.availHeight;
var width_container 	= screen.availWidth * 0.92;
var upper_left			= Math.round((width_Avail-width_container)/2);

window.moveTo(0,0);
window.resizeTo(width_Avail,heigth_Avail);

var innerWidth 		= 0;
var innerHeight 	= 0;

if(!browserSAF){
	innerWidth 	= parseInt((document.documentElement.clientWidth * 1));
	innerHeight	= parseInt((document.documentElement.clientHeight * 1));
}else{
	innerWidth 	= parseInt((document.documentElement.clientWidth * 1));
	innerHeight	= parseInt((document.documentElement.clientHeight * 1));
}

if(browserIE){
	innerWidth 	= innerWidth - 17;
}

if(innerWidth < 1000){
	innerWidth = 1000;
}

var middleX				= innerWidth / 2;
var middleY				= innerHeight / 2;

var http_request 		= false;
var rootdomain			= "http://"+window.location.hostname

var status 			= 0;
var active_option 	= '';

//alert(innerWidth)
var scroller;
var scrollerCat;
var scrollerAtm;

var merkSet			= 0;
var brandLogoSet	= 0;
var soortSet		= 0;
	
var posSideBar	= 25
var reloadSide 	= false

var pos_top		= 0;

function sideAnimations(){
	var FXlistingList = Array();
	var listingList = $$('.side_item_container');
	listingList.each(function(element) {
	 
		var fxvalues = new Fx.Morph(element, {duration:200, wait:false});
		
		element.addEvent('mouseenter', function(){
			fxvalues.start({
				'width': 400,
				//'background-color': '#CCCCCC',
				'background-color': '#a99d82'
			});
		});
	 
		element.addEvent('mouseleave', function(){
			fxvalues.start({
				'width': 100,
				'background-color': '#FFFFFF'
			});
		});
	});
}

function LoadInit(){
	pos_top	= Math.ceil(middleY - 245);
	
	//alert(innerHeight + ' --- ' + middleY + ' --- ' + pos_top);
	
	if(pos_top<40){
		pos_top 	= 40;
		innerHeight = 570;
	}
	
	var optionslist = $$('.search_option');
	optionslist.each(function(element) {
	 
		element.addEvent('click', function(){
			if(element.getProperty('name')!=active_option){;
				
				if(active_option!=''){
					var valueTarget = $('search_option_values'+active_option);
					var clickTarget = $('search_option'+active_option);
					ChangeAnim('height', valueTarget, 0, 500, Fx.Transitions.Cubic.easeOut)
					clickTarget.setStyle('backgroundImage', 'url('+homeBase+'images/bg_options.gif)');
				}
				
				active_option 	= element.getProperty('name');
				element.setStyle('backgroundImage', 'url('+homeBase+'images/bg_options_up.gif)');
				var nr 			= element.getProperty('name');
				var nr_ofValues	= document.getElementById('option_value_counter'+nr).value;
				valueTarget 	= $('search_option_values'+nr);
				var toMove		= nr_ofValues * 16;
				if(toMove>200){
					toMove = 200;
				}
				//ChangeSizeOptionValues(valueTarget, 1, toMove, 500);
				
				ChangeAnim('height', valueTarget, toMove, 500, Fx.Transitions.Cubic.easeOut)
				
				scroller = new Scroller('search_option_values'+nr, {area: 40, velocity: 0.15});
				valueTarget.addEvent('mouseover', scroller.start.bind(scroller));
				valueTarget.addEvent('mouseout', scroller.stop.bind(scroller));		
			}else{
				closeCloset(active_option);
			}
		});
		

	});
	
	
	var optionsValuelist = $$('.search_option_value');
	optionsValuelist.each(function(element) {
	 
		var fxvalues = new Fx.Morph(element, {duration:200, wait:false});
		element.addEvent('mouseenter', function(){
			if(element.getProperty('class')=='search_option_value'){									
			fxvalues.start({
				'background-color': '#CCCCCC'
			});
			}
		});
	 
		element.addEvent('mouseleave', function(){
			if(element.getProperty('class')=='search_option_value'){									
			fxvalues.start({
				'background-color': '#003e7e'
			});
			}
		});

		element.addEvent('click', function(){
			var childof = parseInt(element.getProperty('childof'));
			var disablelist = $$('#search_option_values'+childof+' .search_option_value');
			disablelist.each(function(element) {
				element.setStyle('background-color', '#003e7e');
				element.removeClass('selected');
			});
			element.addClass('selected');
			fxvalues.start({
				'background-color': '#CCCCCC'
			});
			
			var tempval;
			switch(childof){
				case 1:
					tempval	= parseInt(element.getProperty('id').substring(6));
					if(merkSet != tempval){
						brandLogoSet	= 0;
						reloadSide 		= true;
						merkSet 		= tempval;
						$('search_option'+childof).innerHTML = element.innerHTML;
						closeCloset(childof);
						closeGallery();
						startSearchNow();
					}
				break;
				case 2:
					tempval	= parseInt(element.getProperty('id').substring(6));
					if(soortSet != tempval){
						brandLogoSet	= 0;
						reloadSide 		= true;
						soortSet 		= tempval;
						$('search_option'+childof).innerHTML = element.innerHTML;
						closeCloset(childof);
						//closeGallery();
						//startSearchNow();
					}
				break;
			}
			
		});
		
		
	});
	
	sideAnimations();
	
	$('page').setStyle('top' , 0);
	$('page').setStyle('left' , 0);
	
	$('page').setStyle('height' , innerHeight);
	$('page').setStyle('width' , innerWidth);

	$('header').setStyle('height' , innerHeight);
	$('header').setStyle('top' , 0);
	$('header').setStyle('left' , innerWidth - 175);
	
	$('sidebar').setStyle('height' , innerHeight);
	$('side_footer').setStyle('top' , innerHeight-180);
	
	
	$('page').setStyle('display','block');
	
	
	
	
	$('content').setStyle('left' , middleX - 298);
	$('content').setStyle('top' , pos_top);
	
	$('content_header').setStyle('left' , middleX - 298);
	$('content_header').setStyle('top' , pos_top - 30);
	
	/*$('imageContainerContentThumbs').setStyle('top' , 0);
	$('imageContainerContentThumbs').setStyle('left' , innerWidth-100);
	$('imageContainerContentImage').setStyle('left' , innerWidth/2-450);
	$('imageContainerContentImage').setStyle('top' , innerHeight/2-265);
	$('imageContainerContentImage_loader').setStyle('left' , innerWidth/2+115);
	$('imageContainerContentImage_loader').setStyle('top' , innerHeight/2-85);
	*/
	$('brand_container').setStyle('left' , innerWidth/2 - 298);
	$('brand_container').setStyle('top' , pos_top + 465);
	
	
	$('imageContainerContentThumbs').fade('hide');
	$('imageContainerContentImage_loader').fade('hide');
	
	posts_array 		= $('posts_array').value.split(",");
	aantal_side_items 	= $('aantal_posts').value;
	hoogte_list			= aantal_side_items * 105;
					
	
	if(innerHeight < 1080){
		var toMove 		= innerHeight - (hoogte_list + 30);
		var myElement 	= $(document.body);
		myElement.addEvent('mousemove', function(event){
			toMove 				= innerHeight - (hoogte_list + 30);
			var mouseY 			= event.page.y;											  
			var mouseX 			= event.page.x;											  
			//alert(mouseY);
			if(reloadSide==false && hoogte_list > innerHeight){
				if(mouseY>100 && mouseX<200){
					posSideBar = (mouseY-100)/(innerHeight-100) * toMove + 25;
					$('side_items_container').setStyle('top', posSideBar);
				}else{
					//$('side_items_container').setStyle('top', 25);			
				}
			}else{
				posSideBar = 25;	
			}
		});
	}
	
	if($('galleryFolder')){
		openGallery();				
	}
	
	var TipsInBasket = new Tips($$('.reset_fields'),{ fixed: false, showDelay: 0, hideDelay: 0, className: 'helpSearch', offsets: {'x': 60, 'y': -40} });
	
	var TipsBrands = new Tips($$('.icons2'),{ fixed: false, showDelay: 0, hideDelay: 0, className: 'brandTip', offsets: {'x': 60, 'y': -40} });
	
	
	scrollerCat = new Scroller('icons_ContainerAtm', {area: 220, velocity: 0.1});
	$('icons_ContainerAtm').addEvent('mouseover', scrollerCat.start.bind(scrollerCat));
	$('icons_ContainerAtm').addEvent('mouseout', scrollerCat.stop.bind(scrollerCat));	
	
	
	var brandlist = $$('.icons2');
	brandlist.each(function(element) {
	 
		var fxvalues = new Fx.Morph(element, {duration:200, wait:false});
		
		fxvalues.set({'opacity': 0.5, 'height': 50, 'width': 50});
		
		element.addEvent('mouseenter', function(){
			fxvalues.start({
				'opacity': 1, 'height': 70, 'width': 70
			});
		});
	 
		element.addEvent('mouseleave', function(){
			fxvalues.start({
				'opacity': 0.5, 'height': 50, 'width': 50
			});
		});
	});
	
	
	if(aantal_side_items<10){
		$('side_item_header').setStyle('display', 'none');
	}else{
		$('side_item_header').setStyle('display', 'block');
	}
	
	
}	

var aantal_side_items;
var posts_array;

var hoogte_list;

var windowheight 	= 0;
var galleryOpen 	= false;
var scrollypos 		= window.getScroll();
var scrollyposOld;

function openPage(page, get){
	if(singleLoading == false){
		singleLoading 	= true;	
		
		$('sidebar_animator').setStyle('background-color','#FFFFFF');
		$('sidebar_animator').setStyle('opacity',0);
		$('sidebar_animator').setStyle('left', middleX - 298);
		$('sidebar_animator').setStyle('top', pos_top);
		$('sidebar_animator').setStyle('width',620);
		$('sidebar_animator').setStyle('height',365);
		
		myAnimatorThumb	= new Fx.Morph($('imageContainerContentThumbs'),{duration:500, transition: Fx.Transitions.Cubic.easeOut});
		myAnimatorThumb.start({'opacity': 0 });
		
		//hack
		imageClosed	= true;	
		
		animate 	= true;
		myAnimator 	= new Fx.Morph($('sidebar_animator'),{duration:500, transition: Fx.Transitions.Cubic.easeOut});
		myAnimator.start({'opacity': 1}).chain(function(){
			$('sidebar_animator').addClass('loading');
			closeGallery();
			loadNshow(homeBase + page + '.php' + get, 'page_content', 'get');
		});
	}
}

function openGallery(){
	galleryOpen 	= true;
	imageClosed		= false;
	if(!browserSAF){
		var windowDim 	= window.getScrollSize();
		windowheight	= windowDim.y;
		windowwidth		= windowDim.x;
	}else{
		windowheight 	= document.body.scrollHeight;
		windowwidth 	= document.body.scrollWidth;
	}
	//$('imageContainer').setStyle('width' , windowwidth);
	
	$('imageContainerContentThumbs').setStyle('left' , middleX - 302);
	$('imageContainerContentThumbs').setStyle('height' , 100);
	$('imageContainerContentThumbs').setStyle('width' , 624);
	$('imageContainerContentThumbs').setStyle('top' , pos_top + 370);

	$('imageContainerContentImage').setStyle('top' , pos_top + 205);
	$('imageContainerContentImage').setStyle('left' , middleX + 130);
						
	$('imageContainerContentImage_loader').setStyle('left' , innerWidth/2+115);
	$('imageContainerContentImage_loader').setStyle('top' , pos_top + 160);
	
	var imageContainerContentTextY = middleY - 300;
	if(imageContainerContentTextY<10){
		imageContainerContentTextY=10;
	}
	
	var folder = parseInt($('galleryFolder').value);
	
	$('imageContainerContentImage').setStyle('display' , 'none');
	
	
	loadNshow(homeBase + 'flow_Gallery.php?folder='+folder, 'imageContainerContentThumbs', 'get');
	loadNshow(homeBase + 'flow_FirstImage.php?folder='+folder, 'imageContainerContentImage', 'get');
}

function closeGallery(){
	$('imageContainerContentThumbs').fade('hide');
	$('imageContainerContentThumbs').innerHTML = '';
	//$('imageContainerContentText').innerHTML = '';
	$('imageContainerContentImage').innerHTML = '';
	$('imageContainerContentImage').setStyle('height' , 0);
	$('imageContainerContentImage').setStyle('width' , 0);
	galleryOpen 	= false;
	imageClosed		= true;
	status_image = false;
}

function closePage(){
	var myFx = new Fx.Tween($('imageContainer'),{duration:800, transition: Fx.Transitions.Cubic.easeOut, onComplete: function(){ 		$('imageContainer').setStyle('display' , 'none');
		$('imageContainer').fade('show');
		$('imageContainerBG').fade('hide');
		$('imageContainerContentImage').innerHTML = '';
	}});
	myFx.start('opacity', 0);
}

function closeCloset(childof){
	var valueTarget = $('search_option_values'+childof);
	ChangeAnim('height', valueTarget, 0, 500, Fx.Transitions.Cubic.easeOut);
	var clickTarget = $('search_option'+active_option);
	ChangeAnim('height', valueTarget, 0, 500, Fx.Transitions.Cubic.easeOut)
	clickTarget.setStyle('backgroundImage', 'url('+homeBase+'images/bg_options.gif)');
	active_option = '';
	
}

var imageSet = false

function ChangeAnim(prop, target, to, speed, trans){
	if(target){
		var myFx = new Fx.Tween(target,{duration:speed, transition: trans});
		myFx.start(prop, to );
	}
}

function loadNshow(url, target, method){
	var req = new Request({url: url,
	    method: method,
	   	onSuccess: function(responseText) {
			var output 	= req.response.text;
			if(target!='flow_content' && target!='page_content'){
				$(target).innerHTML = output;
			}
			switch(target){
				case 'page_content':
					//myAnimator.start({'height': 0, 'top':middleY + 200});
					$('content').innerHTML = output;
					$('sidebar_animator').removeClass('loading'); 
					myAnimator 	= new Fx.Morph($('sidebar_animator'),{duration:300, transition: Fx.Transitions.Cubic.easeOut});
					myAnimator.start({'opacity': 0});
					singleLoading	= false;
				break;
				case 'content':
					//myAnimator.start({'height': 0, 'top':middleY + 200});
					$('sidebar_animator').removeClass('loading'); 
					myAnimator 	= new Fx.Morph($('sidebar_animator'),{duration:300, transition: Fx.Transitions.Cubic.easeOut});
					myAnimator.start({'opacity': 0}).chain(function(){
						singleLoading	= false;
						openGallery();				
					});
					
	
				break;
				case 'flow_content':
					var myFx = new Fx.Tween($('flow_content'),{duration:100, transition: Fx.Transitions.Cubic.easeOut, onComplete: function(){ 
						$(target).innerHTML = output;
											
						$('content').setStyle('left' , middleX - 298);
						$('content').setStyle('top' , pos_top);
						
						$('imageContainerContentImage_loader').setStyle('left' , innerWidth/2+115);
						$('imageContainerContentImage_loader').setStyle('top' , pos_top + 160);
						
						if($('galleryFolder')){
							openGallery();				
						}
						$('flow_content').fade(1);
						if($('aantal_posts')){
							aantal_side_items 	= $('aantal_posts').value;
							posts_array 		= $('posts_array').value.split(",");
							hoogte_list			= aantal_side_items * 105;
							
							if(aantal_side_items<10){
								$('side_item_header').setStyle('display', 'none');
							}else{
								$('side_item_header').setStyle('display', 'block');
							}
							
							
						}else{
							posts_array 		= '';
							aantal_side_items 	= 0;
							hoogte_list			= 0;
							$('next_article').setStyle('display','none');
						}
						reloadSide = false;
						
						$('content_header').setStyle('left' , middleX - 298);
						$('content_header').setStyle('top' , pos_top - 30);
						
						sideAnimations();
					}});
					myFx.start('opacity', 0);	
				break;
				case 'imageContainerContentImage':
					if(galleryOpen==true){
						var firstImage 	= $('firstImage').value;
						var folder 		= $('folderBig').value;
						setBigImage(folder,firstImage,'imageContainerContentImage')
					}
				break;
				case 'imageContainerContentThumbs':
					if(!$('thumb_2')){
						$('imageContainerContentThumbs').fade('hide');
					}else{
						$('imageContainerContentThumbs').fade(1);	
					}
				break;
				case 'sidebar':
						
					if($('aantal_posts')){
						aantal_side_items 	= $('aantal_posts').value;
						posts_array 		= $('posts_array').value.split(",");
						hoogte_list			= aantal_side_items * 105;
						reloadSide = false;
						sideAnimations();
					}
					reloadSide = false;
						
				break;
				
			}
		},
		onFailure: function() {
			$(target).set('innerHTML', 'The request failed.');
		}
	});
	req.send();
}

var status_image 	= false;
var image_init 		= false;
var myFxBigImage = new Fx.Tween();

function setBigImage(folder,photo_id,target){
	if(!image_init){
		status_image = true;
		$(target+'_loader').setStyle('display',"block");	
		$(target).setStyle('opacity',0);	
		$(target).setStyle('display','block');	
		$('imageContainerContentImage_loader').fade(1);		
		url_string = 'http://www.x-treme21.nl/' + folder+'/'+photo_id;
		loadd=new ImageLoader(target+'_Im',url_string,0,target);
		loadd.loadImage();	
	}else{
		if (status_image==false){
			status_image = true;
			var myFx = new Fx.Tween($(target),{duration:500, transition: Fx.Transitions.Cubic.easeOut, onComplete: function(){ 
				$(target+'_loader').setStyle('display',"block");	
				$('imageContainerContentImage_loader').fade(1);		
				url_string = folder+'/'+photo_id;				
				loadd=new ImageLoader(target+'_Im',url_string,0,target);
				loadd.loadImage();	
			}});
			myFx.start('opacity', 0);
		}
	}
}

var previous_width 		= 0;
var previous_height 	= 0;
var width_this 			= 0;
var height_this 		= 0;

var imageClosed		 	= true;

function ImageLoader(id,url,left,target){
	this.i 				= new Image();
	this.url 			= url;
	this.rand 			= Math.floor(Math.random()*100000000000); //cache verhindern
	this.imEl			= document.getElementById(id);
	$(id).fade('hide');
	
	this.loadImage = function(){
		this.i.src 		= this.url+'?r='+this.rand;
		objRef 			= this;
		objRef.waitForImage();
	};   
 
	this.waitForImage = function(){
		if(objRef.i.complete){
			objRef.imEl.src=this.i.src;	
			if(target=='big_image'){
				width_this  = previous_width;
				height_this = previous_height;
				objRef.imEl.width	= new_breedte;
			}else{
				width_this  = this.i.width;
				height_this = this.i.height;
			}
			left_this   = parseInt((previous_width  - width_this)/2);
			top_this    = parseInt((previous_height - height_this)/2);
			
			previous_width  = width_this;
			previous_height = height_this;
			
			scrollypos 		= window.getScroll();
	
			$(target+'_loader').fade(0);	
			
			//var gotoY = middleY - (height_this/2) - 5 + scrollypos.y;
			//alert(height_this);
			var gotoY = pos_top + (350 - height_this)/2 + 4;
			
			
			//ChangeAnim('top', 'imageContainerContentText', gotoY - 50, 500, Fx.Transitions.Sine.easeOut);
			//ChangeAnim('top', 'imageContainerClose', scrollypos.y + 10, 500, Fx.Transitions.Sine.easeOut);
			
			var myContentHider = new Fx.Morph(target, {duration: 500, transition: Fx.Transitions.Sine.easeOut, onComplete: function(){ 				if(imageClosed==false){
						$(target+'_Im').fade('in');
						status_image = false;
					}else{
						closeGallery();	
					}
			}});
			
			
			if(imageClosed==false){
				myContentHider.start({
					'opacity': 1,
					'width': width_this + 8,
					'left': middleX - 40 + (350 - width_this),
					'top': gotoY,
					'height': height_this + 8 
				});
			}
			/*
			objRef.imEl.width=new_breedte;
			document.getElementById(target).style.display = "block";
			alphaImage(target, 1, 1, 0, 'xx', 0);
			*/
		
			//bg 4 items
		}else{
			setTimeout('objRef.waitForImage()', 100);
		}
	};
}


var startValues = new Array('&nbsp;zoek op merk','&nbsp;zoek op product');
function resetFields(){
	
	$('search_option'+1).innerHTML = startValues[0];
	$('search_option'+2).innerHTML = startValues[1];
	
	merkSet		= 0;
	soortSet	= 0;
	
	var myFx = new Fx.Tween($('flow_content'),{duration:400, transition: Fx.Transitions.Cubic.easeOut, onComplete: function(){ 
		$('flow_content').innerHTML = '<div id="contentLoading"><img src="'+ homeBase + 'images/spinner_black.gif" /><br /><br />loading results...</div>';
		$('flow_content').setStyle('opacity',1);
		loadNshow(homeBase + 'flow_searchResults.php', 'flow_content', 'get');
	}});
	myFx.start('opacity', 0);
}

function startSearchNow(){
	poststr = ''
	
	if(brandLogoSet!=0){
			poststr += brandLogoSet;
	}else{
		if(merkSet!=0){
			poststr += merkSet + ',';
		}
		if(soortSet!=0){
			poststr += soortSet;
		}
	}
	
	var myFx = new Fx.Tween($('flow_content'),{duration:400, transition: Fx.Transitions.Cubic.easeOut, onComplete: function(){ 
		$('flow_content').innerHTML = '<div id="contentLoading"><img src="'+ homeBase + 'images/spinner_black.gif" /><br /><br />loading results...</div>';
		$('flow_content').setStyle('opacity',1);
		loadNshow(homeBase + 'flow_searchResults.php?cat=' + poststr, 'flow_content', 'get');
	}});
	myFx.start('opacity', 0);
}

var myAnimator;
var animate 		= false;
var singleLoading 	= false;

function setSingele(id,row){
	if(singleLoading == false){
		singleLoading 	= true;	
		poststr 		= 'p='+id
		
	//	alert(row)
		$('sidebar_animator').setStyle('background-color','#a99d82');
		$('sidebar_animator').setStyle('left',200);
		$('sidebar_animator').setStyle('top',(row-1)*105 + posSideBar + 10);
		$('sidebar_animator').setStyle('width',0);
		$('sidebar_animator').setStyle('height',100);
		$('sidebar_animator').setStyle('opacity',1);
		
		myAnimatorThumb	= new Fx.Morph($('imageContainerContentThumbs'),{duration:500, transition: Fx.Transitions.Cubic.easeOut});
		myAnimatorThumb.start({'opacity': 0 });
		
		$('sidebar_animator').fade('show');
		if(animate){
			$('sidebar_animator').removeClass('loading');
			myAnimator.cancel();
		}
		animate 	= true;
		myAnimator 	= new Fx.Morph($('sidebar_animator'),{duration:500, transition: Fx.Transitions.Cubic.easeOut});
		myAnimator.start({'width': 620, 'left':middleX - 298, 'background-color':'#003e7e'}).chain(function(){
			myAnimator.start({'height': 365, 'top':pos_top, 'background-color':'#FFFFFF'})
		}).chain(function(){
				$('sidebar_animator').addClass('loading');
				closeGallery();
				loadNshow(homeBase + 'flow_Single.php?' + poststr, 'content', 'get');
		});
	}
}
			

function setCategorie(id){
	
	soortSet	= 0;
	merkSet		= 0;
	
	$('search_option'+1).innerHTML = startValues[0];
	$('search_option'+2).innerHTML = startValues[1];
	
	brandLogoSet 	= id
	reloadSide 		= true;

	closeGallery();
	startSearchNow();
	
}

function reloadSideMenu(cat, offset){
	reloadSide = true;
	var myFx = new Fx.Tween($('sidebar'),{duration:400, transition: Fx.Transitions.Cubic.easeOut, onComplete: function(){ 
		$('sidebar').innerHTML = '<div id="contentLoading"><img src="'+ homeBase + 'images/spinner_black.gif" /></div>';
		$('sidebar').setStyle('opacity',1);
		loadNshow(homeBase + 'flow_sidecolumn.php?cat=' + cat + '&offset=' + offset, 'sidebar', 'get');
	}});
	myFx.start('opacity', 0);
	
}

function prevArticle(){
	var current_post 	= $('post_value').value;
	var posinarray		= indexInArray(posts_array,current_post);
	if(posinarray>0){
		var new_post 	= posts_array[posinarray-1];
		setSingele(new_post,posinarray)
		if(posinarray+1==aantal_side_items){
			$('next_article').setStyle('display','block');
		}
		if(posinarray-1==0){
			$('prev_article').setStyle('display','none');
		}
	}
}

function indexInArray(arr,val){
	for(var i=0;i<arr.length;i++) if(arr[i]==val) return i;
	return -1;
} 

function nextArticle(){
	var current_post 	= $('post_value').value;
	var posinarray		= indexInArray(posts_array,current_post);
	if(posinarray<10){
		var new_post 	= posts_array[posinarray+1];
		setSingele(new_post,posinarray+2);
		if(posinarray+2==aantal_side_items){
			$('next_article').setStyle('display','none');
		}
		$('prev_article').setStyle('display','block');
	}
}


function scrollStart(direction, divID, elementID){
	ourInterval = setInterval("move"+direction+"('"+divID+"')", scrollSpeed);
}

function scrollEnd(which){
	//document.getElementById(which).style.backgroundColor = origColor;
	clearInterval(ourInterval);
}
function moveUp(which){
	document.getElementById(which).scrollTop = document.getElementById(which).scrollTop - scrollHeight;	
}
function moveDown(which){
	//alert(which);
	document.getElementById(which).scrollTop+=scrollHeight;	
}