window.addEvent('domready',function() {
	//smooooooth scrolling enabled
	new SmoothScroll({ duration:700 }, window);
});

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

    var arrayReadOn = $$('.readon-actualidad');
    var arrayMainItem = $$('.mainitem');
    var arrayFadeSub = $$('.fadesub');
    var arrayBoton = $$('.button-buscador');
    var arrayInput = $$('.inputbox-buscador');
    var arrayTrigger = $$('.trigger');
    var arrayAcordeon = $$('.acordeon');

    var AccordionObject = new Accordion(arrayTrigger, arrayAcordeon, {
	display: 0,
	height : true,
	width : false,
	opacity: true,
	//defaults to false, can be integar -
	//will fix height of all arrayAcordeon containters
	//would need an overflow css rule
	//wont work on page load if you use "show"
	fixedHeight: false,
	//can be false or an integer
	//similiar to fixedHeight above,
	//but for horizontal accordians
	fixedWidth: false,
	alwaysHide: true,
	//onComplete: function(){ },
	onActive: function(toggler, element) {
		toggler.setStyle('color', '#FEFEFE');
		toggler.setStyle('padding-left', '10px');
		toggler.tween('background-color', '#373737');
		element.highlight('#6C3400');
	},
	onBackground: function(toggler, element) {
		toggler.setStyle('color', '#373737');
		toggler.setStyle('padding-left', '0px');
		toggler.tween('background-color', '#FFFAF0');
	}
    });

    $each(arrayReadOn, function(myReadOn) {
     myReadOn.addEvents({
      'mouseenter': function() { this.tween('color', '#F86903'); },
      'mouseleave': function() { this.tween('color', '#FFFE9A'); }
     });
    });

    $each(arrayMainItem, function(myMainItem) {
     myMainItem.addEvents({
      'mouseenter': function() { this.tween('color', '#FFB371'); },
      'mouseleave': function() { this.tween('color', '#FF8820'); }
     });
    });

    $each(arrayFadeSub, function(myFadeSub) {
     myFadeSub.addEvents({
      'mouseenter': function() { this.tween('background-color', '#5E1701'); },
      'mouseleave': function() { this.tween('background-color', '#940A0A'); }
     });
    });

    $each(arrayBoton, function(myBoton) {
     myBoton.addEvents({
      'mouseenter': function() { this.tween('color', '#FFB371'); },
      'mouseleave': function() { this.tween('color', '#FF8820'); }
     });
    });

    $each(arrayInput, function(myInput) {
     myInput.addEvents({
      'mouseenter': function() { this.tween('background-color', '#FFB371'); },
      'mouseleave': function() { this.tween('background-color', '#FF8820'); }
     });
    });

 });