window.addEvent('domready', function(){

	//thumbs effects on homepage
	$$('.image a').each(function(el){
		el.addEvent('mouseenter', function() {
			// Here we fade background images
			//el.getFirst().fade(0.8);
			el.getFirst('img').setStyles({
				//padding: '4px',
				//width: '361px',
				//height: '223px'
			}).fade(0.65);
			// Here we invoke descriptions
			el.getLast().setStyles({
			//el.getNext().setStyles({
				display:'block',
				opacity:'0.0'
			}).fade(0.75);
			// z-indexes
			//el.getNext().setStyle('z-index', '4001');
			// hover background color (border)
			//el.getParent().setStyles({background-color:'#bc9bc9'});
			el.getParent().setStyle('background-color', '#bc9bc9');
		});
		el.addEvent('mouseleave', function() {
			//el.getFirst('img').fade(1);
			el.getFirst('img').setStyles({
				//padding: '0',
				//width: '369px',
				//height: '231px'
			}).fade(1);
			el.getLast().fade(0);
			//el.getNext().fade(0);
			// background color (border)
			el.getParent().setStyle('background-color', '#eeeeee');
		});
	},this);
	

	//smooooooth scrolling enabled  
	//new SmoothScroll({ options }, window);  
	new SmoothScroll({ duration:700 }, window); //700 milliseconds to get there
	
	//scroll ToTop
	var el = $('totop');
	//alert (el);
	//el.setStyles({left:'710', bottom: '0'});
	el.scrollTo(100, 100);

});

// window dimensions extender
/*
window.extend({
        getHeight: function() {
                if (this.webkit419) return this.innerHeight;
                if (this.opera) return document.body.clientHeight;
                return (document.documentElement.clientHeight > document.body.clientHeight || document.documentElement.clientHeight == 0)
                        ? document.body.clientHeight
                        : document.documentElement.clientHeight;
        },
        getWidth: function(){
                if (this.webkit419) return this.innerWidth;
                if (this.opera) return document.body.clientWidth;
                return (document.documentElement.clientWidth > document.body.clientWidth || document.documentElement.clientWidth == 0)
                        ? document.body.clientWidth
                        : document.documentElement.clientWidth;
        }
});
*/