var searchBox = document.getElementById('searchBox');
var searchPagination = document.getElementById('searchPagination');
var searchResults = document.getElementById('searchResults');
var selectionMenu = document.getElementById('selectionMenu');
var selectionResults = document.getElementById('selectionResults');
var myVidewiPagination = document.getElementById('myVidewiPagination');
var myVidewiResults = document.getElementById('myVidewiResults');
var loginDiv = document.getElementById('loginDiv');

function valButton(btn) {
var cnt = -1;
for (var i=btn.length-1; i > -1; i--) {
   if (btn[i].checked) {cnt = i; i = -1;}
   }
if (cnt > -1) return btn[cnt].value;
else return null;
}

function saveCustomDisplayIdFunction(form) {
var selectedCategoryIdMyVidewi = document.getElementById('selectedCategoryIdMyVidewi').value;
var btn = valButton(form.customDisplayIdSelect);
var customDisplayId = btn;

$.ajax({
  type: 'POST',
  url: 'process.php?q=saveCustomDisplay',
  data: 'customDisplayId=' + customDisplayId,
  success: function(msg){
  		displayMyVidewiPagination(0,selectedCategoryIdMyVidewi);
		displayMyVidewiResults(0,selectedCategoryIdMyVidewi);
		tb_remove();
  }
});
}

function updateCategory(categoryId, categoryName) {
var selectedCategoryIdMyVidewi = document.getElementById('selectedCategoryIdMyVidewi').value;
var organize_videos = document.getElementById('organize_videos').value;
$.ajax({
  type: 'POST',
  url: 'process.php?q=updateCategory',
  data: 'categoryId=' + categoryId + '&categoryName=' + categoryName,
  success: function(msg){
    if(msg=='ok') {
	displayCategoryList();
	displayMyVidewiPagination(0,selectedCategoryIdMyVidewi); // to reload the category list
	closeOrganizeVidewi('organize_videos'); // just to refresh
	}
	else {
	alert('The category name can\'t be empty !');
	}
  }
});
}

function displayUpdateCategory(tmpDiv, categoryName, categoryId) {
var tmpDiv = document.getElementById(tmpDiv);
$.ajax({
  type: 'POST',
  url: 'process.php?q=displayUpdateCategory',
  data: 'categoryName=' + categoryName + '&categoryId=' + categoryId,
  success: function(msg){
    tmpDiv.innerHTML = msg;
  }
});
}

function removeCategory(categoryId) {
var selectedCategoryIdMyVidewi = document.getElementById('selectedCategoryIdMyVidewi').value;
var organize_videos = document.getElementById('organize_videos').value;
$.ajax({
  type: 'POST',
  url: 'process.php?q=deleteCategory',
  data: 'categoryId=' + categoryId,
  success: function(msg) {
    if(msg=='ok') {
	displayCategoryList();
	displayMyVidewiPagination(0,selectedCategoryIdMyVidewi); // to reload the category list
	closeOrganizeVidewi('organize_videos'); // just to refresh
	}
	else {
	alert(msg);
	}
  }
});
}

function displayCategoryList() {
var categoriesList = document.getElementById('categoriesList');
document.getElementById('newCatName').value = '';
$.ajax({
  type: 'POST',
  url: 'process.php?q=displayCategory',
  success: function(msg){
    categoriesList.innerHTML = msg;
	bindThickBoxEvents();
  }
});
}

// ############### ////////////////////////////////////// ################ //
// ############### //  Pagination and MyVidewi Results // ################ //
// ############### ////////////////////////////////////// ################ //


//onChange event of categories list - myVidewiPagination.php
function reloadMyVidewiResults() {
var editFlag = document.getElementById('MyVidewiEditFlag').value;
//alert(start);
//if(editFlag=='undefined') var editFlag = document.getElementById('MyVidewiEditFlag').value;
var start = document.getElementById('myVidewiStart').value;
var selectedCategoryId = document.getElementById('selectedCategoryIdMyVidewi').value;
//alert(start + '-' + selectedCategoryId + '-' + editFlag);
displayMyVidewiResults(0,selectedCategoryId,editFlag);
}

