// Slideshow Interaction Logic - JavaScript Document
// Last Modification: December 2010
// Coded using jQuery 1.4.4
// Version: 2.1.0

// Modifiable Parameters
var slideWidth = 960; //Pixels
var animationDelayBase = 5500; //Miliseconds

// PROTECTED Parameters - DO NOT MODIFY THESE
var currentPosition = 1;
var slides = $('.slide');
var numberOfSlides = slides.length;
var timeoutID = 0;
var sliderIsHoverd = 0;

function autoSlide(ignoreDelay) {
	var animationDelay = animationDelayBase;
	if(ignoreDelay == true) animationDelay = 0;
	if(currentPosition == numberOfSlides) currentPosition = 0;
	
    timeoutID = window.setTimeout(function(){
	if(sliderIsHoverd == 0 || ignoreDelay == true)
	  $('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)}, 500, "swing", function() { markCurrentControl(currentPosition); currentPosition++; autoSlide(); });
	else setTimeout(function(){autoSlide(false);},250);
                                        	 }, animationDelay); 
}

function slideTo(position) {
	if(position<=numberOfSlides) {
		currentPosition = position-1;
		$('#slideInner').stop(true);
		window.clearTimeout(timeoutID);
		autoSlide(true);
	}
}

function markCurrentControl(controlNumber) {
	var controlCounter = 0;
	$('.slideShow-control').each(function() {
	if(controlCounter==controlNumber) { $(this).find("img").animate({ "opacity": 1},150); $(this).addClass("current-SlideShow-control"); }
	else { $(this).find("img").animate({ "opacity": 0},150); $(this).removeClass("current-SlideShow-control"); }
	controlCounter++;
										  });
}

$(document).ready(function(){

	$('#slideshowContainer').css('overflow', 'hidden');
  
	slides
	.wrapAll('<div id="slideInner"></div>')
	.css({
	  'float' : 'left',
	  'width' : slideWidth
	});
	$('#slideInner').css('width', slideWidth * numberOfSlides);
	
	$('#slideshowContainer').append("<div id='slideShow-control-container'></div>");

	var slideCounter = 1;
	$('.slide').each(function() {
		$('#slideShow-control-container').append("<div class='slideShow-control' onclick='slideTo("+slideCounter+");'><img src='http://www.ostaco.com/resources/images/slideShow-controlItem-on.png' alt='' /><span>"+slideCounter+"</span></div>");	
		slideCounter++;
							  });
	markCurrentControl(0);
	
	$('#slideshowContainer').hover(function() {
	  sliderIsHoverd = 1;
	}, function() {
	  sliderIsHoverd = 0;
	});

	
	autoSlide(false);
	

});