var mycarousel_productList = new Array();
var pFocus;

function mycarousel_productVisibleInCallback(carousel, item, i, state, evt){
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    var idx = carousel.index(i, mycarousel_productList.length);
    carousel.add(i, mycarousel_getProductHTML(mycarousel_productList[idx - 1]));	
};

function mycarousel_productVisibleOutCallback(carousel, item, i, state, evt){
	if(state == 'next'){
		pFocus = $(item).next().next().next().next().next().next();
		$('#product_focus .image img').attr('src', $(pFocus).find('img').attr('src'));
		$('#product_focus h3').text($(pFocus).find('img').attr('alt'));
	}
	else {
		pFocus = $(item).prev().prev().prev().prev().prev().prev();
		$('#product_focus .image img').attr('src', $(pFocus).find('img').attr('src'));
		$('#product_focus h3').text($(pFocus).find('img').attr('alt'));
	}
	carousel.remove(i);
};

/**
 * Item html creation helper.
 */
function mycarousel_getProductHTML(item){
	return '<img src="' + item.url + '" width="73" height="76" alt="' + item.title + '" />';
};

/**
 * We use the initCallback callback
 * to assign functionality to the controls
 */
function mycarousel_initCallback(carousel) {
    $('#product_focus .next').bind('click', function() {
        carousel.next();
        return false;
    });

    $('#product_focus .back').bind('click', function() {
        carousel.prev();
        return false;
    });
};


$(document).ready(function(){
	
	$("#products img").each(function(){
		mycarousel_productList.push({url: $(this).attr('src'), title: $(this).attr('alt')});													
	});	
	
	$("#products").jcarousel({
		scroll: 1,
        wrap: 'circular',
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_productVisibleInCallback},
		itemVisibleOutCallback: {onAfterAnimation: mycarousel_productVisibleOutCallback},
        initCallback: mycarousel_initCallback,
		buttonNextHTML: null,
        buttonPrevHTML: null
	});	
	
	$('#select_product li h3,#select_product li p').hide();
	
	$('#select_product .select').click(function(){
		$('#select_product, #download_album').toggle();
		return false;
													
	});
	
	$('.btn_v1').click(function(){
		if($('#tc').attr('checked')){
			$('#select_product, #download_album').toggle();	
		}
		
		else {
			return false;
		}
		
	});
	
});