// JavaScript Document
//Treeview Estates Home JavaScript
//SAE Creative
//author: paulm

//Load ImageStrip Mouseover images

MM_preloadImages('images/img-thumb-home-01-over.jpg');
MM_preloadImages('images/img-thumb-home-02-over.jpg');
MM_preloadImages('images/img-thumb-home-03-over.jpg');
MM_preloadImages('images/img-thumb-home-04-over.jpg');
MM_preloadImages('images/img-thumb-home-05-over.jpg');


//Load Slideshow Button Mouseovers

MM_preloadImages('images/btn-slide-top-over.jpg');
MM_preloadImages('images/btn-slide-bottom-over.jpg');
MM_preloadImages('images/btn-slide-top-anim.gif');
MM_preloadImages('images/btn-slide-bottom-anim.gif');
MM_preloadImages('images/btn-slide-top-anim-over.gif');
MM_preloadImages('images/btn-slide-bottom-anim-over.gif');


//Slideshow - Button Behaviours
//Checks for current position and only shows animated
//button if user can move in that direction

function slideUpBtnOut() {
	if(currentPosition==0){
		document.getElementById('slideUp').src="images/btn-slide-top.jpg";
	} else {
		document.getElementById('slideUp').src="images/btn-slide-top-anim.gif";
	}		
}

function slideUpBtnOver() {
	if(currentPosition==0){
		document.getElementById('slideUp').src="images/btn-slide-top-over.jpg";
	} else {
		document.getElementById('slideUp').src="images/btn-slide-top-anim-over.gif";
	}		
}
function slideDownBtnOut() {
	if(currentPosition==2){
		document.getElementById('slideDown').src="images/btn-slide-bottom.jpg";
	} else {
		document.getElementById('slideDown').src="images/btn-slide-bottom-anim.gif";
	}		
}

function slideDownBtnOver() {
	if(currentPosition==2){
		document.getElementById('slideDown').src="images/btn-slide-bottom-over.jpg";
	} else {
		document.getElementById('slideDown').src="images/btn-slide-bottom-anim-over.gif";
	}		
}

//Slideshow - jQuery

$(document).ready(function(){
  //Set variables for starting position and slide height						   
  currentPosition = 0;
  var slideHeight = 337;
  //Fix slide height for IE6
  if(BrowserDetect.browser == "Explorer" && BrowserDetect.version == 6) {
	  slideHeight = 346;
  }
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Rreadjust .slides height
	.css({
      'float' : 'left',
      'height' : slideHeight
    });

  // Set #slideInner height equal to total height of all slides
  $('#slideInner').css('height', slideHeight * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
	.prepend('<img src="images/btn-slide-top.jpg" alt="Scroll Up" class="control" name="slideUp" width="254" height="40" border="0" id="slideUp" onmouseout="javascript:slideUpBtnOut();" onmouseover="javascript:slideUpBtnOver();" />')
    .append('<img src="images/btn-slide-bottom-anim.gif" alt="Scroll Down" class="control" name="slideDown" width="254" height="40" border="0" id="slideDown" onmouseout="javascript:slideDownBtnOut();" onmouseover="javascript:slideDownBtnOver();" />');

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
	if($(this).attr('id')=='slideDown' && currentPosition<numberOfSlides-1){ currentPosition = currentPosition+1 }
	if($(this).attr('id')=='slideUp' && currentPosition!=0){ currentPosition = currentPosition-1 }
	
    // Move slideInner using margin-top
    $('#slideInner').animate({
      'marginTop' : slideHeight*(-currentPosition)
    });
	
	// Update buttons
	slideUpBtnOut();
	slideDownBtnOut();
  });  
});