window.addEvent('domready', function(){
	var imageopen=0;
	var textopen=1;
	var allthumbs;
	if ($('openclose')) {
		$('openclose').addEvents({
			click: function(event) {
				event.stop();
				$('hidewrap').fade(0);
				$('openclose').fade(0);
				$('openclose2').setStyle('visibility', 'visible');
				textopen=0;
			}
		});
		$('openclose2').addEvents({
			click: function(event) {
				event.stop();
				$('hidewrap').fade(1);
				$('openclose').fade(1);
				$('openclose2').setStyle('visibility', 'hidden');
				textopen=1;
			}
		});
		$('photos').addEvents({
			click: function(event) {
				event.stop();
				if (imageopen==0) {
					if (textopen==1) {
						$('hidewrap').fade(0);
						$('openclose').fade(0);
					}
					$('photos').setStyle('height', '370px');
					allthumbs = $('thumbs').getElements('img');
					var thewidth = (Array.from(allthumbs).length/4);
					var thewidth2=120;
					if (thewidth>1) {thewidth2=240};
					if (thewidth>2) {thewidth2=360};
					if (thewidth>3) {thewidth2=480};
					if (thewidth>3) {thewidth2=480};
					$('photos').setStyle('width', thewidth2);
					$('photos').setStyle('background-image', 'url(cktassets/img/hideimages.png)');
					imageopen=1;	
				}
				else {
					if (textopen==1) {
						$('hidewrap').fade(1);
						$('openclose').fade(1);
					}
					$('photos').setStyle('height', '0px');
					$('photos').setStyle('background-image', 'url(cktassets/img/images.png)');
					imageopen=0;	
				}
			}
		});
	}
	if ($('maincontent')) {
		var dadiv = $('maincontent');
		var divsize = dadiv.getSize();
		var textwi= dadiv.getScrollSize();
		var textheight = textwi.y;
		scrollpotion = ((textwi.y)-(divsize.y));
		function calcwheel(event){
			event = new Event(event);						
				/* Mousewheel UP */
			if (event.wheel > 0) {
			if (st>0) {st=st-30;}
				mySlider.set(st);
			}
				/* Mousewheel DOWN*/
			else if (event.wheel < 0) {
			if (st<scrollpotion) {st=st+30;}
				mySlider.set(st);
			}
		}
		function makeslider() {			
				var divsize = dadiv.getSize();
				var textwi= dadiv.getScrollSize();
				var textheight = textwi.y;
				scrollpotion = ((textwi.y)-(divsize.y));
				if (scrollpotion>0){
					var el = $('slid');
					$('wrap').setStyle('opacity', '1');
					mySlider = new Slider(el, el.getElement('.knob'), {
						mode: 'vertical',
						wheel: false,
						snap: false,
						steps: (scrollpotion),	
						range: [0,scrollpotion],	
						onChange: function(step){
							dadiv.scrollTo(0,step);
							st = (step);
							}
					});
						dadiv.addEvent('mousewheel', calcwheel);
						$(document.body).addEvent('mouseleave',function(){mySlider.drag.stop()});
				}
			};
		if (scrollpotion>0) {
			dadiv.setStyle('overflow', 'hidden');
			makeslider();		
		}
		else {
			$('wrap').setStyle('visibility', 'hidden');	
		}
	}
});