//onChange event of categories list - myVidewiPagination.php
function reloadMyVidewiResultsOnOrganizeClick(editFlag) {
//var editFlag = document.getElementById('MyVidewiEditFlag').value;
//alert(start);
//if(editFlag=='undefined') var editFlag = document.getElementById('MyVidewiEditFlag').value;
var start = document.getElementById('myVidewiStart').value;
var selectedCategoryId = document.getElementById('selectedCategoryIdMyVidewi').value;
//alert(start + '-' + selectedCategoryId + '-' + editFlag);
displayMyVidewiResults(start,selectedCategoryId,editFlag);
}

function reloadMyVidewiResults2(start,categoryId) {
var editFlag = document.getElementById('MyVidewiEditFlag').value;
$.ajax({
  type: 'POST',
  url: 'process.php?q=displayMyVidewiResults',
  data: 'start=' + start + '&categoryId=' + categoryId + '&editFlag=' + editFlag,
  success: function(msg){
    myVidewiResults.innerHTML = msg;
    bindThickBoxEvents();
  }
});
}

// load pagination and myvidewi results
function loadPaginationAndMyVidewiResults(start,categoryId,editFlag) {
displayMyVidewiPagination(start,categoryId);
displayMyVidewiResults(start,categoryId,editFlag);
}

// My videwi pagination
function displayMyVidewiPagination(start,categoryId) {
$.ajax({
  type: 'POST',
  url: 'process.php?q=displayMyVidewiPagination',
  data: 'start=' + start + '&categoryId=' + categoryId,
  success: function(msg){
    myVidewiPagination.innerHTML = msg;
    bindThickBoxEvents();
  }
});
}

// My videwi results
function displayMyVidewiResults(start,categoryId, editFlag) {
//myVidewiResults.innerHTML = "<br><img src='include/graph/icons/ajax-loader.gif'>";
//alert('Hello kitty');
//var editFlag2 = document.getElementById('editFlag').value;
//var editFlag = 1;
$.ajax({
  type: 'POST',
  url: 'process.php?q=displayMyVidewiResults',
  data: 'start=' + start + '&categoryId=' + categoryId + '&editFlag=' + editFlag,
  success: function(msg){
    myVidewiResults.innerHTML = msg;
    bindThickBoxEvents();
  }
});
}

// Organize
function openCloseOrganizeVidewi(id) {
  var elt = document.getElementById(id);
  if (elt.style) {
    if (elt.style.display == 'none') {
      	elt.style.display = 'block';
      	reloadMyVidewiResultsOnOrganizeClick(1);
      }
	else {
      	elt.style.display = 'none';
      	reloadMyVidewiResultsOnOrganizeClick(0);
	}
  }
}

// Organize
function closeOrganizeVidewi(id) {
  	var elt = document.getElementById(id);
	elt.style.display = 'none';
    reloadMyVidewiResultsOnOrganizeClick(0);
}

function moveVideos(nbVideos) {
var moveDisplay = document.getElementById('moveDisplay');
var moveToCategoryList = document.getElementById('moveToCategoryList').value;
var selectedCategoryIdMyVidewi = document.getElementById('selectedCategoryIdMyVidewi').value;

var videosId2send = '';
var nbSelectedVideos = 0;
for(var i=0; i<nbVideos; i++) {
var videosIdState = $("#videosId-"+i).attr('checked');
var videosId = $("#videosId-"+i).val();
	if(videosIdState == true) {
	videosId2send += '&videosId-'+nbSelectedVideos+'='+videosId;
	nbSelectedVideos++;
	}
}

var data2send = 'nbVideos='+nbSelectedVideos + videosId2send + '&categoryId=' + moveToCategoryList;

$.ajax({
  type: 'POST',
  url: 'process.php?q=moveVideos',
  data: data2send,
  success: function(msg){
    if(msg=='no video') {
    	alert("Please select the videos you wanna move !");
	}
	else if(msg=='no category') {
		alert("Please select a destination category.");
	}
	else {
		displayMyVidewiResults(0,selectedCategoryIdMyVidewi, 1)
	}
	bindThickBoxEvents();
  }
});
}

