function showItemDetail(item_id){
    var win_w = $('body').width();

    $('#head').after('<div id="dv_item_detail_bg" onclick="hideItemDetail()">&nbsp;</div>');
    $('#dv_item_detail_bg').width(win_w);
    $('#dv_item_detail_bg').height($('body').height()-80);
    $('#dv_item_detail_bg').fadeTo('fast', 0.8);
   
    $('#dv_item_detail_' + item_id).fadeTo('fast', 1);
    var detail_w= $('#dv_item_detail_' + item_id).width();
    var item_pos = $('#dv_item_' + item_id).offset();
    var item_w = $('#dv_item_' + item_id).width();  
    
    // links ausrichten?
    if(item_pos.left+detail_w+20 > win_w && detail_w < win_w){
        var newleft = 0;
        // zentrieren
        if(item_pos.left-detail_w-20 < 0){
            newleft = (win_w/2)-(detail_w/2)-10;
            $('#dv_item_detail_' + item_id).offset({ top: item_pos.top, left: newleft});
        } else {
            newleft = item_pos.left+item_w-detail_w-20;
            $('#dv_item_detail_' + item_id).offset({ top: item_pos.top, left: newleft});
        }
    } else {
        $('#dv_item_detail_' + item_id).offset({ top: item_pos.top, left: item_pos.left});
    }
}
function hideItemDetail(){
    $('.dv_item_detail').fadeTo('fast', 0);
    $('.dv_item_detail').css('display', 'none');
    $('#dv_item_detail_bg').fadeTo('fast', 0);
    $('#dv_item_detail_bg').css('display', 'none');
}
function filterItems(type){
    $('.nav').removeClass('selected');
    $('#filter_' + type).addClass('selected');
    $('.dv_item').parent().css('display','none');
    $('.dv_filter_' + type).parent().css('display','block');
    hideItemDetail();
}