sessvars.$.prefs.crossDomain=true;
function setStoreStr( key, data_str )
{
   log2console("setStoreStr() was called" );

   if( isBrowserChrome() )
   {
      return setStoreStrChrome(key, data_str);
   }
   else
   {
      return setStoreStrNOTChrome(key, data_str);
   }
}

function getStoreStr( key )
{
   log2console("getStoreStr() was called" );

   if( isBrowserChrome() )
   {
      return getStoreStrChrome(key);
   }
   else
   {
      return getStoreStrNOTChrome(key);
   }
}

function setStoreStrNOTChrome( key, data_str )
{
   if( sessvars.e2p_dict == null )
      sessvars.e2p_dict = {};

   sessvars.e2p_dict[key] = encodeURIComponent(data_str);
   sessvars.$.flush();
   log2console("key ["+key+"] ; data_str ["+data_str+"]" );
//   jQuery.jStore.set( key, data_str );

   return data_str
}

function setStoreStrChrome( key, data_str )
{
//   if( sessionStorage[key] == null )
//      sessionStorage[key] = {}

   sessionStorage[key] = data_str;
   log2console("key ["+key+"] ; data_str ["+data_str+"]" );

   return data_str;
}

function getStoreStrNOTChrome( key )
{
   log2console("getStoreStrNOTChrome() was called" );
   if( sessvars.e2p_dict == null )
      return null;

   var data_str = decodeURIComponent( sessvars.e2p_dict[key] );
//   var data_str = jQuery.jStore.get(key);
   log2console("key ["+key+"] ; data_str ["+JSON.stringify(data_str)+"]" );
   if(data_str)
      return data_str;
//      return JSON.stringify(data_str)
//      return $.toJSON(data_str)
   else
      return null;
}

function getStoreStrChrome( key )
{
   log2console("getStoreStrChrome() was called" );
   var data_str = sessionStorage[key];

   if (data_str)
   {
      log2console("key ["+key+"] ; data_str ["+JSON.stringify(data_str)+"]" );
      return data_str;
   }
   else
      return null;

}

function setStore( key, data_obj )
{
/*
   var data_obj_str = null
   if( typeof(data_obj) !== 'string' )
      data_obj_str = $.toJSON(data_obj)
   else
      data_obj_str = data_obj
*/
//   var data_obj_str = $.toJSON(data_obj)
   var data_obj_str = JSON.stringify( data_obj );
   setStoreStr(key, data_obj_str);
//   alert(getStoreStr(key))
//   alert(getStore(key))
   return data_obj;
}

function getStore( key )
{
   var data_str = getStoreStr(key);
//   alert("getStore got "+key+" --- "+data_str)

   if(data_str)
   {
      //var res = $.parseJSON(data_str);
      eval( "res="+data_str );
      //var res = data_str

      if (typeof res == 'undefined')
         return null;

      return res;
   }
   else
      return null;
}

var STORAGE_E2P_DATA_PREFIX = "storage_e2p_data_";

var SESSION_STORAGE_WIN_ID = 'sb_window_id';

function getWinId()
{
   var isChrome = isBrowserChrome();
   log2console("isChrome = " + isChrome);
   if( isChrome )
   {
      return "C";
   }
   else
   {
      return "W";
   }
}

function getStorageName( storage_prefix )
{
   return  storage_prefix + "__" +getWinId();
}

function getE2PDataStorageName()
{
   return getStorageName( STORAGE_E2P_DATA_PREFIX );
}

var save_recipe_default = function()
{
   // get an initial e2p_data object with the general-info section in it
   var e2p_data = aggregate_section_2_data_obj( [], "general_book_info", get_stored_general_book_data());

   // aggregate the running-total sections to the e2p_data obj
   e2p_data = aggregate_current_sections_to_e2p_obj(e2p_data);
   return save_recipe( e2p_data );
};



var save_recipe_in_client = function( the_e2p_data )
{
   var e2p_data_storage_key = getE2PDataStorageName();
   var my_e2p_data = setStore( e2p_data_storage_key, the_e2p_data );
   return my_e2p_data;
};


var save_recipe = function( the_e2p_data )
{
   var my_e2p_data = save_recipe_in_client( the_e2p_data );
   save_recipe_in_server( my_e2p_data );
//   alert("stored my_e2p_data = "+my_e2p_data)
   return my_e2p_data;
};

var get_recipe_in_client = function()
{
   var e2p_data_storage_name = getE2PDataStorageName();
   log2console("e2p_data_storage_name", e2p_data_storage_name);
   var e2p_data_storage = getStore( e2p_data_storage_name );

   // normalize to null
   if(typeof e2p_data_storage === 'undefined')
      e2p_data_storage = null;

   return e2p_data_storage;
};

var get_book_title = function( the_e2p_data )
{
   if( !the_e2p_data )
      return null;

   log2console("get_book_title() was called",  the_e2p_data );
   var book_title = null;
   for(var i=0; i<the_e2p_data.length; i++)
   {
      if( the_e2p_data[i].section_id != null &&
          the_e2p_data[i].section_id == "general_book_info" )
      {
         var section_data = the_e2p_data[i].section_data;
         book_title = section_data.book_title;
         return book_title;
      }
   }
   return book_title;
};

function getTok()
{
    var tok=getStoreStr('Tok')
    log2console("Tok getTok()",  tok);
    return tok
}
function setTok(tok)
{
    log2console("Tok getTok()",  tok);
    return setStoreStr('Tok', tok)
}

var save_recipe_in_server = function( the_e2p_data )
{
   if( !the_e2p_data )
      return null;

    var tok=getTok()
    the_e2p_data['Tok']=tok

   log2console("save_recipe_in_server() was called",  the_e2p_data );
   var book_title = get_book_title( the_e2p_data );
   var e2p_data_json = JSON.stringify( the_e2p_data );
   var url= "save_book.html";
   var data= {"submit_json_param":e2p_data_json};
   if( book_title )
   {
      data['book_title'] = book_title;
   }
   // here we do not want a blocking div !!!, done behind the scenes
   var json_obj = $.ajax(
      {
         type: "POST",
         async: false,
         url: url,
         data: data,
         contentType: "application/json; charset=UTF-8",
         dataType: "json",
         success: function(data, textStatus, jqXHR)
         {
             log2console(url+" call SUCCEEDED; returned data: ",  data );
//             var e2p_data_json = data;
//             log2console("save e2p_data_json = ",  data );
             setTok(data['Tok']);
             log2console("load done with Tok is "+getTok());
             //e2p_data_json.del(Tok)
//             return e2p_data_json;
         },
         error: function(XMLHttpRequest,textStatus,errorThrown)
         {
            log2console(url+" call FAILED; errorThrown: ",  errorThrown );
            load_e2p_data_refresh()
         }
    });//.responseText;

   //log2console('save_book.html is done.', json_obj);
};

// todo who to do defaults params?
var load_e2p_data_refresh = function()
{
    function to_refresh(thedata)
    {
       refreshStatesDiv(thedata)
    }
    return load_e2p_data_from_server(false, to_refresh)
}
// todo who to do defaults params?
var load_e2p_data_from_server = function(asyncload, to_call)
{
    // do defaults.
   // only explicit true is async
   asyncload=(asyncload===true)
   // default null 
   to_call=to_call || null
   log2console("load_e2p_data_from_server() was called");
   var url= "load_book.html";
   // here we do not want a blocking div !!!, done behind the scenes
   var res={data:null};
   var json_str = $.ajax(
   {
      type: "POST",  // !!!! DO NOT USE "GET" - seems not to work when "async: false" - the returned obj is messed up
      async: asyncload,
      url: url,
//         data: data,
      contentType: "application/json; charset=UTF-8",
      dataType: "json",
      success: function(data)
      {
          log2console(url + " call SUCCEEDED; returned data: ", data);
//         var e2p_data_json = data;
//          log2console("e2p_data_json = ", data);
          var tok = data['Tok']
          if (!tok) {// ignore.
              log2console("no tok - ignore", data);
              return null;
          }
          log2console("got data ", data);

          res['data'] = data
          // the refresh part
          if (to_call) {
              to_call(data)
          }
          setTok(tok)
          log2console("load done with Tok is " + getTok());
          return res;
      },
      error: function(XMLHttpRequest,textStatus,errorThrown)
      {
         log2console(url+" call FAILED; errorThrown: ",  errorThrown );
         return null;
      }
   })//.responseText;
    log2console(url+" return ",  res['data']);
   return res['data'];
//   var ret_obj = null;
//   try
//   {
//      log2console("load dwith "+json_str );
//      ret_obj = JSON.parse( json_str );
//       // todo e2p patch. !!!!!!
//       if (!getTok())
//       {
//           return null;
//       }
//   }
//   catch(e)
//   {
//      log2console("FAILED to JSON.parse( json_str ) from server. Continuing without server data.");
//   }
//
//   return ret_obj;
}