function selectAllMyVidewi() {
	var nbVideos = document.getElementById('nbVideosDisplayed').value;
	for(var i=0; i<nbVideos; i++) {
		var videosId = $("#videosId-"+i).attr('checked','checked');;
	}
}

function unselectAllMyVidewi() {
	var nbVideos = document.getElementById('nbVideosDisplayed').value;
	for(var i=0; i<nbVideos; i++) {
		var videosId = $("#videosId-"+i).attr('checked','');;
	}
}

// ############### ////////////////////////////////////// ############### //
// ############### //  								   // ############### //
// ############### ////////////////////////////////////// ################ //

// DEPRECATED ON OCT 30 2008 - Same functionnalities in myVidewi
/*
// myCategories pagination
function loadPaginationAndMyCategoriesResults(start,categoryId) {
//alert('What the hell !' + start);
myCategoriesResults.innerHTML = "<br><img src='include/graph/icons/ajax-loader.gif'>";
displayMyCategoriesPagination(start,categoryId);
displayMyCategoriesResults(start,categoryId);
}

// my videwi pagination
function displayMyCategoriesPagination(start,categoryId) {
$.ajax({
  type: 'POST',
  url: 'process.php?q=displayMyCategoriesPagination',
  data: 'start=' + start + '&categoryId=' + categoryId,
  success: function(msg){
    myCategoriesPagination.innerHTML = msg;
    bindThickBoxEvents();
  }
});
}

// myCategories results
function displayMyCategoriesResults(start,categoryId) {
myCategoriesResults.innerHTML = "<br><img src='include/graph/icons/ajax-loader.gif'>";
$.ajax({
  type: 'POST',
  url: 'process.php?q=displayMyCategoriesResults',
  data: 'start=' + start + '&categoryId=' + categoryId,
  success: function(msg){
    myCategoriesResults.innerHTML = msg;
    bindThickBoxEvents();
  }
});
}
*/


// ############### ////////////////////////////////////// ############### //
// ############### //  	SEARCH						   // ############### //
// ############### ////////////////////////////////////// ################ //


// Search box
function displaySearchBox(searchTerms) {
searchBox.innerHTML = "<img src='include/graph/icons/ajax-loader.gif'>";
$.ajax({
  type: 'POST',
  url: 'process.php?q=displaySearchBox',
  data: 'searchTerms=' + searchTerms,
  success: function(msg){
    searchBox.innerHTML = msg;
  }
});
}

// Videos search pagination
function displaySearchPagination(q,start) {
$.ajax({
  type: 'POST',
  url: 'process.php?q=displaySearchPagination',
  data: 'q=' + q + '&start=' + start,
  success: function(msg){
    searchPagination.innerHTML = '<br>' + msg;
  }
});
}

// Videos results
function displaySearchResults(q,start) {
$.ajax({
  type: 'POST',
  url: 'process.php?q=displaySearchResults',
  data: 'q=' + q + '&start=' + start,
  success: function(msg){
    searchResults.innerHTML = msg;
    bindThickBoxEvents();
  }
});
}

// load pagination and search results
function loadPaginationAndSearchResults(start,q) {
if(q=='') q = $("#q").val();
searchResults.innerHTML = "<br><img src='include/graph/icons/ajax-loader.gif'>";
displaySearchPagination(q,start);
displaySearchResults(q,start);
}

// search results
$("#search").click(function() {
var start=0;
q = $("#q").val();
loadPaginationAndSearchResults(start,q);
});

function displayStandardFeedVideosMenu() {
$.ajax({
  type: 'POST',
  url: 'process.php?q=standardVideoFeedsMenuAjax',
  success: function(msg){
    selectionMenu.innerHTML = msg;
    displayStandardFeedVideos();
    bindThickBoxEvents();
  }
});
}

