var windowWidth, windowHeight;
var fxSlide;
var slideCount = 0;
var slideIsOpen = false;
var slideIndex = -1;

function initSize() {
  if( typeof( window.innerWidth ) == 'number' ) {
    windowWidth = window.innerWidth;
    windowHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    windowWidth = document.documentElement.clientWidth;
    windowHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    windowWidth = document.body.clientWidth;
    windowHeight = document.body.clientHeight;
  }
}

function initSlides() { 
  fxSlide = new Fx.Slide('slide', {
	mode: 'horizontal',
	link: 'cancel'
  });

  fxSlide.hide();
  
  $('slide').setStyles({
//      display: 'block',
      top: (windowHeight-430)/2 ,
      width: 800 + (windowWidth-800)/2 + 40
  });
  
  //fxSlide.slideIn();
  
  $('slide-close').addEvent('click', function() {
	  closeSlide();
	  return true;
  });  
  
  //openSlide(3);
  
}

function openSlide(n) {
    if (slideIsOpen && slideIndex == n)
      return;
    if (the_wrong_browser && !slideIsOpen) {
        $('contentsTitle').fade('out');
    }
    if (slideIsOpen) {
      $('slide-inner').set('opacity','0');
    }
    
    $('slide-inner').set('html', $('slide-'+n).get('html'));
    $('slide-inner').fade('in');
    $('slide-close-img').fade('in');
    fxSlide.slideIn();
    slideIndex = n;
    slideIsOpen = true;
}

function closeSlide() {
    if (the_wrong_browser) {
        $('contentsTitle').fade('in');
    }
    $('slide-close-img').fade('out');
    fxSlide.slideOut();
    slideIsOpen = false;
}

var mySlide;

window.addEvent('domready', function(){
    SqueezeBox.initialize({
        size: {x: 800, y: 400}
    });
    SqueezeBox.assign($$('a.squeezeboxed'), {
		parse: 'rel'
    });
    
    initSize();
    
    initSlides();
    
    $('slide-close-img').setProperty('src', '/img/squeezebox/closebox.png');
    
    if (the_wrong_browser) {
      $$('ul').each(function(el){
        el.setStyle('margin-left', '0px');    
      });
    }
    
});