$(window).load(function(){
   function getListVal(){
        return  $("#user-movie-list-select").val();       
   }
   function isNewList(){
       return getListVal() == 'new';
   }

   function onUserListChanged(){
       if (!window.isLoggedIn()){
           window.showLoginPanel();
           return false;
       }
        
        if (isNewList()){
            $("#user-movie-list-form").submit();
            
        }
     return false;
   }
   function onRemoveFromListClicked(e){
       if (!window.isLoggedIn()){
           window.showLoginPanel();
           return false;
       }
       if (isNewList()){
           return false;
       }else{
           // add with ajax
           url = $("#bt-remove-from-user-list").attr('href');
           $.ajax({

            type:"POST",
            dataType:'json',
            url: url,
            data: {'list_id':getListVal()},
            success: function (res){
                replaceNewUserListWidget(res);

          }}     

           );
       }
       return false;
   }
   function onAddToListClicked(e){
       if (!window.isLoggedIn()){
           window.showLoginPanel();
           return false;
       }
       if (isNewList()){
           onUserListChanged();
       }else{
           // add with ajax
           url = $("#bt-add-to-user-list").attr('href');
           $.ajax({

            type:"POST",
            dataType:'json',
            url: url,
            data: {'list_id':getListVal()},
            success: function (res){
                replaceNewUserListWidget(res);

          }}     
           );
       }
       return false;
   }
   function replaceNewUserListWidget(res){
       $("#user-list-widget").replaceWith(res.data.node);
       setupHandlers();
   }
   function setupHandlers(){

   $("#user-movie-list-select").change(onUserListChanged);
   $('#bt-add-to-user-list').click(onAddToListClicked);
   $('#bt-remove-from-user-list').click(onRemoveFromListClicked);                   
   }
   setupHandlers();
});