var m_arrSlides = new Array();

m_arrSlides[0] = "images/slides/1.jpg";
m_arrSlides[1] = "images/slides/2.jpg";
m_arrSlides[2] = "images/slides/3.jpg";
m_arrSlides[3] = "images/slides/4.jpg";
m_arrSlides[4] = "images/slides/5.jpg";
m_arrSlides[5] = "images/slides/6.jpg";
m_arrSlides[6] = "images/slides/7.jpg";

var m_nSlideLoaded = 0;
var m_nSlide = 0;

// ****************************************************************************
// window.addEvent
// ****************************************************************************
window.addEvent('domready', function() {
	var scroll = new Fx.Scroll('images-wrapper', {
		wait: false,
		duration: 1000,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});
	 
	$('prev').addEvent('click', function(event) {
		if (m_nSlide > 0) { 
			m_nSlide = m_nSlide - 1;
			event = new Event(event).stop();
			scroll.start(m_nSlide*420, 0);
			setPageNum(m_nSlide+1);
		}
	});

	$('next').addEvent('click', function(event) {
		if (m_nSlide < m_arrSlides.length-1) { 
			m_nSlide = m_nSlide + 1;
			event = new Event(event).stop();
			scroll.start(m_nSlide*420, 0);
			setPageNum(m_nSlide+1);
		}
		
	});
	// init back to 0
	scroll.set(0, 0);	
	// update nav
	updateNav();
	// start load
	loadImage();	
});

// ****************************************************************************
// loadImage
// ****************************************************************************
function loadImage() {
	var strDiv = "image" + (m_nSlideLoaded+1);	
	var strImage = m_arrSlides[m_nSlideLoaded];

	myImage = new Asset.image(strImage, {onload: onImageLoaded});
  function onImageLoaded() {
    myImage.inject($(strDiv), 'top'); 
    $(strDiv).setStyles({'display':'block','opacity':0});
		new Fx.Tween($(strDiv),  {property: 'opacity', duration: 800}).start(0,1);				
		m_nSlideLoaded++;
		// do we have more?
		if (m_nSlideLoaded < m_arrSlides.length) {
			loadImage();	
		}
  }
}

// ****************************************************************************
// updateNav
// ****************************************************************************
function updateNav() {
  setPageNum(1);
  // hide/show nav  
  if (m_arrSlides.length < 2) {
    var slidenav = $('slidenav').style.visibility = "hidden";
  }
  else {
    var slidenav = $('slidenav').style.visibility = "visible";
  }
}

// ****************************************************************************
// setPageNum
// ****************************************************************************
function setPageNum(nPage) {
  $('pages').innerHTML = nPage + "/" + m_arrSlides.length;
  // hide/show prev
  if (nPage == 1) {
    var slidenav = $('prev').style.visibility = "hidden";    
  }
  else {
    var slidenav = $('prev').style.visibility = "visible";    
  }
  // hide/show next
  if (nPage == m_arrSlides.length) {
    var slidenav = $('next').style.visibility = "hidden";    
  }
  else {
    var slidenav = $('next').style.visibility = "visible";    
  }
}