$(document).ready(function(){
	
	var zaehler = 10;
		
	pullLinks = $(".pullout");
	
	for (var i=0;i<pullLinks.length;i++){
		//console.log("classes: " + $(pullLinks[i]).hasClass("pulloutLeft"));
		pullLinks[i].way = ($(pullLinks[i]).hasClass('pulloutLeft') == true) ? "left" : "right";
		pullLinks[i].opened = false;
		pullLinks[i].layer = $("#article-box-infos_"+parseInt(i+1));
		pullLinks[i].counter = i;
		//console.log("way: " + pullLinks[i].way);
		pullLinks[i].onclick=function(){
			//console.log("layer: " + this.layer);
			zaehler+=1;
			if(!this.opened){
				this.parentNode.parentNode.parentNode.style.zIndex=zaehler;
				//console.log("this.dir: " + this.dir);
				if (this.way =="right"){
					this.layer.animate({ 
						left:"157px"
					}, 500 );
				}else{
					this.layer.animate({ 
						left:"-157px"
					}, 500 );
				}
				this.opened = true;
			}else{
				this.layer.animate({ 
				left:"0px"
				}, 500 );
				this.opened = false;
			}
			
			for(var j=0;j<pullLinks.length;j++){
				if (j!=this.counter){
					if(pullLinks[j].opened){
						pullLinks[j].layer.animate({ 
							left:"0px"
						}, 500 );
						pullLinks[j].opened = false;
					}
				}
			}
			
			
			return false;
		};
	}
});