function init_facebook()
{
   $("#section-state-div-template-id-facebook").data("extract_section_func",
           function(data, clonedStatesDiv) {
              defaultExtractSection(data, clonedStatesDiv);
              var albumNames = data['fb_selected_album_names'];
//              $('#fb-album-names').html( albumNames );
              clonedStatesDiv.find("#fb-album-names").html(albumNames);
           });
}

function init_twitter()
{
   $("#section-state-div-template-id-twitter").data("extract_section_func",
           function(data, clonedStatesDiv) {
              defaultExtractSection(data, clonedStatesDiv);
              var postOrderVal = clonedStatesDiv.find('#name__posts_order').html() == 'chronological_order' ? 'Oldest First' : 'Newest First';
              clonedStatesDiv.find('#name__posts_order').html(postOrderVal);
              var twit_val = null;
              if (data.select_twit == "userid")
              {
                 twit_val = data.twitter_user;
              }
              else
              {
                 twit_val = data.twitter_hashtag;
              }
              clonedStatesDiv.find("#name__twitter_user").html(twit_val);
              //If we use hashtags
              if (data.select_twit == "hashtag") {
                 clonedStatesDiv.find("#date-wrapper").html("All Tweets");
                 clonedStatesDiv.find("#name__posts_order").html("Newest First");
              }
              else {
                 //use_date_range
                 if (data.use_date_range == "False") {
                    clonedStatesDiv.find("#date-wrapper").html("All Tweets");
                 }
                 else {
                    var firstDate = $.datepicker.parseDate("mm/dd/yy", data.from_date);
                    var lastDate = $.datepicker.parseDate("mm/dd/yy", data.to_date);
                    var formattedFirstDate = $.datepicker.formatDate("M dd, yy", firstDate);
                    var formattedLastDate = $.datepicker.formatDate("M dd, yy", lastDate);
                    clonedStatesDiv.find("#name__from_date").html(formattedFirstDate);
                    clonedStatesDiv.find("#name__to_date").html(formattedLastDate);
                 }
              }

           });
}

function init_blogger()
{
   $("#section-state-div-template-id-blogger").data("extract_section_func",
           function(data, clonedStatesDiv) {
              defaultExtractSection(data, clonedStatesDiv);
              var postOrderVal = clonedStatesDiv.find('#name__postsOrder').html() == 'OldestFirst' ? 'Oldest First' : 'Newest First';
              clonedStatesDiv.find('#name__postsOrder').html(postOrderVal);
              if (data.pageTemplate == "compact") {
                 clonedStatesDiv.find("#name__pageTemplate").html("Compact");
              }
              else if (data.pageTemplate == "snapshot") {
                 clonedStatesDiv.find("#name__pageTemplate").html("Snapshot");
              }
              if (data.useDateRange == "False") {
                 clonedStatesDiv.find("#date-wrapper").html("All Posts");
              }
              else {
                 var firstDate = $.datepicker.parseDate("mm/dd/yy", data.firstDate);
                 var lastDate = $.datepicker.parseDate("mm/dd/yy", data.lastDate);
                 var formattedFirstDate = $.datepicker.formatDate("M dd, yy", firstDate);
                 var formattedLastDate = $.datepicker.formatDate("M dd, yy", lastDate);
                 clonedStatesDiv.find("#name__firstDate").html(formattedFirstDate);
                 clonedStatesDiv.find("#name__lastDate").html(formattedLastDate);
              }
              data.is_article_section = true;
           });
}

var init_extract_section_func_for_dual = function() {
   if (typeof extract_section_func_for_dual === "undefined")
      return;
   $("#section-state-div-template-id-pdf").data("extract_section_func",
                                                extract_section_func_for_dual);
   $("#section-state-div-template-id-msdoc").data("extract_section_func",
                                                  extract_section_func_for_dual);
   $("#section-state-div-template-id-webcon").data("extract_section_func",
                                                  extract_section_func_for_dual);

};

function addGeneralOnLoadSectionOperations()
{
   addGeneralOnLoadOperations();
   bind_validations();
   // ! must happen before restoreStatesDiv()  [where the event is triggered]
   $.bind_general('sections_div_population_finished_event',
                 function()
                 {
                    prepareFormForEdit();
                 });
   restoreStatesDiv();
}

function addGeneralOnLoadOperations()
{
   $("#status_container").bind('aggregate_section_event', aggregate_section_handler);
   $("body").bind('sections_added_event',  execute_binded_func_handler );
   $("body").bind('sections_deleted_event', execute_binded_func_handler );


   jQuery.validator.addMethod("sectionTitleUnique", function(value, element)
      {
//       remove validation when adding/editing an library item or a pdf
         if ($(element).parents("form").first().attr("id") == "pdf-form")
            return true;

      log2console('sectionTitleUnique func was called', arguments);
      // TODO: return not only titles but unique-ids too. Return true only when edit mode and the edited element.
//      var title_and_ids_obj = get_section_titles_and_ids();
//      var section_titles = title_and_ids_obj['titles'];
//      var section_ids = title_and_ids_obj['ids'];

      var is_edit_mode = is_edit_section_mode();
      log2console('is_edit_mode', is_edit_mode);
      if( is_edit_mode )
      {
         var edited_section_unique_id = $.getUrlVar( SECTION_UNIQUE_ID_KEY );
         log2console('edited_section_unique_id', edited_section_unique_id);
         var edited_section_div = $('#states-container').find('#'+edited_section_unique_id);
         log2console('edited_section_div', edited_section_div);
         var edited_section_div_title = $(edited_section_div).find('#name__section_title').text();
         log2console('edited_section_div_title', edited_section_div_title);
         if( edited_section_div_title===value ) // no issue if the title was not changed and we're in edit-mode
         {
            log2console('edited_section_div_title===value', edited_section_div_title, value);
            return true;
         }
      }

      var section_titles = get_section_titles();
      log2console('section_titles', section_titles);
      if (value in oc(section_titles))
      {
         return false;
      }
      return true;

      //    return this.optional(element) || (parseFloat(value) > 0);
   },
      error_codes['section_title_already_extists']);

   arrangeSectionListsUI();
}

var init_homepage = function()
{
   if(location.pathname.endsWith('bridge_after_blogger_auth.html') )
   {
      // returning from Google Auth - should display the blogger-details section
      load_section('blogger_details.html');
      return;
   }

   var addr = $.address.value();
//   if (typeof console != 'undefined')
//      console.log("init_homepage - addr",addr);
   log2console("init_homepage - addr = " + addr );
   if ( !get_recipe_in_client() )
   {
      $('#main-container-homepage').show();
      $('#main-container').hide();
      return;
   }
   $('#main-container-homepage').hide();
   $('#main-container').show();

};

var init_homepage_acapub = function()
{
   if(location.pathname.endsWith('bridge_after_blogger_auth.html') )
   {
      // returning from Google Auth - should display the blogger-details section
      load_section('blogger_details.html');
      return;
   }

   var addr = $.address.value();
   log2console("init_homepage - addr = " + addr );

   $("#create-flipbook").click(function()
   {
      save_session_no_preview();
      FLIPBOOK_PREVIEW.open_flipbook_popup();
      return false;
   });

};

