var subContentslide = null;
var vstep = 0;
var vmaxsteps = 0;
function setLayout()
{
	var winHeight = window.getSize().size.y;
	var cntHeight = $('layout_container').getSize().size.y;
	y = (winHeight-cntHeight)/2;
//	$('layout_container').setStyle('top',y);
}

// INTIIALIZE ACCORDION
function init_acc()
{
$$('.rgslideshow').each(function(item) {item.setStyle('display','none')});
$$('.acc_container').each(
	function (cntitem,cntindex)
	{
		cntitem.getElements('div.acc_element_title').each(
			function(item,index) { item.setStyle('cursor','pointer'); }
		);

		var accordion = new Accordion(cntitem.getElements('div.acc_element_title'), cntitem.getElements('.acc_element_content'), {
//			display: false, show: false,
show: 0, display: 0,
			alwaysHide:true,
			opacity: false,
			onActive: function(toggler, element)
			{
				toggler.addClass('act');
				element.getElements('.rgslideshow').each(function(item) { item.setStyle('display','block'); });
			},
			onComplete: function()
			{
				update_slider();
				subContentslide.set(vstep-1);
			},
			onBackground: function(toggler, element)
			{
				toggler.removeClass('act');
				element.getElements('.rgslideshow').each(function(item) { item.setStyle('display','none'); });
			}
		}, cntitem);

	})
}
function update_slider()
{

	if(!subContentslide) return;
	vmaxsteps = $('layout_content').getSize().scrollSize.y-$('layout_content').getSize().size.y;
if(vmaxsteps > 0)
	subContentslide.options.steps = vmaxsteps;

	var percent_visible = 100/$('layout_content').getSize().scrollSize.y*$('layout_content').getSize().size.y;
	var slideheight = $('subslidebar_inner').getSize().size.y/100*percent_visible;
if(slideheight > 0)
	$('subslider').setStyle('height',slideheight);
	subContentslide.reinit();
	subContentslide.set(0);
}

function init_slider()
{
	vmaxsteps = $('layout_content').getSize().scrollSize.y-$('layout_content').getSize().size.y;
if(vmaxsteps <= 0) vmaxsteps = 1;
	var percent_visible = 100/$('layout_content').getSize().scrollSize.y*$('layout_content').getSize().size.y;
	if(percent_visible >= 100 || percent_visible <= 0)
		var slideheight = $('subslidebar_inner').getSize().size.y;
	else
		var slideheight = $('subslidebar_inner').getSize().size.y/100*percent_visible;
if(slideheight > 0)
	$('subslider').setStyle('height',slideheight );
	subContentslide = new Slider($('subslidebar_inner'), $('subslider'), {	
		steps: vmaxsteps,
		mode: 'vertical',
		onChange: function(step){
			if(typeof(step) == "undefined" || parseInt(step) <= 0) return;
			vstep = step;
			$('layout_content').scrollTo(0,step);
		}
	}).set(0);

	subContentslide.reinit = function() 
	{
var mod, offset;
		switch(this.options.mode){
			case 'horizontal':
				this.z = 'x';
				this.p = 'left';
				mod = {'x': 'left', 'y': false};
				offset = 'offsetWidth';
				break;
			case 'vertical':
				this.z = 'y';
				this.p = 'top';
				mod = {'x': false, 'y': 'top'};
				offset = 'offsetHeight';
		}
		this.max = this.element[offset] - this.knob[offset] + (this.options.offset * 2);
		var lim = {};
		lim[this.z] = [- this.options.offset, this.max - this.options.offset];
		this.drag = new Drag.Base(this.knob, {
			limit: lim,
			modifiers: mod,
			snap: 0,
			onStart: function(){
				this.draggedKnob();
			}.bind(this),
			onDrag: function(){
				this.draggedKnob();
			}.bind(this),
			onComplete: function(){
				this.draggedKnob();
				this.end();
			}.bind(this)
		});
	}
	
  $('subslidebar_t').addEvent('mouseover',function() {
    doslideup = true;
    doslidedown = false;
    slideup();
  }
  );
  
  $('subslidebar_t').addEvent('mouseout',function() {
    doslideup = false;
    doslidedown = false;
  }
  );
  
  $('subslidebar_b').addEvent('mouseover',function() {
    doslideup = false;
    doslidedown = true;
    slidedown();
  }
  );
  
  $('subslidebar_b').addEvent('mouseout',function() {
    doslideup = false;
    doslidedown = false;
  }
  );
  
}

//window.addEvent('domready',function () {setLayout(); });
window.addEvent('resize',function () {setLayout() });

function slideup()
{
  subContentslide.set(vstep-1);
  vstep--;
  if(doslideup && vstep > 0)
  {
    window.setTimeout('slideup()',50);
  }
}

function slidedown()
{
  subContentslide.set(vstep+1);
  vstep++;
  if(doslidedown && vstep < vmaxsteps)
  {
    window.setTimeout('slidedown()',50);
  }
}

window.addEvent('domready',
function()
{
var anim = new S3Slideanimation('sponsors_img');
anim.init();
  setLayout();
  init_slider();
  init_acc();
  /*
  if($$('.watchfor').length > 0)
  {
  	if($$('.acc_element_content').length > 0)
	  $$('.acc_element_content')[0].setStyle('height',260);
  }*/
//  update_slider();
  
$('layout_content').addEvent('mousewheel',
	function (event)
	{ 
		event = new Event(event);
		subContentslide.set(vstep-event.wheel*3);
		vstep-=event.wheel*3;
		if(vstep < 0) vstep = 0;
		if(vstep > vmaxsteps) vstep = vmaxsteps;
	}
);


	$$('h1').each(function(item)
	{

		item.innerHTML = item.innerHTML.replace(/Project\sRaceboat\s&amp;\sPOWER\sOF\sDREAMS\sGERMANY/g,'<i>Project Raceboat &amp; POWER OF DREAMS GERMANY</i>');
		item.innerHTML = item.innerHTML.replace(/POWER\sOF\sDREAMS\sGERMANY/g,'<i>POWER OF DREAMS GERMANY</i>');
		item.innerHTML = item.innerHTML.replace(/Project\sRaceboat/g,'<i>Project Raceboat</i>');
	}
	);



}
);

