// Set thickbox loading image
tb_pathToImage = "mysite/images/loading-thickbox.gif";
//var basePath = 'http://localhost/dbsophic/';
var basePath = '/';

var intro_itemList = [
    {url: "assets/intro/thumb/AnalysisSetup.png", title: " 1 ", on: true} ,	
    {url: "assets/intro/thumb/Analysis.png", title: " 2 ", on: false},
    {url: "assets/intro/thumb/ReportSummary.png", title: " 2 ", on: true},
    {url: "assets/intro/thumb/Batches.png", title: " 3 ", on: true},
    {url: "assets/intro/thumb/Objects.png", title: " 4 ", on: true},
    {url: "assets/intro/thumb/Recommendations.png", title: " 5 ", on: true},
    {url: "assets/intro/thumb/Apply.png", title: "", on: false},
    {url: "assets/intro/thumb/Benchmark.png", title: "", on: false},
    {url: "assets/intro/thumb/BatchBMResults.png", title: "", on: false}    	
];

function intro_loadItems()
{
	var father = $('#jcarousel ul');
    for (var i = 1; i <= intro_itemList.length; i++) {
        
	  
		 // Create an object from HTML
		 if(intro_itemList[i-1].on) {
			 var item = jQuery(intro_getItemHTML(intro_itemList[i-1], i));
			 var li = $('<li/>');
			 li.append($('<div class="jcarouselbox">').append(item));
			 father.append(li); 
		 }      
		  
    }
    // add 'next' and 'prev' buttons
	 $('#jcarouselwrapper').prepend($('<a class="prev">&nbsp;</a>')); 
    $('#jcarouselwrapper').append($('<a class="next">&nbsp;</a>')); 
};

/**
 * Item html creation helper.
 */
function intro_getItemHTML(item, i)
{
    var url_m =  basePath + "product-intro-" + i ;
    return '<a href="' + url_m + '"   rel="intro" title="' + item.title + '"><img src="' + item.url + '" border="0" alt="' + item.title + '" /></a>';
};


                
jQuery(window).load(function() {	  

    intro_loadItems();
    
   
    $("#jcarousel").jCarouselLite({
		visible: 4,
		scroll: 1
	});

	$("a[rel='intro']").colorbox({transition:"elastic", opacity: 0.25, height: "650px", width:"980px", title: true });
	
});