window.addEvent('domready',function(){
	//GALLERY
	var startItem = 0; //or 0 or any
	//var thumbs_mask = $('thumbs_mask').setStyle('left',(startItem*60-568)+'px').setOpacity(0.8);
	var fxOptions7 = {duration:1500, transition:Fx.Transitions.Cubic.easeInOut, wait:false}
	//var thumbsFx = new Fx.Style(thumbs_mask,'left',fxOptions7);
	/*var info5 = $('info5').setOpacity(0.5);
	var sampleObjectItems =[
		{title:'Morbi elementum', autor:'Lorem', date:'5 Jun 2007', link:'http://www.link1.com'},
		{title:'Mollis leo', autor:'Ipsum', date:'6 Dic 2007', link:'http://www.link2.com'},
		{title:'Nunc adipiscing', autor:'Dolor', date:'9 Feb 2007', link:'http://www.link3.com'},
		{title:'Phasellus volutpat pharetra', autor:'Sit', date:'22 Jul 2007', link:'http://www.link4.com'},
		{title:'Sed sollicitudin diam', autor:'Amet', date:'30 Set 2007', link:'http://www.link5.com'}
	];*/
	var hs7 = new noobSlide({
		box: $('box'),
		items: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27], //sampleObjectItems
		handles: $ES('span','thumbs_handles'),
		buttons: {
			play: $('play'),
			stop: $('stop'),
			previous: $('prev'),
			next: $('next')
		},
		fxOptions: fxOptions7,
		//autoPlay: true,
		onWalk: function(currentItem){
		//thumbsFx.start(currentItem*60-568);
		/*info5.empty();
		new Element('h4').setHTML('<a href="'+currentItem.link+'">link</a>'+currentItem.title).inject(info5);
		new Element('p').setHTML('<b>Author</b>: '+currentItem.autor+' &nbsp; &nbsp; <b>Date</b>: '+currentItem.date).inject(info5);*/
		},
		startItem: startItem
	});
	hs7.walk(0);
	
	//lightswitch
	var path = 'css/';
	var style_2, style_base;
	
	//light on
	$('l-on').addEvent('click', function(e) {
		e = new Event(e).stop();
		if (style_base) style_base.remove();
		new Asset.css(path + 'l-on.css?foo', {id: 'style_base'});
		style_base = $('style_base');
	});
	//light off
	$('l-off').addEvent('click', function(e) {
		e = new Event(e).stop();
		if (style_2) style_2.remove();
		new Asset.css(path + 'l-off.css?foo', {id: 'style2'});
		style_2 = $('style2');
	});
	
	//tooltips
	var Tips2 = new Tips($$('a#l-off[title], a#l-on[title], span#stop[title], span#play[title], span#prev[title], span#next[title]'), {
		initialize:function(){
			this.fx = new Fx.Style(this.toolTip, 'opacity', {duration:400, wait: false}).set(0);
		},
		onShow: function(toolTip) {
			this.fx.start(1);
		},
		onHide: function(toolTip) {
			this.fx.start(0);
		}
	});
	
	
});