function blockCover()
{
//   $.blockUI({ message: $('#seeallcovers') });
     $('.asyncUploader').each(
         function(index){$(this).css("display", 'none');}
      )
     //Distinct the screen resolution and show the corresponding popup div.
     if(parseInt(screen.height) < 1000)
        $.blockUI({ message: $('#seeallcovers-small'), css : { 'position': 'absolute', 'top':'100px', 'left':'180px'  } });
      else
         $.blockUI({ message: $('#seeallcovers'), css : { 'position': 'absolute', 'top':'100px', 'left':'180px'  } });
}

function unblockCover()
{
   $('.asyncUploader').each(
         function(index){$(this).css("display", '');}
    )
   if(parseInt(screen.height) < 1000)
      $.unblockUI({ message: $('#seeallcovers-small') });
   else
      $.unblockUI({ message: $('#seeallcovers') });
}

function blockDedication()
{
   $('.asyncUploader').each(
         function(index){$(this).css("display", 'none');}
    )
   $.blockUI({ message: $('#dedicationtext') });
}

function unblockDedication()
{
   $('.asyncUploader').each(
         function(index){$(this).css("display", '');}
    )
   $.unblockUI({ message: $('#dedicationtext') });
}

function blockTemplate()
{
   $('.asyncUploader').each(
         function(index){$(this).css("display", 'none');}
    )
   $.blockUI({ message: $('#pagetemp') });
}

function unblockTemplate()
{
   $('.asyncUploader').each(
         function(index){$(this).css("display", '');}
    )
   $.unblockUI({ message: $('#pagetemp') });
}



var current_form_validation = null;

var bind_form_validation = function(form) {  // 
   var validation_options = $.extend(true, {}, validationOptions, $(form).data("validation_options"));
   log2console("333 form=", form, validation_options);   

//   var validator = $(form).validate(validationOptions);
   var validator = $(form).validate(validation_options);
   current_form_validation = validator;
   log2console("4444 validator", validator);
};

var bind_validations = function() {
   var validated_forms = $('.validated-form, .section-form');
   validated_forms.each(function(i) {
      log2console("bind_validations(); validated_forms[i]: ", validated_forms[i] );
      bind_form_validation(validated_forms[i]);
   })

};

var validationOptions = {
   rules : {
      section_title : { sectionTitleUnique : true, required:true }
   },

   debug:true,
   // the function should not call directly since it breaks !!!!!
   submitHandler: function(form)
   {
      oursubmit(form);
   }
}

var validate_msdoc=function(section_data)
{
//   alert("validate msdoc"+$.toJSON(section_data))
   if (section_data.section_title=='off')
   {
      return {'section_title':'off'};
   }
   if (section_data.section_title=='off')
   {
      return {'section_title':'off'};
   }
   if (section_data.section_title=='on')
   {
      return true;
   }
}

function validate_blog_name(blog_name_or_url)
{
   var regExp = /^\W*((http:\/\/)|\W*)([\w-\.]*)\W*$/i;
   var groups=blog_name_or_url.match(regExp);
   if (! groups)
   {
      return null;
   }
   blogId = groups[3];

   if (blogId.length == 0) return null;

   if (blogId.search('\\.') < 0)
      blogId = blogId + ".blogspot.com";
   return blogId;
}




function getRandom()
{
   return (new Date()).getTime() + Math.floor(Math.random() * 100000);
//   return 100000 + Math.floor(Math.random() * 100000)
}

function isBrowserChrome()
{
   return navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
}

function unescapeHTML(html)
{
   return $("<div />").html(html).text();
}

function escapeHTML(html)
{
   return $("<div />").text(html).html();
}

var startsWith = function (str, testStr)
{
    return (str.match("^"+testStr)==testStr);
};

String.prototype.startsWith = function(str)
{
   return (this.match("^" + str) == str);
};

String.prototype.endsWith = function(str)
{
   return (this.match(str + "$") == str);
};

function charactersLeft(countId, inputEl, limit)
{
   // Get the element where the current count is displayed
   var countEl = $('#'+countId);
   // Get the text from the input element
   var inputStr = inputEl.val();
   // # of characters left = max input - current string length
   var charsLeft = limit - inputStr.length;

   // When 0 characters are left...
   if(charsLeft <= 0)
   {
    // always set charsLeft to 0 so no negative #'s display
    charsLeft = 0;
    // trim the extra input off of the input string and push
    // to the input element
    inputEl.val(inputStr.substring(0, limit));
   }
   // push the current count to the count element
   countEl.html(charsLeft);
}

$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function()
    {
       if (o[this.name])
       {
          if (!o[this.name].push)
          {
             o[this.name] = [o[this.name]];
          }
          o[this.name].push(this.value || '');
       }
       else
       {
          o[this.name] = this.value || '';
       }
    });
    return o;
};

//
// This extension funcs allow retrieving the param values from the address-bar-URL 
//
$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});

//
// This functions are for bind & trigger of general events that are not linked to a specific DOM element
//
$.extend({
  bind_general: function( event_name, cb_func )
  {
     $("html").bind( event_name, cb_func );
  },
  trigger_general: function( event_name )
  {
     $("html").trigger( event_name );     
  }
});



var on_section_deleted = function on_section_deleted( cloned_elem_section_data )
{
   var _on_section_deleted = function()
   {
      // do nothing
   };

   return _on_section_deleted;
};

var on_sections_added = function( newDivs )
{
   var _on_sections_added = function()
   {
      // do nothing
   };

   return _on_sections_added;
};




var display_elems_according_2_sections_num = function()
{
   if (get_number_of_current_sections() > 0)
   {

      $( '#save_proj_wo_creating_book' ).show();
      $( '#preview_book_btn_container' ).show();
      $( '#create-flipbook' ).show();
   }
   else
   {

      $( '#save_proj_wo_creating_book' ).hide();
      $( '#preview_book_btn_container' ).hide();
      $( '#create-flipbook' ).hide();
   }
};


var addSectionDivToSectionsList = function(newDiv)
{
   var book_section_type_is_artilces_and_pdf = newDiv.hasClass("article_and_pdf_book_section");
   var book_section_type_is_photos = newDiv.hasClass("photos_book_section");
   //var book_section_type = newDivdata(section_data_key).book_section_type || "photos";

   var li = $("<li></li>").addClass("section-state-div-wrapper").append(newDiv);

   if (book_section_type_is_artilces_and_pdf)
   {
      $(".states-articles-list-container").each(function()
      {
         $(this).append(li);
         $(this).sortable( "refresh" );
      });
   }
   else if (book_section_type_is_photos)
   {
      var photos_list_container = $("#states-photos-list-container");
      photos_list_container.append(li);
      photos_list_container.sortable( "refresh" );
   }
   else
      alert("unknown book section type");
};

var moveLiveChatBoxToArticleList  = function () {
   //$("#articles-bottom").removeClass("articles-list-bottom").addClass("live-chat-list-bottom");
   $("div.articles-list-bottom").each(function(){
      $(this).removeClass("articles-list-bottom").addClass("live-chat-list-bottom");
   });
   $('#articles-bottom-buttons').show();
   $('#photos-bottom-buttons').hide();

};

var moveLiveChatBoxToPhotoList = function () {
   $("#articles-bottom").removeClass("live-chat-list-bottom").addClass("articles-list-bottom");
   $('#articles-bottom-buttons').hide();
   $('#photos-bottom-buttons').show();
};

