function basename (path, suffix) {
    var b = path.replace(/^.*[\/\\]/g, '');
        if (typeof(suffix) == 'string' && b.substr(b.length-suffix.length) == suffix) {
        b = b.substr(0, b.length-suffix.length);
    }
    return b;
}



$(document).ready(function() {
$('#refsShowBox').cycle({ 
	fx: 'fade',
    speed:       'slow', 
    timeout:     0, 
    pager:      '#nav',
    pagerClick: function(idx,slide) {
    	showRefInfo(basename (slide.src));
    },
    
    
    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide) { 
        return '<a href="#" onclick="showRefInfo("' + basename (slide.src) + '");"><img src="images/refs/small/' + basename (slide.src) + '" class="whiteThumb" width="96" height="96" /></a>'; 
    }
});
});

function showRefInfo(value) {
	$.get("findRef.php?value="+value, function(data){
		$("#tester").html(data);
	});
}