////////////////////// DOMREADY LINE //////////////////////
window.addEvent('domready', function() {
////////////////////// DOMREADY LINE //////////////////////

	
	if($chk($("startani"))) {
		$$("#thumbs a").addEvents({
			'click': function(e) { e.stop();
				$$("#thumbs a").removeClass('aktiv');
				this.addClass('aktiv');
				if(this.hasClass('first')) { $("prev_full").addClass("hidden"); } else { $("prev_full").removeClass("hidden"); }
				if(this.hasClass('last')) { $("next_full").addClass("hidden"); } else { $("next_full").removeClass("hidden"); }
				
				var new_src = this.getElements('img').get("src");
					new_src = new_src.toString().replace("thumbs","fulls");
				$("fullimg").set("src",new_src);
			}
		});
		
		$("prev_full").addEvents({
			'click': function(e) { e.stop();
				var next = $$("#thumbs a.aktiv").getPrevious("a");
				$$("#thumbs a").removeClass('aktiv');
				next.addClass('aktiv');
				if(next.hasClass('first')=="true") { $("prev_full").addClass("hidden"); } else { $("prev_full").removeClass("hidden"); }
				if(next.hasClass('last')=="true") { $("next_full").addClass("hidden"); } else { $("next_full").removeClass("hidden"); }
				
				var new_src = next.getElement('img').get("src");
					new_src = new_src.toString().replace("thumbs","fulls");
				$("fullimg").set("src",new_src);
			}
		});
		
		$("next_full").addEvents({
			'click': function(e) { e.stop();
				var next = $$("#thumbs a.aktiv").getNext("a");
				$$("#thumbs a").removeClass('aktiv');
				next.addClass('aktiv');
				if(next.hasClass('first')=="true") { $("prev_full").addClass("hidden"); } else { $("prev_full").removeClass("hidden"); }
				if(next.hasClass('last')=="true") { $("next_full").addClass("hidden"); } else { $("next_full").removeClass("hidden"); }
				
				var new_src = next.getElement('img').get("src");
					new_src = new_src.toString().replace("thumbs","fulls");
				$("fullimg").set("src",new_src);
			}
		});
    }	
	
    if($chk($("box"))) {
    //SAMPLE 8
		var handles8_more = $$('#seiten a');
		var nS8 = new noobSlide({
			box: $('box'),
			items: $$('#box div.inhalt-bild'),
			size: 725,
			handles: $$('#seiten span'),
			addButtons: {previous: $('prev'), next: $('next') },
			onWalk: function(currentItem,currentHandle){
				//style for handles
				$$(this.handles,handles8_more).removeClass('aktiv');
                
				$$(currentHandle,handles8_more[this.currentIndex]).addClass('aktiv');
				
                $("prev").style.visibility = (this.currentIndex==0) ? "hidden" : "visible";
                
                if(this.currentIndex == $$('#seiten span').length-1) {
                    $("next").style.visibility = "hidden";
                } else {
                    $("next").style.visibility = "visible";
                }
			}
		});
		//more "previous" and "next" buttons
		nS8.addActionButtons('previous',$$('#box #prev'));
		nS8.addActionButtons('next',$$('#box #next'));
		//more handle buttons
		nS8.addHandleButtons(handles8_more);
		//walk to item 3 witouth fx
    
    }
    
    
    $$("span.sp").set('styles', {'height':0, 'display': 'block', 'overflow': 'hidden'});
    $$('p.spa span').set('morph', {duration: 500, transition: Fx.Transitions.Quint.easeOut});
    $$("p.spa").addEvents({
        'mouseenter': function(e) { e.stop();
            //this.morph( { duration: 50, 'opacity': 1, 'height': this.get('name'), transition: Fx.Transitions.Sine.easeIn } );
            //this.morph( {'opacity': 1, 'height': this.get('name')} );
            //this.getElements('span').set('styles', {'height':50, 'display': 'block'});
            //alert(this.getElements('span').get("html"));
            this.getElements('span').morph( { 'height':30 } );
        },
        'mouseleave': function(e) { e.stop();
            if(!this.hasClass("aktiv")) {
                //this.morph( { duration: 50, 'opacity': 0.3, 'height': 50, transition: Fx.Transitions.Sine.easeOut } );
                //this.morph( {'opacity': 0.3, 'height': 50} );
                this.getElements('span').morph( { 'height':0 } );
            }
        }
        
    });

////////////////////// DOMREADY LINE //////////////////////
});
////////////////////// DOMREADY LINE //////////////////////