var arrangeSectionListsUI = function () {
   var articles_sections_num = get_articles_sections_num();
   var photos_sections_num = get_photos_sections_num();
   if((articles_sections_num == 0) && (photos_sections_num == 0))
   {
      moveLiveChatBoxToArticleList();
      $('div.intro-text').each(function(){ $(this).show(); });
      $('div.article-list').addClass('introduction-container');
      //$('#status_container').load("introduction.html");
      //$('#introduction-container').show();
      //$('#states-container').hide();
      //return;
   }
   else
   {
      $('#states-container').show();
      $('div.intro-text').each(function(){ $(this).hide(); });
      $('div.article-list').removeClass('introduction-container');

      if ((articles_sections_num > 0) && (photos_sections_num == 0)) {
         moveLiveChatBoxToArticleList();
      }
      else if ((articles_sections_num > 0) && (photos_sections_num > 0)) {
         moveLiveChatBoxToPhotoList();
      }

      if (articles_sections_num > 0)
      {
         $('#articles-list').show();
         if (articles_sections_num > 1)
         {
            $('#articles-notes').show();
         }
         else
         {
            $('#articles-notes').hide();
         }
      }
      else
      {
         $('#articles-list').hide();
      }

      if (photos_sections_num > 0)
      {
         $('#photos-list').show();
         if (photos_sections_num > 1)
         {
            $('#photos-notes').show();
         }
         else
         {
            $('#photos-notes').hide();
         }
      }
      else
      {
         $('#photos-list').hide();
      }
   }

};

var add_ele_func_with_store = function(newDivs)
{
   var _add_ele_func_with_store = function()
   {
      log2console("_add_ele_func_with_store was called.");

      for(var i=0; i<newDivs.length; i++)
      {
         log2console("adding div no ", i);
         var newDiv = newDivs[i];
         addSectionDivToSectionsList(newDiv);
      }
      arrangeSectionListsUI();
      save_recipe_default();
      log2console("save_recipe_default finished.");
      $("body").trigger('sections_added_event', on_sections_added( newDivs ) );
   };
   return _add_ele_func_with_store;
};

var update_ele_func_with_store = function(newDivs)
{
   var _update_ele_func_with_store = function()
   {
      for(var i=0; i<newDivs.length; i++)
      {
         var newDiv = newDivs[i];
         var section_unique_id = newDiv.data( SECTION_UNIQUE_ID_KEY );
         var oldDiv = $('#status_container').find('#'+section_unique_id);
         if( oldDiv == null )
            continue;

         var divParent = $(oldDiv).parent();
         $(oldDiv).remove();
         $(divParent).append(newDiv);
      }
//      arrangeSectionListsUI();
      save_recipe_default();
      log2console("save_recipe_default finished.");
      $("body").trigger('sections_added_event', on_sections_added( newDivs ) );
   };
   return _update_ele_func_with_store;
};


var restore_section_divs_func= function(newDivs)
{
   var _restore_section_divs = function()
      {
         for(var i=0; i<newDivs.length; i++)
         {
            addSectionDivToSectionsList(newDivs[i]);
         }
         arrangeSectionListsUI();
         $.trigger_general('sections_div_population_finished_event');
         //prepareFormForEdit();
      };
   return _restore_section_divs;
};

var aggregate_section_handler=function(event, add_ele_func)
{
   if (!$('#states-container').length)
   {
//      return $("#status_container").load("states.html",add_ele_func);
      $('#states-container').show();
   }
//   else
   add_ele_func();
};

var execute_binded_func_handler = function(event, my_func)
{
   my_func();
};


var __show_errors = function (errors_dict)
{
   var validator = current_form_validation;
   validator.showErrors(errors_dict);
};

var show_errors = function (errors_dict)
{
   // we need setTimeout, without it FF crash!
   setTimeout(function(){__show_errors(errors_dict);}, 500);
};

var hide_errors = function ()
{
   // we need setTimeout, without it FF crash!
   setTimeout(function(){__hide_errors();}, 500);
};

var __hide_errors = function ()
{
   var validator = current_form_validation;
   validator.hideErrors();
};

var upload_limit_cond_for = function(fieldid) // i.e. 'doc_upload_guid'
{
   var cond= function(swfo, file)
   {
      var fieldid_guid = fieldid;//+'_guid'
      var errs = {};
      // alert("cleared errors")
      errs[fieldid_guid] = '';
      show_errors(errs);
      var file_size_limit_2_bytes=function(limitstr)
         {
            return eval(limitstr.toLowerCase().replace('gb','*1024mb').replace('mb','*1024'));
         };
      var thelimit = swfo.settings.file_size_limit;

      if (file.size/1024>file_size_limit_2_bytes(thelimit))
      {
         errs[fieldid_guid]='file size limit is'+thelimit;
         show_errors(errs);
         return false;
      }
      return true;
   };

   return cond;
};

var get_section_titles = function()
{
   var section_titles = [];
   $('#states-list-container #name__section_title').each(
         function( index )
         {
             var section_title = $(this).text();
             section_titles[section_titles.length] = section_title;
         });
   return section_titles;
};

/*
var get_section_titles_and_ids = function()
{
   var titles = [];
   var ids = [];
   $('#states-list-container #name__section_title').each(
         function( index )
         {
             var section_title = $(this).text()
             titles[titles.length] = section_title;

             var section_unique_id = $(this).closest('.section-state-div').attr('id');
             section_unique_id[section_unique_id.length] = section_unique_id;
         })
   var title_and_ids_obj = {'titles':titles, 'ids':ids};
   return title_and_ids_obj;
}
*/

var block_default = function()
{
   //If we block a section - use the default blocking div
   $.blockUI({message: $('#gen-blocking-msg')});
};

var unblock_default = function()
{
   //If we block a section - use the default blocking div
   $.unblockUI({message: $('#gen-blocking-msg')});
};

var block_create_book = function()
{
   // we block the final submit which is longer - use a custom made blocking div
   $.blockUI({ message: $('#domMessage') });
};

var unblock_create_book = function()
{
   // we unblock the final submit which is longer - use a custom made blocking div
   $.unblockUI({ message: $('#domMessage') });
};




var get_section_container_load_cb = function(addr)
{
   return function()
   {
      bind_validations();

      restoreStatesDiv();
   }
};

var load_section = function(addr) {

   $("#get-started-container").hide();
   $('#main-container-homepage').hide();
   $('#main-container').show();
   $('#section_container').load(addr, get_section_container_load_cb(addr));
};

if (typeof String.prototype.startsWith != 'function')
{
  String.prototype.startsWith = function (str)
  {
    return this.indexOf(str) == 0;
  };
}

function log2console( msg, event )
{
   if( $.browser.mozilla==true && $.browser.version.startsWith("10") )
      return; // handle SB-10416

   try
   {
      if (typeof window.console !== 'undefined')
         window.console.log( msg, event );
   }
   catch(e)
   {
      // Do nothing
   }
}

var oursubmit=function(form)
{
//   log2console("oursubmit was called. form = ", JSON.stringify(form))
   log2console("oursubmit was called.");
   var desturl = $(form).attr("action");
   var formId= $(form).attr("id");
   aggregateSection(form, formId.substr(0, formId.indexOf('-form')), desturl);
};

/*
var  a_aggregate_section_handler = function(event)
{
   var sectionForm = $(this).closest("form.section-form")
//   var desturl=$(this).attr('href')
//   fix_form_and_submit(sectionForm, desturl)
   sectionForm.submit()

   event.preventDefault();
}
*/

//var fix_form_and_submit = function(sectionForm, desturl)
//{
//   var formId = sectionForm.attr("id")
   // todo: add a "pre-click" hook that will call specific handlers from different sections
//   sectionForm.submit()
//}

var SECTION_ID_KEY = "SECTION_ID_KEY";
var SECTION_UNIQUE_ID_KEY = "section_unique_id_key";
var SECTION_DATA_KEY = "section_data_key";
var state_count = 0;
var is_load_states_div = true;
var global_blog_data =
      {
         blog_domain: '',
         section_title: '',
         username: '',
         password: '',
         blog_type :'',
         session_token: '',
         wp_host_domain: '',
         blogs: [],
         reset : function()
         {
            for (var prop in this)
            {
               if (this.hasOwnProperty(prop) && typeof this[prop] != "function")
               {
                  this[prop] = null;
               }
            }
         }
      };
var the_session_key=null;

