fx.Background = Class.create();
fx.Background.prototype = Object.extend(new fx.Base(), {
	initialize: function(el, options) {
		this.el = $(el);
		this.setOptions(options);
		this.now = 0;
	},
	increase: function() {
		this.el.style.backgroundPosition = this.now + "px";
	},
	scroll: function(newPos){
		this.clearTimer();
		this.custom(this.now, newPos)
	}
});

var stretchers = $$('div.accordion');
stretchers.each(function(item){
	item.setStyles({'height': '0', 'overflow': 'hidden'});
});

window.onload = function() {
	mySlideshow = new fx.Background('imageblock', {duration: 500, transition: Fx.Transitions.quadOut});

	var togglers = $$('h3.toggler');
	
	var bgFx = [];
	
	togglers.each(function(toggler, i){
		toggler.defaultColor = toggler.getStyle('background-color');
		
		//fx creation
		bgFx[i] = new Fx.Color(toggler, 'background-color', {wait: false});
	});

	var myAccordion = new Fx.Accordion(togglers, stretchers, { opacity: false, start: false, transition: Fx.Transitions.quadOut,
		
		onActive: function(toggler, i){
			bgFx[i].toColor('#333');
			toggler.getFirst().setStyle('color', '#fff');
		},
	
		onBackground: function(toggler, i){
			bgFx[i].clearTimer();
			toggler.setStyle('background-color', toggler.defaultColor);
			toggler.getFirst().setStyle('color', '#fff');
		}
	});
	
	//anchors
	function checkHash(){
		var found = false;
		$$('h3.toggler a').each(function(link, i){
			if (window.location.hash.test(link.hash)){
				myAccordion.showThisHideOpen(i);
				found = true;
			}
		});
		return found;
	}

	if (!checkHash()) myAccordion.showThisHideOpen(0);
}

try {
	Window.disableImageCache();
}catch(e){}

function e( element )
{
  return document.getElementById( element );
}

function setBackgroundImage( element, imageurl )
{
  mySlideshow.scroll(0);
  e( element ).style.backgroundImage = imageurl;
}

function hideToggles()
{
  for( var i=1; i<5; i++ )
  {
    element = "imagetoggle"+i;
    e( element ).style.visibility="hidden";
  }
}

function setToggles( maxToggles )
{
  hideToggles();
  for( var i=1; i<(maxToggles+1); i++ )
  {
    element = "imagetoggle"+i;
    e( element ).style.visibility="visible";
  }
}

function switchToggles( activeToggle )
{
  for( var i=1; i<5; i++ )
  {
    element = "imagetoggle"+i;
    e( element ).className="normal";
  }
  activeToggle.className="active";
}

function switchCollection( toggleId, count )
{
  for( var i=1; i<12; i++ )
  {
    element = "toggle"+i;
    e( element ).className="normal";
  }
  if( toggleId != null ) toggleId.className="active";
}

function setCollection( element, imageurl, maxToggles, collectionname, collectionid )
{
  setBackgroundImage( element, imageurl );
  setToggles( maxToggles );
  switchToggles( document.getElementById( 'imagetoggle1' ) );
  switchCollection( document.getElementById( collectionid ) );
  fade_down( 'collectionname' );
  fade_up( 'collectionname', collectionname, 'FFFFFF' );
  /*$('collectionname').effects().start({
  	'opacity':[1,0]
  });
	$('collectionname').effects().start({
  	'opacity':[0,1]
  });*/
  //  var fadeInOut = new fx.Style('collectionname', 'color', { duration: 500 });
    //  fadeInOut.start('333333');
//  fadeInOut.start.pass(['333333', 'ffffff'], fadeInOut).delay(1000);
  //$('collectionname').setHTML = "Test2";
}



/*var preloaded = new Array();
function preload_images() {
  for( var i=0; i<arguments.length; i++ )
  {
    preloaded[i] = document.createElement( 'img' );
    preloaded[i].setAttribute( 'src', arguments[i] );
  };
};
preload_images(
    'img/custom.jpg',
    'img/butterfly.jpg'
);*/