var smart_toolbox = {};

function debugMsg(msg)
{
    try
    {
        console.log(msg);
    }
    catch(ee){}
}

smart_toolbox.initialize = function() {
    $('#loginBtn').bind('click',this.login);
    $('#btn_expand').bind('click', this.show );
    $('#btn_collapse').bind('click', this.hide );
    $('#smart_books').bind('click', this.showBooks );
    $('#add_to_button').bind('click', this.showAddTo );
    $('#smart_bookshelves').bind('click', this.showBookshelves );
    $('#smart_search').bind('click', this.searchBook );

    $('#smart_account').bind('click', this.showaccount);
    
    // $('#smart_live_map').bind('click', this.liveMap );
    $('#add_rayon').bind('click', this.addRayon );
    $('#add_to_rayon').bind('click', this.addToRayon );
    $('.mesRayons_box').live('click', this.showRayons ); //LIVE TO TAKE INTO CONSIDERATION ELEMENTS THAT ARE CREATED AFTER DOCUMENT READY (e.g. Ajax load of subsequent pages)
    $('#edit_rayon').live('click', this.editRayon );
    $('#visit_rayon').live('click', this.visitRayon );
    $('#del_rayon').live('click', this.delRayon );
    $('#del_action_rayon').live('click', this.delActionRayon );
    $('#delete_bookshelf_rayon_docid').live('click', this.delActionBookshelfRayon );
    
    // $('#toc_container').draggable();
}

smart_toolbox.showaccount = function(evt) {
    var l = evt.clientX - $('#minitb').width();
    var innerImg = $('#minitb img').width()
    var t = evt.clientY; // + $('#minitb').height()/2;
    
    $('#minitb').css({'left': l + 'px','top': t + 'px'});
    $('#minitb').show();
    
    return false;    
}

smart_toolbox.login = function()
{
    $('.bottomPanelContent').empty();
    $.ajax({
      url: '/account/getloginpopup',
      success: function(data) {
        if (data) {
            $('.bottomPanelContent').append(data);
        }
      }
    });
    smart_toolbox.showTopLayer();
    return false;    
}

smart_toolbox.show = function() {
    $('#vtoolbar_nb').hide();

    $('#vtoolbar_wb').fadeIn('show');
    $('.mainlogo').fadeIn('slow');
    $('.step').fadeIn('slow');
    return false;
}

smart_toolbox.hide = function(){
    $('#vtoolbar_wb').fadeOut('slow',function(){$('#vtoolbar_nb').show();}); 
    $('.mainlogo').fadeOut('slow');
    $('.step').fadeOut('slow');
    return false;
}

smart_toolbox.showBooks = function(evt)
{
    smart_toolbox.showB(evt,"smart_books_over");

    return false;
}

smart_toolbox.showBookshelves = function(evt)
{
    smart_toolbox.showB(evt,"smart_bookshelves_over");

    return false;
}

smart_toolbox.showRayons = function(evt)
{
    var rayonID = this.id;
    rayonID = rayonID.replace("rayon_id_", "");
    rayonID = rayonID.replace("etiquette_", "");
    $('#clicked_rayon').val(rayonID);
    // alert($('#clicked_rayon').val());
    smart_toolbox.showB(evt,"smart_rayons_over");
 
    return false;
}

smart_toolbox.showAddTo = function(evt)
{
    smart_toolbox.showB(evt,"smart_add_book_over");
 
    return false;
}

smart_toolbox.addToRayon = function(evt)
{
    $("#smart_add_book_over").hide();
    $.ajax({
        url:'/rayons/list/userid/' + $("#userid_hidden").val() + '/docid/' + $("#docid_hidden").val(),
        success:function(data){
            $('#toc_center').html(data);
        }
    });

    smart_toolbox.showT(evt,"toc_container");
 
    return false;
}

smart_toolbox.showT = function(evt,element)
{
    debugMsg(evt);
    var l = evt.clientX - $('#'+element).width();
    var innerImg = $('#'+element+' img').width()
    var t = evt.clientY; 
    
    $('#'+element).css({'left': l+550 + 'px','top': t-125 + 'px'});
    $('#'+element).show();
    
    return false;
}

smart_toolbox.showB = function(evt,element)
{
    //debugMsg(evt);
    var l = evt.clientX - $('#'+element).width();
    var innerImg = $('#'+element+' img').width()
    var t = evt.clientY; 
    
    $('#'+element).css({'left': l+25 + 'px','top': t-25 + 'px'});
    $('#'+element).show();
    
    return false;
}

// smart_toolbox.liveMap = function() {
    // $('#map_content').empty();
    // $('.bottomPanelContent').empty();
    // $('.bottomPanelContent').html("<p style=\"color:red;\">TADA</p>");
    // $.ajax({
        // url:'/live/map/',
        // success:function(data){
            // $('.bottomPanelContent').html(data);
        // }
    // });
    // $('#smart_toplayer_map').show('slow');
    
    // return false;    
// }


smart_toolbox.searchBook = function() {
    $('.bottomPanelContent').empty();
     $.ajax({
        url:'/books/search/',
        success:function(data){
            $('.bottomPanelContent').html(data);
        }
    });
    $('#btn_send').bind('click',function(){return false;})
    smart_toolbox.showTopLayer();
    return false;    
}

smart_toolbox.addRayon = function() {
    $('.bottomPanelContent').empty();
     $.ajax({
        url:'/rayons/add/',
        success:function(data){
            $('.bottomPanelContent').html(data);
        }
    });
    $('#btn_send').bind('click',function(){return false;})
    smart_toolbox.showTopLayer();
    return false;    
}

smart_toolbox.editRayon = function() {
    $('.bottomPanelContent').empty();
     $.ajax({
        url:'/rayons/edit/rayonid/'+$('#clicked_rayon').val(),
        success:function(data){
            $('.bottomPanelContent').html(data);
        }
    });
    $('#btn_send').bind('click',function(){return false;})
    smart_toolbox.showTopLayer();
    return false;    
}

smart_toolbox.visitRayon = function() {
    window.location.href = '/searchbookshelf/index/rayon/'+$('#clicked_rayon').val();
    return false;    
}

smart_toolbox.delRayon = function() {

    $('#over_alert').show('slow');
    // smart_toolbox.showB(evt,"over_alert");
    return false;
}

smart_toolbox.delActionRayon = function() {

    $.post('/rayons/delete/rayon_id/'+$('#clicked_rayon').val());
    window.location.href = '/rayons/index/';
    
    return false;
}

smart_toolbox.delActionBookshelfRayon = function() {

    window.location.href = $('#bookshelf_rayon_docid_delete_url').val();
    
    return false;
}

smart_toolbox.showTopLayer = function()
{
    $('#smart_toplayer').height($(window).height());
    $('#smart_toplayer').show('fast');
    return false;
}
smart_toolbox.hideTopLayer = function()
{
    $('#smart_toplayer').hide('fast');
    return false;
}

$(document).ready(function(){
    smart_toolbox.initialize();
});