function get_session_dir_key()
{
   var the_session_key = getStoreStr('dirname');
   if (the_session_key === null || the_session_key === '')
   {
      var randomnumber = Math.floor(Math.random() * 1000);
      var d = new Date();
      the_session_key = '' + d.getTime() + '_' + randomnumber;
      setStoreStr('dirname', the_session_key);
   }
   //alert(the_session_key)
   return the_session_key;
}

//var has_session_data=function()
//{
//   var e2p_data_storage_name = getE2PDataStorageName();
//   var e2p_data_storage = getStore(e2p_data_storage_name);
//   return e2p_data_storage;
//}


var get_number_of_current_sections = function()
{
   var e2p_sections = get_e2p_sections(get_recipe_in_client());
   for(var i=0; i<e2p_sections.length ; i++)
   {
      if(e2p_sections[i]["section_id"]=="general_book_info")
      {
         e2p_sections.splice(i,1);
         break;
      }
   }
   return e2p_sections.length;
};


var restoreStatesDiv = function()
{
   // check if we already have an existing e2p_data
   var the_e2p_data = get_recipe_in_client();
   var is_force_storage_load = false;
   if( the_e2p_data === null || is_force_storage_load )
   {
      log2console("Client-Storage is EMPTY. Looking in server...");
      the_e2p_data = load_e2p_data_from_server();
      if( the_e2p_data === null )
      {
         log2console("Server-Storage is EMPTY. This is a NEW SESSION");
         return;
      }
      else
      {
         log2console("Server-Storage NOT empty. Populating Client-Storage from Server-Storage... ");
         var my_e2p_data = save_recipe_in_client( the_e2p_data );
         log2console("Client-Storage Done. ");
      }
   }

    refreshStatesDiv(the_e2p_data)
}

var refreshStatesDiv = function(the_e2p_data)
{
   $(".section-state-div-wrapper").empty().remove();
   var newDivs = [];
   var e2p_sections = get_e2p_sections(the_e2p_data);
   var general_book_data = [];
   for( var i=0; i<e2p_sections.length; i++  )
   {
      var section_obj = e2p_sections[i];
      var section_id = section_obj["section_id"];
      if( section_id == 'general_book_info')
      {
         general_book_data = section_obj["section_data"];
         continue;
      }

      var section_data = section_obj["section_data"];
      var newDiv = getNewStatesDiv( section_id, section_data );
      newDivs[newDivs.length] = newDiv; // append the newDiv at the end of the array
   }
   populate_general_book_data(general_book_data);
   $("#status_container").trigger('aggregate_section_event', restore_section_divs_func(newDivs));
}

var populate_general_book_data = function(general_book_data)
{
   for (var item_id in general_book_data)
   {
      var item_value = general_book_data[item_id];
      var item = $('input[name="'+item_id+'"]');
      if( item &&  typeof item_value != 'undefined' )
      {
         item.val(item_value);
         if( item_id === 'cover_theme' )
         {
            $('#cover-thumbnail').css("background-image", "url(images/covers/soft_cover_big_%s.jpg)".replace('%s',item_value));
         }
      }
   }
};

var get_stored_general_book_data = function()
{
   var the_e2p_data = get_recipe_in_client();
   var e2p_sections = get_e2p_sections(the_e2p_data);
   return _get_stored_general_book_data( the_e2p_data, e2p_sections );
};

// todo: consider to call this func directly from restoreStatesDiv()
var _get_stored_general_book_data = function(the_e2p_data, e2p_sections)
{
   for(var i in e2p_sections)
   {
      var section_id = e2p_sections[i]['section_id'];
      if(section_id=='general_book_info')
      {
         var section_data = e2p_sections[i]["section_data"];
         return section_data;
      }
   }

   return null;
};

var enable_all_general_book_input_fields = function()
{
   var general_book_data = get_stored_general_book_data();
   for (var item_id in general_book_data)
   {
      var item = $('input[name="'+item_id+'"]');
      if( item.attr('disabled') )
      {
         item.removeAttr('disabled');
         log2console("removed 'disabled' attr for ", item_id);
      }
   }
};

var save_session_no_preview = function()
{
   var gen_book_info = $('#general_book_info').serializeObject();
//   var onremove = 'onremove'
//   var sessionkey = 'sessionkey'

   // get an initial e2p_data object with the general-info section in it
   var e2p_data = aggregate_section_2_data_obj( [], "general_book_info", gen_book_info);

   // aggregate the running-total sections to the e2p_data obj
   e2p_data = aggregate_current_sections_to_e2p_obj(e2p_data);
   if( e2p_data )
      save_recipe(e2p_data);
};

var restoreForm = function( form_fields )
{
//   alert( "restoreForm: form_fields = "+$.toJSON(form_fields))
   // todo: assert only one $("form")
   for( var field in form_fields )
   {
      var cur_fields = $("form").find('*[name="'+field+'"]');
      if( cur_fields && cur_fields.length==1 )
      {
         var cur_fields_orig_val = cur_fields.val();
         if( form_fields[field] !== cur_fields_orig_val || cur_fields_orig_val=='on')
         {
            cur_fields.val(form_fields[field]);
            if( cur_fields.attr("type")==="checkbox" &&
                form_fields[field]==="on" )
            {
//               cur_fields.attr("checked", true);
               $(cur_fields).trigger('click');
               $(cur_fields).trigger('change');
            }
         }
      }
      else if( cur_fields && cur_fields.length>1 )
      {
         for( var i=0; i<cur_fields.length; i++ )
         {
            var cur_field = cur_fields[i];
            if( $(cur_field).attr("type")=="radio" && form_fields[field]===$(cur_field).val() )
            {
               $(cur_field).attr("checked", true);
               $(cur_field).trigger('click');
               $(cur_field).trigger('change');
            }

         }
      }
   }
};

var is_edit_section_mode = function()
{
   var section_unique_id = $.getUrlVar( SECTION_UNIQUE_ID_KEY );
   return section_unique_id != null;
};

var prepareFormForEdit = function()
{
   if( is_edit_section_mode() )
   {
      var section_unique_id = $.getUrlVar( SECTION_UNIQUE_ID_KEY );
      var edited_section_div = $('#status_container').find('#'+section_unique_id);
      var edited_section_data = edited_section_div.data( SECTION_DATA_KEY );
      add_section_unique_id_field_2_form( $("form"), section_unique_id );
      restoreForm( edited_section_data );
//      if( $("#section-title") && $("#section-title").length==1 )
//      {
//         $("#section-title").rules( "remove", "sectionTitleUnique");
//      }
      $.trigger_general('form_ready_for_edit_event');
   }
};

var aggregate_section_2_data_obj = function(data_array_obj, section_id, section_data)
{
   var section_obj = {};
   section_obj["section_id"] = section_id;
   section_obj["section_data"] = section_data;
   data_array_obj[data_array_obj.length] = section_obj;

   var ret_e2p_obj = get_empty_e2p_data();
   ret_e2p_obj['sections'] = data_array_obj;

   return ret_e2p_obj;
};

var get_empty_e2p_data = function()
{
   var current_date = new Date();
   var empty_e2p_data = { "version":"1.0", "date":current_date, "sections":[]};
   return empty_e2p_data;
}

var get_e2p_sections = function( e2p_data )
{
   if( e2p_data===null )
      return null;

   var e2p_sections = [];
   if( e2p_data['sections'] )
      e2p_sections = e2p_data['sections'];

   return e2p_sections;
}

//
// returns the e2p_data object with the sections collected from the running-total
// doesn't include the general-info-section
//
var get_e2p_data_with_current_sections = function()
{
   if( $('#states-list-container').length===0 )
      return null;

   var ret_e2p_data = get_empty_e2p_data();
   var sections_arr_obj=[];
   $('#states-list-container div.section-state-div').each(
           function(index)
           {
              ret_e2p_data = aggregate_section_2_data_obj( sections_arr_obj, $(this).data(SECTION_ID_KEY), $(this).data(SECTION_DATA_KEY))
           });

   return ret_e2p_data;
};