// ############### ////////////////////////////////////// ############### //
// ############### //  	STANDARD FEEDS				   // ############### //
// ############### ////////////////////////////////////// ################ //

// Standard feeds
function displayStandardFeedVideos(max_results) {
var standardFeed = document.getElementById('standardFeed').value;
var standardTime = document.getElementById('standardTime').value;
var max_results = 10;

selectionResults.innerHTML = "<br><img src='include/graph/icons/ajax-loader.gif'>";
$.ajax({
  type: 'POST',
  url: 'process.php?q=standardVideoFeedsAjax',
  data: 'feed=' + standardFeed + '&time=' + standardTime + '&max_results=' + max_results,
  success: function(msg){
    selectionResults.innerHTML = '<br>' + msg;
    bindThickBoxEvents();
  }
});
}

// feed
$("#feed").change(function() {
var feed = $("#feed").val();
var time = $("#time").val();
var max_results = $("#max_results").val();
displayStandardFeedVideos(feed,time,max_results);
});
// time
$("#time").change(function() {
var feed = $("#feed").val();
var time = $("#time").val();
var max_results = $("#max_results").val();
displayStandardFeedVideos(feed,time,max_results);
});
// max results
$("#max_results").change(function() {
var feed = $("#feed").val();
var time = $("#time").val();
var max_results = $("#max_results").val();
displayStandardFeedVideos(feed,time,max_results);
});


// ############### ////////////////////////////////////// ############### //
// ############### //  	MEMBER PAGES				   // ############### //
// ############### ////////////////////////////////////// ################ //

var publicVidewiPagination = document.getElementById('publicVidewiPagination');
var publicVidewiResults = document.getElementById('publicVidewiResults');

// load pagination and public results
function loadPaginationAndPublicVidewiResults(start,categoryId,accountId) {
publicVidewiResults.innerHTML = "<br><img src='include/graph/icons/ajax-loader.gif'>";
displayPublicVidewiPagination(start,categoryId,accountId);
displayPublicVidewiResults(start,categoryId,accountId);
}

// public videwi pagination
function displayPublicVidewiPagination(start,categoryId,accountId) {
$.ajax({
  type: 'POST',
  url: 'process.php?q=displayPublicVidewiPagination',
  data: 'start=' + start + '&categoryId=' + categoryId + '&accountId=' + accountId,
  success: function(msg){
    publicVidewiPagination.innerHTML = msg;
    bindThickBoxEvents();
  }
});
}

// public videwi results
function displayPublicVidewiResults(start,categoryId,accountId) {
publicVidewiResults.innerHTML = "<br><img src='include/graph/icons/ajax-loader.gif'>";
$.ajax({
  type: 'POST',
  url: 'process.php?q=displayPublicVidewiResults',
  data: 'start=' + start + '&categoryId=' + categoryId + '&accountId=' + accountId,
  success: function(msg){
    publicVidewiResults.innerHTML = '<br><br>' + msg;
    bindThickBoxEvents();
  }
});
}


// ############### ////////////////////////////////////// ############### //
// ############### //  	GENERAL FUNCTIONS			   // ############### //
// ############### ////////////////////////////////////// ################ //

/*
function openClose(id)
{
  var elt = document.getElementById(id);

  if (elt.style) {
    if (elt.style.display == 'none')
      elt.style.display = 'block';
    else
      elt.style.display = 'none';
  }
}
*/

// LOGOUT
function logout() {
var feed = $("#feed").val();
loginDiv.innerHTML = "<img src='include/graph/icons/ajax-loader.gif'>";
$.ajax({
  type: 'POST',
  url: 'process.php?q=ajaxLogout',
  success: function(msg){
    loginDiv.innerHTML = msg;
    myVidewiPagination.innerHTML = "";
    myVidewiResults.innerHTML = "You must be connected to see your videos :)";
    //myCategoriesPagination.innerHTML = "";
    //myCategoriesResults.innerHTML = "You must be connected to organize your videos into categories :)";
	bindThickBoxEvents();
    $("#example > ul").tabs("select", 0);
  }
});
}