window.addEvent('domready', function(){
	var kwicks = new Array();
	var anchorKwicks = new Array();
	var liKwicks = new Array();
	var mapKwicks = new Array();
	
	anchorKwicks = $('container').getElements('a[class=kwicks]');
	liKwicks = $$("#container .kwick");
	mapKwicks = $('container').getElements('area');
		
	kwicks = liKwicks.concat(mapKwicks);
	kwicks = kwicks.concat(anchorKwicks);

	var scroll = new Fx.Scroll('demo-wrapper', {
			wait: false,
			duration: 1500,
			transition: Fx.Transitions.Quad.easeInOut
	});
	
	scroll.addEvent('onStart', function()
								{
									divArr = $('container').getElements('div[id=smallscrollablecontent]');
									divArr = divArr.concat($('container').getElements('div[id=scrollablecontent]'));
									divArr = divArr.concat($('container').getElements('div[id=yscroll]'));
									
									for(i=0;i<divArr.length;i++)
									{
										divArr[i].style.overflowY = 'hidden';
										divArr[i].style.overflowX = 'hidden';
									}
								});
	scroll.addEvent('onComplete', function()
									{
										divArr = $(activeDiv).getElements('div[id=smallscrollablecontent]');
										divArr = divArr.concat($(activeDiv).getElements('div[id=scrollablecontent]'));
										divArr = divArr.concat($(activeDiv).getElements('div[id=yscroll]'));
										for(i=0;i<divArr.length;i++)
										{
											divArr[i].style.overflowY = 'auto';
										}
									});
	
	var activeDiv = 'content_home';

	for(i=0;i<liKwicks.length;i++)
	{
		liKwicks[i].addEvent('click', function(event) {
		event = new Event(event).stop();		
		eventObject = getClickedObject(this);
		idArr = eventObject.id.split('_');
		activeDiv = 'content_'+idArr[idArr.length-1];
		scroll.toElement(activeDiv);
		});
	}

	for(i=0;i<mapKwicks.length;i++)
	{
		if (mapKwicks[i].href.indexOf('#')>1)
		{
			mapKwicks[i].addEvent('click', function(event) {
			event = new Event(event).stop();		
			eventObject = getClickedObject(this);
			url = eventObject.href;
			urlArr = url.split('#');
			activeDiv = urlArr[urlArr.length-1];
			scroll.toElement(activeDiv);
			});
		}
	}
	
	for(i=0;i<anchorKwicks.length;i++)
	{
		anchorKwicks[i].addEvent('click', function(event) {
		event = new Event(event).stop();		
		eventObject = getClickedObject(this);
		url = eventObject.href;
		urlArr = url.split('#');
		activeDiv = urlArr[urlArr.length-1];
		scroll.toElement(activeDiv);
		});
	}
});

function getClickedObject (obj) {
  var clickedElement = null;
  if (typeof obj != undefined && obj.tagName) {
     //this IS defined, so the browser is following the standards
      return obj;
  } else {
      //this isn't defined, which means IE is in play
      try {
        //get the element from the window event instead
        return window.event.srcElement;
      } catch (e){
      }
  }
}