var aggregate_current_sections_to_e2p_obj = function( e2p_data )
{
   var current_e2p_data = get_e2p_data_with_current_sections();
   var e2p_sections = get_e2p_sections( current_e2p_data );
   if( current_e2p_data===null || e2p_sections===null)
      return null;

   e2p_data['sections'] = e2p_data['sections'].concat(e2p_sections);
   return e2p_data;
};

var error_codes={"twitter_hashtag_too_many_values": "That's a popular hashtag! We're sorry, the results have exceeded the amount of tweets Everything2Print can add. Try using a smaller date range to add this hashtag to your book.", "webcon_url_unsupported": "Web Page url '%s' is not supported.", "twitter_empty_user_name": "Please enter a twitter username.", "file_not_uploaded": "Please upload a file.", "doc_type_unsupported": "Document-type is not supported.", "b2p_wordpress_blog_list_error": "We are unable to get the user's blogs list", "b2p_feed_not_accessible": "The feed at '%(blog_domain)s' is inaccessible. This may be a temporary problem, please try again shorly.", "b2p_feed_not_found": "We can not find the feed for the blog at '%(blog_domain)s'. Maybe this URL is wrong?", "twitter_no_posts_in_date_range": "Twitter account, '%s', has no posts in the requested timeframe.", "doc_type_unsupported_w_doc_name": "Document-type of document '%s' is not supported.", "twitter_user_not_exist": "We can not find a twitter account, '%s'. Please check and re-enter the User Name.", "b2p_wordpress_xmlrpc_disabled": "We are currently unable to access posts from this blog. The likely reason is a setting for the \"XML-RPC service\" that is used to create a book. We suggest briefly enabling this feature while we produce your book. To do so - login to the dashboard and access the \"Writing\" section of \"Settings\". Then check the box to enable \"XML-RPC publishing protocols\" and Save.", "end_date_prior_start_date": "End of Term cannot be prior to Start of Term.", "b2p_too_many_photos": "The posts in blog '%(blog_domain)s' from your selected dates contain %(nphotos)d photos. Currently, Blog2Print can place up to %(max_photos)d photos in your Blog Book. ", "b2p_private_blog": "We are currently only able to access posts from blogs that are publicly accessible with full RSS feed enabled. If you wish to produce a book, we suggest briefly enabling these features while we produce your book.", "b2p_platform_not_supported": "The blog at '%(blog_domain)s' is running on an unsupported blog platform", "twitter_empty_hashtag": "Please enter a twitter hashtag.", "b2p_no_posts_in_tag_filtered_feed": "The label%(cond_s)s - %(tags_str)s - did not appear on any of the posts in the selected date range. Please check to ensure you have spelled it correctly - or adjust the date range", "b2p_wordpress_authentication": "WordPress is returning an error when we submit your user name and password.  Please check your entries.", "doc_url_invalid": "Document url doesn't exist.", "b2p_wordpress_bad_host_error": "We can not find a blog at this address. Please check and re-enter the URL.", "twitter_hashtag_not_exist": "Believe it or not - no one tweeted about '%s' during the dates you selected.", "duplicated_section_title": "Book contains multiple sections with the same title. Please remove one of these sections or change its name.", "b2p_no_posts_in_feed": "The blog at '%(blog_domain)s' contains no posts on the dates you selected.", "b2p_feed_limited": "The feed at '%(blog_domain)s' seeme to be limited. The blog author has probably limited the feed's content.", "twitter_user_not_public": "We cannot access your twitter account '%s' - it is set to private. To allow Everything2Print to access your tweets, you can temporarily change this election. Access your account and choose \"Settings\", \"Tweet Privacy\", and make sure the box for \"Protect My Tweets\" is unchecked.<br/>Once you have previewed your book, you can return these settings. ", "no_facebook_albums_selected": "No Facebook Albums were selected. Please select at least one album.", "b2p_typepad_authentication": "TypePad is returning an error when we submit your user name and password.  Please check your entries, or try to login at www.typepad.com", "section_title_already_extists": "The section name is already in use.", "start_date_in_the_past": "Start of Term cannot be in the past - if the term has already started, enter today's date.", "picasa_album_not_exist": "We cannot access your Picasa album at the address provided. Please check to ensure you have correctly copied the address (URL) of a single album.<br/> If so, the likely cause is a \"Private\" album that can only be accessed by you. To allow Everything2Print to access this album, you can temporarily change this election. Open your album and under \"Album Properties\" choose \"Edit\" . Then change the \"Share\" setting to \"Unlisted\".<br/> Once you have previewed your book, you can return these settings.", "b2p_blog_not_found_for_user": "We are unable to get this user's blog(s)", "twitter_hashtag_prefix": "Hashtag - To select tweets by hashtag, please ensure your entry starts with '#' ."} //|safe

display_error = function (err)
{
    var code = err['code'];
    var msg = err['msg'];
    if( !msg )
    {
        msg = error_codes[code]
    }

    // display the error in a blocking div dialog
    $('#err-msg').text( msg );
    $.blockUI({ message: $('#error'), css: { width: '400px' }/*, timeout:20000*/ });
    //    alert(msg)
//    popup_alert( msg );

    return true;
};

var generate_book_error = function (err)
{
    var code = err.code;
    var msg = err.msg || error_codes[code];
    var internal_error_id = err.internal_error_id || '';
//    alert('code['+code+'] ; msg['+msg+'] ; internal_error_id['+internal_error_id+']')
    $("#section_container").load("error.html", function()
    {
        $('#err_elem').text(msg+' - '+internal_error_id)
    });
    return true;
};

var b2p_error = function (err)
{
   var code = err.code
   var blog_domain = err.blog_domain
   var max_photos = err.max_photos ? err.max_photos : 0;
   var nphotos = err.nphotos ? err.nphotos : 0;
   var msg = error_codes[code]
   alert(msg.replace('%(blog_domain)s', blog_domain).replace('%(max_photos)d', max_photos).replace('%(nphotos)d', nphotos))
   return true;
}

var popup_alert=function(txt)
{
       var viewport = {
           o: function() {
               if (self.innerHeight) {
                this.pageYOffset = self.pageYOffset;
                this.pageXOffset = self.pageXOffset;
                this.innerHeight = self.innerHeight;
                this.innerWidth = self.innerWidth;
             } else if (document.documentElement && document.documentElement.clientHeight) {
                this.pageYOffset = document.documentElement.scrollTop;
                this.pageXOffset = document.documentElement.scrollLeft;
                this.innerHeight = document.documentElement.clientHeight;
                this.innerWidth = document.documentElement.clientWidth;
             } else if (document.body) {
                this.pageYOffset = document.body.scrollTop;
                this.pageXOffset = document.body.scrollLeft;
                this.innerHeight = document.body.clientHeight;
                this.innerWidth = document.body.clientWidth;
             }
             return this;
           },
           init: function(el) {
               $(el).css("left",Math.round(viewport.o().innerWidth/2) + viewport.o().pageXOffset - Math.round($(el).width()/2));
               $(el).css("top",Math.round(viewport.o().innerHeight/2) + viewport.o().pageYOffset - Math.round($(el).height()/2));
           }
       };
   $(".simple_popup_div").remove();
   var strSimple = "<div class='simple_popup_div'><div class='simple_popup_inner'>";
   strSimple += "<p class='simple_close'>[ x ] <a href='#'>Close</a></p>";
   strSimple += txt;
   strSimple += "</div></div>";
   $("body").append(strSimple);
   viewport.init(".simple_popup_div");
   $(".simple_close").click(function()
   {
      $(".simple_popup_div").remove();
      return false;
   });
}

//
// oc - Object-Converter ; enable to use the js 'in' key word to search an array
// e.g.  if 'my_key' in oc(['val1', 'val2', 'val3' ])
//
function oc(a)
{
  var o = {};
  for(var i=0;i<a.length;i++)
  {
    o[a[i]]='';
  }
  return o;
}

