window.addEvent('domready', function () {
				     
                // calculate content size
                var setContainerSize;
                setContainerSize = 0;
                $('items').getElements('div').each(function (item, index) {
                    var size = item.getSize();
                    // alert("The element"+item+" is "+size.x+" pixels wide and "+size.y+"pixels high.");
                    setContainerSize += size.x + 15
                });
                //alert(setContainerSize);
                var viewSize = setContainerSize - $('horzscroller').getSize().x;
                //alert(viewSize);
                $('itemContainer').setStyle('width', viewSize + 'px');
                // set scroll-arrows visibility
                if ($('content').getSize().x >= $('itemContainer').getSize().x) { 
					$$('.scrollarea').setStyle('display', 'none');
				}

				if ($('text') != null) {
					// vertical slider
					var myVerticalSlide = new Fx.Slide('text', {
						duration: 500,
						transition: Fx.Transitions.Pow.easeOut
					});
					// hide to begin with
					myVerticalSlide.hide();
					//Sets top of slide-wrapper.
					var textSize = $('text').getSize().y;
					$$('.person div').setStyle('top', (308 - textSize) + 'px');
									
					//alert($('personImg').getSize().x-20);
					// set the top of slide-layer
					$('text').setStyle('top', '0px');	
					// set the width of text layer
					if ($('personImg')){
						$('text').setStyle('width', $('personImg').getSize().x-76 + 'px');
						$$('.person div').setStyle('width', $('personImg').getSize().x-76 + 'px');	
					}

					// set events
					$('itemContainer').getElement('.person').addEvent('mouseenter', function (e) {
						e.stop();
						myVerticalSlide.slideIn();
					});
					$('itemContainer').getElement('.person').addEvent('mouseleave', function (e) {
						e.stop();
						myVerticalSlide.slideOut();
					});
					// When Vertical Slide ends its transition, we check for its status
					// note that complete will not affect 'hide' and 'show' methods
					myVerticalSlide.addEvent('complete', function () {
						//$('vertical_status').set('html', status[myVerticalSlide.open]);
					});
				}
                				
				// ReMooz  copyrighted by Harald Kirschner and available under the MIT License at ( http://digitarald.de/project/remooz )
				// this is simple and easy example for using ReMooz that created by Stunt  ( http://raterror.com )

				// ReMooz is an open-source widget for great looking and unobtrusive inline-pop-ups
				// This is basic of using this tools, you can also create nice glow and shadow effect by editing remo_bg_x.png files

				if ($('edit')){
					// Set cms-edit-link	
					//alert('edit-mode');					
					$('edit').setStyle('top', '0px');
					$('edit').setStyle('left', '0px');
					$('edit').setStyle('width', '101px');
				} else {
				//window.addEvent('load', function() {
					ReMooz.assign('#itemContainer div a', {
					'origin': 'img',
					'shadow': 'onOpen',
					'opacityResize': 0.1, 
					'cutOut': true, 
					'dragging': true, 
					'centered': true,
					'closer': true

					// you can add another option that listed in ReMooz.js

					});
				}
				
				var setTxtSize = function(){
					if ($$('.writing')){
						// Set cms-edit-link	
						$$('.writing').each(function (item, index) {
							var size = item.getParent().getElement('img').getSize();
							var txtsize = item.getSize();
							//alert("The element "+item+" is "+size.x+" pixels wide and "+size.y+" pixels high.");
							//setContainerSize += size.x + 15
							//item.setStyle('top', 308-txtsize.y); // No fixed minimum-height
							//item.setStyle('left', '0px');
							item.setStyle('width', size.x-20);
						});				
					}
				};
				//Wait 50 milliseconds, then call myFunction and bind myElement to it.
				$$('.writing').each(function (item, index) {
							item.setStyle('width', 0);
							
						});	
				$$('.writing a').each(function (item, index) {
							item.removeClass('remooz-element');
							item.addEvent('click', function(){
									location.href = item.getProperty('href');
							});
						});
						
				setTxtSize.delay(500);
				
				var loadSlider = function () {
					var ScrollScreeen = new MooScroller($E('div.horzscroller div.content'), $E('div.horzscroller .scrollKnob'), {
						mode: 'horizontal',
						scrollLinks: {
							forward: $E('div.horzscroller div.scrollForward'),
							back: $E('div.horzscroller div.scrollBack')
						},
						hideWhenNoOverflow: true, scrollSteps: 40
					})
				};
				loadSlider.delay(1000);  
			});