slideArray = new Array();

window.addEvent('domready', function(){
    var temp = $$(".outterSlideBlock");
	
	var slides = $$(".innerSlideBlock");
	
	slides.each(function(element, i) {
		if(slideArray[element.id] == null)
			slideArray[element.id] = new Fx.Slide(element.id, {duration:700});
		
		$(element.id+'_arrow').toggleClass('downArrow');
		slideArray[element.id].hide();
	});
	temp.setStyle('visibility', 'visible');
});

function slide(element){
	if($(element).getStyle('visibility') == 'hidden')
		$(element).setStyle('visibility', 'visible');
		
	slideArray[element].toggle();
	$(element+'_arrow').toggleClass('downArrow');
	
	
	toggleMarquee($(element).getParent().getParent().getChildren()[0].getChildren()[0].getChildren()[0]);
}

function toggleMarquee(e) {
	e.toggleClass('os_prev_invisible');
	
	if(e.hasClass('os_prev_invisible')) {
	   e.stop();
	   e.effect('opacity', {duration: 300}).start(0);
	}
	else
	{
	   e.start();
	   e.effect('opacity', {duration: 300}).start(2);
	}
}