var notify_error=function(section, err)
{
   if (err!=undefined)
   {
//       alert('err'+err)
      if (section in oc(['msdoc', 'twitter', 'picasa', 'facebook', 'general', 'webcon']))
      {
         return display_error(err)
      }
      if (section == 'generate_book')
      {
         return generate_book_error(err)
      }
      else if (section == 'b2p')
      {
         return b2p_error(err)
      }
      else if (section)
      {
//          popup_alert("section: "+section+", "+$.toJSON(err))
          popup_alert("section: "+section+", " + JSON.stringify(err))
      }
      else
      {
//          popup_alert($.toJSON(err))
          popup_alert(JSON.stringify(err))
      }
      return true
   }
   return false
}

function alert_storage_data()
{
//   var e2p_data_STORAGE_json = $.toJSON(sessvars.e2p_dict);
   var stored_e2p_data = get_recipe_in_client()
//   var e2p_data_STORAGE_json = $.toJSON(stored_e2p_data);
   var e2p_data_STORAGE_json = getTok()+JSON.stringify( stored_e2p_data );
   alert("e2p_data_STORAGE_json = " + e2p_data_STORAGE_json);
}

function alert_json_4_book_creation()
{
   var e2p_data_4_BOOK_CREATION = get_e2p_data_4_book_creations();
//   var e2p_data_json_4_BOOK_CREATION = $.toJSON(e2p_data_4_BOOK_CREATION);
   var e2p_data_json_4_BOOK_CREATION = JSON.stringify( e2p_data_4_BOOK_CREATION );
   alert("e2p_data_json_4_BOOK_CREATION = " + e2p_data_json_4_BOOK_CREATION);
}

function get_e2p_data_4_book_creations()
{
   // Add book-title, dedication etc.
   var gen_book_info = $('#general_book_info').serializeObject();
   var onremove = 'onremove'
   var sessionkey = 'sessionkey'
   gen_book_info[onremove] = '/serve/e2p_base/bmsremoved/' + get_session_dir_key();
   gen_book_info[sessionkey] = get_session_dir_key();

   // get an initial e2p_data object with the general-info section in it
   var e2p_data = aggregate_section_2_data_obj( [], "general_book_info", gen_book_info);

   // aggregate the running-total sections to the e2p_data obj
   e2p_data = aggregate_current_sections_to_e2p_obj(e2p_data);
   if( e2p_data )
      save_recipe(e2p_data);

   return e2p_data;
}

// TODO: This should not be available under academic-pub
var submit_book_data_obj = function()
{
   var e2p_data = get_e2p_data_4_book_creations();
   var e2p_data_json = JSON.stringify( e2p_data );

   var url= "create_book.html";
   var querystr= "submit_json_param="+encodeURIComponent(e2p_data_json);
   block_create_book();
   $.ajax(
      {
         type: "POST",
         url: url,
         data: querystr,
         contentType: "application/json; charset=UTF-8",
         dataType: "json",
         success: function(data)
         {
//            alert( "Data Returned: " + $.toJSON(data) );
            err = data['err'];
            if (err != undefined)
            {
               unblock_create_book();
               var section = data.section;
               notify_error(section, err);
               return;
            }
//            setConfirmUnload(false)
            var redirect_url = data['redirect_url'];
            //Add GA support
            if (typeof(pageTracker) != 'undefined')
            {
               redirect_url = pageTracker._getLinkerUrl(redirect_url);
            }
            if( false )
            {
                var newwin = window.open();
                if(newwin === null)
                {
                   alert("Looks like a pop-up blocker is ON")
                   return;
                }
                newwin.focus();
                newwin.location = redirect_url;
            }
            else
            {
                window.location = redirect_url;
            }
            unblock_create_book();
         },
         error: function(XMLHttpRequest,textStatus,errorThrown)
         {
//            window.location = err_geturl;
            unblock_create_book();
            var newwin = window.open();
            if(newwin === null)
            {
               alert("Looks like a pop-up blocker is ON")
               return;
            }
            newwin.focus();
            newwin.document.write(XMLHttpRequest.responseText);
         }
    });

}

var defaultExtractSection = function(sectionStateData, sectionStateDiv)
{
   sectionStateDiv.find(".section-state-item").each(function()
        {
            var id = $(this).attr("id")
            //console.log("extract_section_func:", id, sectionStateData)
            if(id.startsWith("name__"))
            {
               var inputName = id.substr(6); // name:<name>
               //console.log("inputName",$(this).get(0).tagName)
               var thisTagName = $(this).get(0).tagName;
               var value = sectionStateData[inputName];
               if($.isArray(value))
                  value = value[0];//in case we got a list of values we take the first one

               if (thisTagName == "INPUT")
                  $(this).val(value);
               else
                  $(this).text(value);
            }
        })
}

var get_redirected_page = function( sectionId, section_unique_id )
{
   var section_page = null;
   // TODO: consider replacing with a constant dictionary
   switch(sectionId)
   {
      case 'picasa':
         section_page = "picasa.html";
         break;

      case 'pdf':
         section_page = "pdf.html";
         break;

      case 'blogger':
         section_page = "blogger_details.html";
         break;

      case 'msdoc':
         section_page = "msdoc.html";
         break;

      case 'twitter':
         section_page = "twitter.html";
         break;

      case 'facebook':
         section_page = "facebook.html" ;
         break;

      case 'webcon':
         section_page = "webcon.html" ;
         break;

      case 'sblib':
         section_page = "sb_library.html" ;
         break;

      default:
         throw "Unexpected sectionId: "+sectionId
   }

   return section_page + "?"+SECTION_UNIQUE_ID_KEY+"="+section_unique_id;
};

function get_redirected_page_data( sectionId, data )
{
   var ret_data = null;
   switch( sectionId )
   {
      case "blogger":
         ret_data = eval("res=" + decodeURIComponent(data['global_blog_data']));
         break;

      default:
       ; // nothing to do here

   }
   return ret_data;
}

// TODO: consider dividing into several funcs
var getNewStatesDiv = function(sectionId, data)
{
   log2console("getNewStatesDiv was called.", sectionId, data);
   var section_unique_id = data[SECTION_UNIQUE_ID_KEY];
   var section_state_div_template_id = "#section-state-div-template-id-"+sectionId;
   var extractSectionFunc = $(section_state_div_template_id).data("extract_section_func");

   var clonedStatesDiv = $(section_state_div_template_id).clone().toggle().attr("id", section_unique_id);
   clonedStatesDiv.data(SECTION_ID_KEY, sectionId);
   clonedStatesDiv.data(SECTION_UNIQUE_ID_KEY, section_unique_id);
   clonedStatesDiv.data(SECTION_DATA_KEY, data);
   var newHref = get_redirected_page( sectionId, section_unique_id);
   var editLinkObj = $(clonedStatesDiv).find('#edit-this-section-' + sectionId);
   $(editLinkObj).attr("href", newHref);
   $(editLinkObj).click(function()
      {
//         window.location = newHref;
         var data_json = get_redirected_page_data( sectionId, data) ;
         submit_data_json( newHref, data_json );
      }); // for some reason the href doesn't work. Probably due to the Drag&Drop

   if(extractSectionFunc)
      extractSectionFunc(data, clonedStatesDiv);
   else
      defaultExtractSection(data, clonedStatesDiv);

   // handle price display: if there's no price - don't show the div at all
   $(clonedStatesDiv).find('.price-item').each(function(index)
   {
      var price_text = $(this).text();
      if(price_text!=null && price_text==='')
         $(this).parent().hide();
   });

   return clonedStatesDiv
};

