function displayItem(obj, category, itemName) {
    
    // clear rings
    $('.dot').html('');
    // set ring for selected
    $(obj).html('<img src="images/dots/ring.gif" />');
    
    // read title
    var title = $(obj).attr('title');
    // set title
    $('#item-title').hide(300, function(){
        $('#item-title-text').html(title);
        $('#item-title').show(100);
    });
    
    // determine close up image name
    var imgCloser = 'images/'+category+'/'+itemName+'-2.jpg';
    
    // onclick for look closer link
    $('#item-closer').unbind().click(function(){
        tb_show(title, imgCloser);
    });
    
    // display item image
    $('#item-main').fadeOut(300, function(){
        //$('#item-main').css({'background-image':'url("images/'+category+'/'+itemName+'-1.jpg");'});
        $('#item-main').html('<img src="images/'+category+'/'+itemName+'-1.jpg" onload="showItemImage()" />');
        $('#item-main').unbind().click( function(){
            tb_show(title, imgCloser);
        });
    });
}

function showItemImage() {
    $('#item-main').fadeIn(100);
}

$(function(){
  // Document is ready
  $('#nav-dots div:first').click();
});