document.observe('dom:loaded', function() {
	var busy = true;
	var next = true;
	var back = false;
	var curpage = refpage + 1;
	$('ref_back').style.cursor = 'default';
	$('pic_back').src = "../fileadmin/templates/images/but_back_pas.gif";
	if($('refimgs_r1').offsetLeft <= -(pages-1)*270){
		$('ref_next').style.cursor = 'default';
		$('pic_next').src = "../fileadmin/templates/images/but_next_pas.gif";
		next = false;
	}
	
	if(refpage > 0){
		$('ref_next').style.cursor = 'default';
		//new Effect.Appear($('ref_dark'),{duration: 0.2, to: 0.5});
		new Effect.Move('refimgs_r1',{x : (refpage * -270),y : 0, duration:0.5, transition: Effect.Transitions.cubic});
		new Effect.Move('refimgs_r2',{x : (refpage * -270),y : 0, duration:0.5, delay: 0.1, transition: Effect.Transitions.cubic});
		new Effect.Move('refimgs_r3',{x : (refpage * -270),y : 0, duration:0.5, delay: 0.2, transition: Effect.Transitions.cubic, afterFinish:function(){
			busy = true;
			if($('refimgs_r1').offsetLeft <= -(pages-1)*270){
				$('ref_next').style.cursor = 'default';
				$('pic_next').src = "../fileadmin/templates/images/but_next_pas.gif";
				next = false;
			} else {
				$('ref_next').style.cursor = 'pointer';
				$('pic_next').src = "../fileadmin/templates/images/but_next_act.gif";
				next = true;
			}
			if($('refimgs_r1').offsetLeft < 0){
				$('ref_back').style.cursor = 'pointer';
				$('pic_back').src = "../fileadmin/templates/images/but_back_act.gif";
				back = true;
			} else {
				$('ref_back').style.cursor = 'default';
				$('pic_back').src = "../fileadmin/templates/images/but_back_pas.gif";
				back = false;
			}
		}
		});
	}


	$('ref_next').observe('click', function(e) {
		if(busy && next){
			busy = false;
			$('ref_next').style.cursor = 'default';
			$('dot' + curpage).src = "../fileadmin/templates/images/but_dot_pas.gif";
			$('dot' + (curpage + 1)).src = "../fileadmin/templates/images/but_dot_act.gif";
			curpage += 1;
			new Effect.Appear($('ref_dark'),{duration: 0.2, to: 0.5});
			new Effect.Move('refimgs_r1',{x : -270,y : 0, duration:1.5, transition: Effect.Transitions.cubic});
			new Effect.Move('refimgs_r2',{x : -270,y : 0, duration:1.5, delay: 0.1, transition: Effect.Transitions.cubic});
			new Effect.Move('refimgs_r3',{x : -270,y : 0, duration:1.5, delay: 0.2, transition: Effect.Transitions.cubic});
			new Effect.Fade($('ref_dark'),{duration: 0.5, delay: 1.2, from: 0.5, to: 0.0, afterFinish:function(){
				busy = true;
				if($('refimgs_r1').offsetLeft <= -(pages-1)*270){
					$('ref_next').style.cursor = 'default';
					$('pic_next').src = "../fileadmin/templates/images/but_next_pas.gif";
					next = false;
				} else {
					$('ref_next').style.cursor = 'pointer';
					$('pic_next').src = "../fileadmin/templates/images/but_next_act.gif";
					next = true;
				}
				if($('refimgs_r1').offsetLeft < 0){
					$('ref_back').style.cursor = 'pointer';
					$('pic_back').src = "../fileadmin/templates/images/but_back_act.gif";
					back = true;
				} else {
					$('ref_back').style.cursor = 'default';
					$('pic_back').src = "../fileadmin/templates/images/but_back_pas.gif";
					back = false;
				}
			}
			});
		}
	});

	$('ref_back').observe('click', function(e) {
		if(busy && back){
			busy = false;
			$('ref_back').style.cursor = 'default';
			$('dot' + curpage).src = "../fileadmin/templates/images/but_dot_pas.gif";
			$('dot' + (curpage - 1)).src = "../fileadmin/templates/images/but_dot_act.gif";
			curpage -= 1;
			new Effect.Appear($('ref_dark'),{duration: 0.2, to: 0.5});
		    new Effect.Move('refimgs_r1',{x : 270,y : 0, duration:1.5, transition: Effect.Transitions.cubic});
		    new Effect.Move('refimgs_r2',{x : 270,y : 0, duration:1.5, delay: 0.1, transition: Effect.Transitions.cubic});
		    new Effect.Move('refimgs_r3',{x : 270,y : 0, duration:1.5, delay: 0.2, transition: Effect.Transitions.cubic});
		    new Effect.Fade($('ref_dark'),{duration: 0.5, delay: 1.2, from: 0.5, to: 0.0, afterFinish:function(){
					busy = true;
					if($('refimgs_r1').offsetLeft < 0){
						$('ref_back').style.cursor = 'pointer';
						$('pic_back').src = "../fileadmin/templates/images/but_back_act.gif";
						back = true;
					} else {
						$('ref_back').style.cursor = 'default';
						$('pic_back').src = "../fileadmin/templates/images/but_back_pas.gif";
						back = false;
					}
					if($('refimgs_r1').offsetLeft <= -(pages-1)*270){
						$('ref_next').style.cursor = 'default';
						$('pic_next').src = "../fileadmin/templates/images/but_next_pas.gif";
						next = false;
					} else {
						$('ref_next').style.cursor = 'pointer';
						$('pic_next').src = "../fileadmin/templates/images/but_next_act.gif";
						next = true;
					}
				}
		    });
		}
	});
});