var validate_section_then_do=function(section_id , section_data, then_do)
{
   log2console("validate_section_then_do was called.", arguments );

//   var json = $.toJSON(section_data);
   var json = JSON.stringify( section_data );
   var url= "validate/%s/".replace('%s',section_id);
   // resolved by the sever and replaced
   var querystr= "data="+encodeURIComponent(json);
   //alert("before: "+ json+"\nafter: "+querystr)
//   var err_geturl=url+"?"+querystr;
   block_default();
   $.ajax(
      {
         type: "POST",
         url: url,
         data: querystr,
         contentType: "application/json; charset=UTF-8",
         dataType: "json",
         success: function(data)
         {
//            alert( "Data Returned: " + $.toJSON(data) );

            // We start by blocking the UI since there are still some changes to do before returning the control to the user.
            // Assumptions:
            // 1. If an error returned we display it and unblock the UI
            // 2. If NO error the next page is loaded and unblocks the UI inherently
//            $.blockUI();
//            log2console('blocking UI');

            var err = data.err;
//            alert( "err: " + $.toJSON(err) );
            if (err != undefined)
            {
               try
               {
                  var section = data.section;
                  if (section == 'generate_book')
                  {
                     return generate_book_error(err);
                  }

                  show_errors(err);
               }
               catch(e)
               {
                  notify_error(section_id, err);
               }
               finally
               {
                  unblock_default();
               }
               return;
            }
            
             if ("webcon" == data.section) {
                 var webcon_res = data.webcon_res;
                 if (webcon_res && webcon_res.success) {
                     // Set the results we got from the server in the hidden fields so they would enter the json object.
                     $('input:hidden[name=scraped_article_path]').val(webcon_res.article_path);
                     $('input:hidden[name=scraped_article_title]').val(webcon_res.article_title);
                     $('input:hidden[name=scraped_short_article_title]').val(webcon_res.article_short_title);
                 }
                 else {
                     // We should not reach this code.
                     // When webcon_res.success is False we should have got an err response.

                     // Get error ID and tell the user.
                     $.unblockUI();
                     alert("We're sorry, we are not able to access the content on this site.");
                     return;
                 }
             }
            

            var validation_success_data = data.validation_success_data;
            then_do(validation_success_data);
           // unblock_default(); // here we do not want to unblock!!! cause it takes time till the submit loads a new page while a block is required. So the loaded page unblocks in a natural way.
         },
         error: function(XMLHttpRequest,textStatus,errorThrown)
         {  // ignoring the error + opening dbg page
//            then_do()
            notify_error(null, "Server Error!");
            unblock_default();
            var newwin = window.open();
            if(newwin === null)
            {
               alert("Looks like a pop-up blocker is ON");
               return;
            }
            newwin.focus();
            newwin.document.write(XMLHttpRequest.responseText);
         }
    });
};

var activateFuncAndChangeWinLocation = function( func, new_location )
{
   return function()
   {
      log2console("activateFuncAndChangeWinLocation was called.", arguments);
      func();
      window.location = new_location;
   }
};

var isStatesDivExist = function(section_unique_id)
{
   if( section_unique_id === null)
      return false;

   var oldDiv = $('#status_container').find('#'+section_unique_id);
   return (oldDiv != null && oldDiv.length > 0) ;
};

function add_section_unique_id_field_2_form(form, section_unique_id)
{
   var new_form_field = '<input type="text" id="' + SECTION_UNIQUE_ID_KEY + '" name="' + SECTION_UNIQUE_ID_KEY + '" style="display:none" value="' + section_unique_id + '"></input>';
   form.append( new_form_field );
}

/*
function get_data_from_form_field(form, field_id)
{
   var field = $(form).find('#'+field_id);
   if( field == null )
      return null;

   var data_json = decodeURIComponent($(field).val());
   return eval(data_json);
}
*/

function aggregate_data_field_2_form(form, data, field_id, field_name)
{
   var data_json = encodeURIComponent(JSON.stringify(data));
   var new_form_field = '<input type="text" id="' + field_id + '" name="' + field_name + '" style="display:none" value="' + data_json + '"></input>';
   $(form).append( new_form_field );
}

function get_section_id_from_form(sectionForm)
{
   var elem = $(sectionForm).find('#' + SECTION_UNIQUE_ID_KEY);
   if(elem === null || elem.length === 0)
      return null;

   return $(elem).val();
}

var populate_ret_form_data = function(sectionForm, validation_success_data)
{
   if( validation_success_data != undefined )
   {
      var data_for_form_population = validation_success_data['data_for_form_population'];
      if( data_for_form_population != undefined )
      {
         for( var field_name in data_for_form_population )
         {
            var field_value = data_for_form_population[field_name];
            $(sectionForm).find("input[name='" + field_name + "']").val(field_value);
         }
      }
   }
   var form_data = sectionForm.serializeObject();
   log2console(form_data);
   return form_data;
};

var aggregateSection = function(sectionForm, sectionId, newaddress)
{
   log2console("aggregateSection", sectionForm, sectionId, newaddress);
   var section_unique_id = get_section_id_from_form(sectionForm);

   if( section_unique_id === null)
   {
      section_unique_id = sectionId + "-" + (state_count++) + "-" + getRandom();
      add_section_unique_id_field_2_form( $(sectionForm), section_unique_id );
   }

   sectionForm=$(sectionForm);
   var form_data = sectionForm.serializeObject();
   var then_do = function( validation_success_data )
   {
      log2console("then_do was called.", sectionId, form_data, validation_success_data );
      form_data = populate_ret_form_data(sectionForm, validation_success_data);
      var newDiv = getNewStatesDiv( sectionId, form_data );
      var form_action = sectionForm.attr('action');
      // set either an UPDATE-div-function or an ADD-div-function
      var statesDivChangeFunc = ( isStatesDivExist(section_unique_id) ) ?
         update_ele_func_with_store([newDiv]):
         add_ele_func_with_store([newDiv]);

      $("#status_container").trigger('aggregate_section_event',
         activateFuncAndChangeWinLocation( statesDivChangeFunc, form_action ) );
   };
   // data ready
   // validate
   validate_section_then_do(sectionId , form_data, then_do)
};

//function setConfirmUnload(on)
//{
//     window.onbeforeunload = (on) ? unloadMessage : null;
//}
//
//function unloadMessage()
//{
//     return 'If you navigate away from this page, changes will be lost.';
//}



var is_there_at_least_one_article_section = function()
{
   var is_article_section_present = false;
   $('#states-list-container .section-state-div').each(
         function( index )
         {
            if (is_article_section_present)
               return;
            var section_data = $(this).data(SECTION_DATA_KEY);
            is_article_section_present |= section_data.is_article_section
         });

   return is_article_section_present

};

var get_sections_num = function()
{
   return get_articles_sections_num() + get_photos_sections_num();
};

var get_articles_sections_num = function()
{
   return $('#states-articles-list-container div.section-state-div').size();
};

var get_photos_sections_num = function()
{
   return $('#states-photos-list-container div.section-state-div').size();
};

// Use to override the default uploader error handler to show file upload limit
// Usage: file_queue_error_handler : custom_file_queue_error_handler
var custom_file_queue_error_handler = function(file, code, msg)
{
   if (code=SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT)
   {
      show_errors({pdf_upload_filename:"Your uploaded file exceeds the maximum size allowed of "+this.settings.file_size_limit});
   }
   else
      alert("Sorry, your file wasn't uploaded: " + msg);
};

var submit_data_json = function(action, data_obj)
{
   $('body').append('<form id="submit-data-form-id" target="_top" method="post" action="'+action+'"><input id="submit-data-id" name="data_json" style="display:none" type="text" value="" /></form>');
   if( data_obj != null )
   {
      var data_json = JSON.stringify(data_obj);
      log2console('data_json', data_json);
      $('#submit-data-id').val(data_json);
   }
   $('#submit-data-form-id').submit();
};

//var edit_project_name = function()
//{






//};

var init_uploaded_filenames = function()
{
   $(".filename-field").each(function (index, filenameEle)
   {
      var filename = $(filenameEle).val();
      if (filename != null && filename != "")
      {
         var ele_id = $( filenameEle ).attr('id');
         var ele_type_end_index = ele_id.lastIndexOf('-');
         var status_ele_id = ele_id.substring(0, ele_type_end_index)+'-status'; // find the sibling cover-status elem
         var status_ele = $('#'+status_ele_id);
         var status_txt = $.trim(($( status_ele ).text()));
         if( status_txt === '' )
         {
            var status_txt = "Uploaded <b>"+filename+"</b>";
            $( status_ele ).html(status_txt);
            $( status_ele ).show();
         }
      }
   });
};