/*
 * jCarousel specific function called at initialization.
 */
function mycarousel_initCallback(carousel) {
	var orgUl = $('.jcarousel-container');
	maxControls = Math.ceil($('.jcarousel-list').children().size() /5);
	orgUl.after('<div id=jcarousel-controls>');
	var jcontrol=$('#jcarousel-controls');
	for (i=0;i<maxControls;i++){
		jcontrol.append('<span class="jcarousel-control jcarousel-control' +(i+1)+'" data-value="'+(5*i+1)+'">&nbsp;</span>');
	}
	$('.jcarousel-control1').addClass('selected');

    $('.jcarousel-control').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval($(this).attr('data-value')));
        $(this).addClass('selected').siblings().removeClass('selected');
        curControl = Math.floor($(this).attr('data-value') / 5) + 1;
        return false;
    });
	$('.jcarousel-next').bind('mouseup',function(){selectControl(1);return false;});
	$('.jcarousel-prev').bind('mouseup',function(){selectControl(-1);return false;});
	
	//var marginOffset = (865.0/2) - maxControls*(15);
	$('#jcarousel-controls').css('margin-left', function(index,value){return (720.0/2) - maxControls*(15) + 15;});
}

var curControl = 1;
var maxControls = 4;
function selectControl(mov){
	if ((curControl + mov) < 1){
		$('.jcarousel-control1').addClass('selected').siblings().removeClass('selected');
		
	}
	else if ((curControl + mov)>maxControls){
		$('.jcarousel-control'+maxControls).addClass('selected').siblings().removeClass('selected');
	}
	else {
		$('.jcarousel-control'+(curControl + mov)).addClass('selected').siblings().removeClass('selected');
		curControl += mov;
	}
}
$(document).ready(function() {
	/* The following code enables the slideshow on the homepage */
	$('#homeEspot1 div.slides').htmlslides({hrefExclusionSelector: '.html-slideshow-slide-content',controlAlign:'right',controlVAlign:'top', controlOrientation:'vertical',controlText:'data-control-text'});
	//$('.html-slideshow-slide').preloadbackimage();
	
	//setup the product slider
	//var productSlide = $('div.homeEspot2-product-list div.inner ').attr('id','productSlide');
	//productSlide.after('<div id=jcarousel-control>');
	
	//orgUl.jcarousel({'scroll':'5'});
	$('div.homeEspot2-product-list div.inner > ul.remove-default').jcarousel({
		scroll:5, 
		visible:5, 
		initCallback:   mycarousel_initCallback
		});
	


})