// JavaScript Document
/*
Create our object to hold all functions and vars
---------------------------------------------------------*/
var objAdmin = {};
/*
---------------------------------------------------------*/
objAdmin.admin_url = "http://booktrustadmin.kentlyons.com/admin/";
objAdmin.site_url  = "http://booktrustadmin.kentlyons.com/";




/* -----------------------------------------------------
@description	update div that is to be replaced

@param	data	data to replace div with
---------------------------------------------------------*/
objAdmin.updateAssignment = function( data/*string*/)
{	

	//----------------------------------------------
	var holder = document.getElementById(objAdmin.holderDiv);
	var all_items= document.getElementById(objAdmin.div);
	holder.removeChild(all_items);
	//----------------------------------------------
	//----------------------------------------------
	var new_all_items = document.createElement("div");
	new_all_items.setAttribute("id", objAdmin.div);
	new_all_items.innerHTML = data;
	holder.appendChild(new_all_items);
	
	/*Create new col arrays*/
	col2Array=$('ul#col02 li').sortable('toAray');
	col1Array=$('ul#col01 li').sortable('toAray');
	
	for(var i=0; i<col2Array.length; i++){
		col2Array[i] = col2Array[i].getAttribute('id');
	}
	
	for(var i=0; i<col1Array.length; i++){
		col1Array[i] = col1Array[i].getAttribute('id');
	}
	
	objAdmin.col2 = col2Array;
	objAdmin.col1 = col1Array;
	
	objAdmin.dragItems(objAdmin.col1,objAdmin.col2,objAdmin.typeId,objAdmin.itemId,objAdmin.itemTypeId,objAdmin.type,objAdmin.div);
}
/* ------------------------------------------------------
@description	refresh page

---------------------------------------------------------*/
objAdmin.reloadPage = function( data/*string*/)
{	
	window.location.reload();
}
/*
@description	called from response from server to display 
				replace the contents of a div
				
@param data		response from sever
---------------------------------------------------------*/
objAdmin.replaceDiv=function(data){	
	// get parent
	var parent= $("#"+objAdmin.div).parent("div");	
	//remove item
	parent.empty("#"+objAdmin.div);
	// append item
	parent.append(data);
}

/*-------------------------------------------------------
@description	reload the assigned content after search has been made

@param	selected	item that has been search for
---------------------------------------------------------
*/
objAdmin.reloadAssignContent = function ( query,selected,queryIndex,start)
{

	objAdmin.showLoading("col02");
	
	// store status of query vars
	objAdmin.query=query;
	objAdmin.selected=selected;
	objAdmin.queryIndex=queryIndex;
	objAdmin.start=start;
	
	// ---------------------------------------------------------
	var baseURL = objAdmin.admin_url;	
	var newURL = baseURL + "assign/reloadAssignContent";
	objAdmin.holderDiv="assign";
	objAdmin.selected=selected;	
	objAdmin.queryIndex=queryIndex;
	$.ajax({
		type: "POST",
		url: newURL,
		data: 'selected='+selected+'&itemId=' + objAdmin.itemId + '&itemTypeId=' + objAdmin.itemTypeId+ '&typeId=' + objAdmin.typeId+ '&type=' + objAdmin.type + '&query=' + query + '&start=' + start+ '&queryIndex=' + queryIndex ,
		success: objAdmin.updateAssignment
	});
}
/*-------------------------------------------------------
@description	replace div with loading animation

@param	div		id of div to replace
---------------------------------------------------------
*/
objAdmin.showLoading=function(divId){
	$("#"+divId).empty();
	$("#"+divId).append("<div class='loading'></div>");

}

/*-------------------------------------------------------
@description	assign or unassign items after item has been dragged

@param	obj		obj passed containing new contents of columns
---------------------------------------------------------
*/
objAdmin.changeAssignment = function (obj)
{
	// get new arrays for col1 and col2	
	col1=$('ul#col01 li');
	col2=$('ul#col02 li');
	
	for(var i=0; i<col1.length; i++){
		col1[i] = col1[i].getAttribute('id');
	}
	
	for(var i=0; i<col2.length; i++){
		col2[i] = col2[i].getAttribute('id');
	}
	
	if(col1.length!=objAdmin.col1.length){
	
		objAdmin.showLoading("col01");
		objAdmin.showLoading("col02");
		
		// if the columns have changed		
		// get action
		if(col1.length>objAdmin.col1.length){
			action="assignItem";			
		}
		else{
			action="unassignItem";
		}
						
		// compare  columns in length to comaprison is done with larger one
		if(col1.length>col2.length){
			activeCol=col1;	
			compareCol=objAdmin.col1;				
		}
		else{
			activeCol=col2;	
			compareCol=objAdmin.col2;			
		}
		// compare  columns in length to comaprison is done with larger one
		if(activeCol.length<compareCol.length){
			tmpCol=activeCol;
			activeCol=compareCol;
			compareCol=tmpCol;			
		}
		
		// find which item has changed
		for(var c=0;c<activeCol.length;c++){		
			var found=false;
			for(var d=0;d<compareCol.length;d++){
				//alert('active'+activeCol[c]+'compare'+compareCol[d]);
				if(activeCol[c]==compareCol[d]){				
					found=true;
					break;					
				}
			}
			if( found==false){	
				var assignmentId=activeCol[c];
				
				//Remove the *
				assignmentId = assignmentId.substring(1,assignmentId.length);
				break;
			}				
		}		
		// update database 
		// ---------------------------------------------------------
		var baseURL = objAdmin.admin_url;	
		var newURL = baseURL + "assign/"+action;	
		$.ajax({
			type: "POST",
			url: newURL,
			data: 'assignmentId='+assignmentId+'&itemId=' + objAdmin.itemId + '&itemTypeId=' + objAdmin.itemTypeId+ '&typeId=' + objAdmin.typeId+ '&type=' + objAdmin.type+ '&query=' + objAdmin.query+  '&selected=' + objAdmin.selected+  '&start=' + objAdmin.start+  '&queryIndex=' + objAdmin.queryIndex,
			success: objAdmin.updateAssignment	
		
		});		
	
	}
		// set new vars
		objAdmin.col1=col1;
		objAdmin.col2=col2;	
	

}
/*-------------------------------------------------------
@description	change order of assignments
---------------------------------------------------------
*/
objAdmin.changeOrder = function ( comboBox,div,sectionId,view,url_data,parent_id,table,linkage_table,linkage_field)
{
	var order = comboBox.value;	
	var baseURL = objAdmin.admin_url;	
	var url = new String(url_data);
	url.replace("¬","'");
	var newURL = baseURL + "section/changeOrder/"+url;
	objAdmin.div=div;
	objAdmin.holderDiv="orderSubSections";
	$.ajax({
		type: "POST",
		url: newURL,
		data: 'order=' + order + '&sectionId='+ sectionId + '&view=' + view + '&div=' + div+ '&parent_id=' + parent_id+'&table='+table+'&linkage_table='+linkage_table+'&linkage_field='+linkage_field,
		success: objAdmin.updateAssignment
	});
	
}
/*--------------------------------------------------------
@description	change orders of muliple items 
---------------------------------------------------------*/
objAdmin.changeOrders = function ()
{
	var hash = $('#dragList01').sortable('serialize');	
	var baseURL = objAdmin.admin_url;
	var newURL = baseURL + "section/changeOrders";
		$.ajax({
		type: "POST",
		url: newURL,
		data:hash+'&name=dragList01'
	});	
	
}

/*
@description	change orders of assigned items
---------------------------------------------------------*/

objAdmin.changeAssignedOrder=function(comboBox,id,index,itemId,itemTypeId,typeId,typeExclude,options,div,isIndex2,view,start){	
	objAdmin.showLoading(div);
	var order = comboBox.value;	
	var baseURL = objAdmin.admin_url;	
	var newURL = baseURL + "assign/changeOrder/";	
	objAdmin.div=div;	
	$.ajax({
		type: "POST",
		url: newURL,
		processData:false, 		
		data: 'id=' + id +'&order=' + order+'&index=' + index +'&itemId=' + itemId+'&itemTypeId=' + itemTypeId+'&typeId=' + typeId+'&typeExclude=' + typeExclude+'&options=' + options+'&isIndex2=' + isIndex2+'&view=' + view+'&start=' + start ,
		success: objAdmin.replaceDiv
	});	
	
}

/* 

@description	Allows us to change the status of a particular section

@param	live	y/n status to change to
@param	id		id of section
---------------------------------------------------------*/
objAdmin.changeSectionStatus = function( live, id )
{
	// ---------------------------------------------------------
	var baseURL = objAdmin.admin_url;
	var controller = "section/";
	var cFunction = "setStatus/";
	var newURL = baseURL + controller + cFunction;
	$.ajax({
		type: "POST",
		url: newURL,
		data: 'status=' + live + '&sectionId=' + id
	});
}
/* ------------------------------------------------------

@description	Allows us to change the status of a particular section

@param	live	y/n status to change to
@param	id		id of item
@param	type	type of item
@param	prop	property to change
---------------------------------------------------------*/
objAdmin.changeCommentsStatus = function( live, id,type,prop )
{
	// ---------------------------------------------------------
	var baseURL = objAdmin.admin_url;
	var controller = "comments/";
	var cFunction ="setComments/";
	var newURL = baseURL + controller + cFunction;
	$.ajax({
		type: "POST",
		url: newURL,
		data: 'status=' + live + '&id=' + id + '&type=' + type+ '&prop=' + prop
	});
}
/* ----------------------------------------------------------

@description	display popup window

@param	location	location of page to load	
@param	width		width of window
@param	height		height of window
---------------------------------------------------------*/
objAdmin.popup=function(location,width,height){

	window.open( location, "myWindow", 
	"status = 1, height = "+height+", width = "+width+", resizable = 0" );
}	
	
/* 
@description 	toggle template insets

@param	name	id of div
---------------------------------------------------------*/
objAdmin.toggleTemplates=function(name){
	
	$('#'+name).slideToggle(500);
	
	// ---------------------------------------------------------
	var baseURL = objAdmin.admin_url;
	var controller = "section/";
	var cFunction ="changeToggleStatus/";
	var newURL = baseURL + controller + cFunction;
	$.ajax({
		type: "POST",
		url: newURL,
		data: 'name=' + name
	});
	
	
}
/* 
@description	setup drag and drop functionality
---------------------------------------------------------*/
objAdmin.dragItems=function(col1,col2,typeId,itemId,itemTypeId,type,div){
	
	objAdmin.col1=col1;
	objAdmin.col2=col2;	
	objAdmin.typeId=typeId;
	objAdmin.itemId=itemId;
	objAdmin.itemTypeId=itemTypeId;
	objAdmin.type=type;
	objAdmin.div=div;	
	objAdmin.holderDiv="assign";
		
	$("ul#col01").sortable({ 
		helper: 'clone',
		appendTo: 'body',
	    connectWith: ["ul#col02	"],
		handle:"div.handle",
		opacity: 	0.6,
		zindex: 0,
		stop:	function(e, ui){			
			objAdmin.changeAssignment();
		}
	});	 
	
	$("ul#col02	").sortable({ 
		helper: 'original',
		appendTo: 'body',
	    connectWith: ["ul#col01"],
		handle:"div.handle",
		opacity: 	0.6,
		zindex: 0,	
		stop:	function(e, ui){			
			objAdmin.changeAssignment();
		}
	});
	
	
	/*Styling for the helper*/
	
	$("ul#col02").bind("sortstart", function(e , el){
		$(el.helper).css("list-style","none"),
		$(el.helper).css("overflow","hidden"),
		$(el.helper).css("width","130px")
	} )
	
	$("ul#col01").bind("sortstart", function(e , el){
		$(el.helper).css("list-style","none"),
		$(el.helper).css("overflow","hidden"),
		$(el.helper).css("width","130px")
	} )

}

/* ------------------------------------------------------
@description	setup auto complete text box functionality

@param	selected string from text field
@param	query	query to run to find results
@param	field	field to return
@param	type	the type of item to link to
@param	subQuery	query to pump result into if assigning data
@param	divIdentifier	int to indentify the div to popluate 
---------------------------------------------------------*/
objAdmin.lookup=function(query,selected,field,type,subQuery,divIdentifier) {
    var URL = objAdmin.admin_url + "assign/autocomplete";
    if(selected.length == 0) {
        // Hide the suggestion box.
        $('#suggestions'+divIdentifier).hide();
    } else {
    	selected = selected.replace("'", "");
    	$.ajax({
    		type: "POST",
    		url: URL,
    		data: 'selected='+selected+'&query='+query+'&mode='+objAdmin.mode+'&field='+field+'&subQuery='+subQuery+'&type='+type,
    		success: 
    		function(data){
    			if(data.length >0) {
    				$('#suggestions'+divIdentifier).show();
    				$('#autoSuggestionsList'+divIdentifier).html(data);
    			}
				else{
					$('#suggestions'+divIdentifier).hide();
				}
    		}
    	});			
    }
}
/* ------------------------------------------------------

@description	show a status messag

@param	message	message to dsiplay
---------------------------------------------------------*/
/*
(function() {
	var s=document.createElement('script');
	s.setAttribute('src','http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js');
	if(typeof jQuery!='undefined') {
		var msg='This page already using jQuery v' + jQuery.fn.jquery;
	} else {
		document.getElementsByTagName('head')[0].appendChild(s);
		var msg='This page is now jQuerified'
	}
	
	var el=document.createElement('div');
	el.style.position='fixed';
	el.style.height='30';
	el.style.width='200';
	el.style.margin='0 auto 0 auto';
	el.id='jq-kswedberg';
	el.style.top='0';
	el.style.left='40%';
	el.style.padding='5px 10px 5px 10px';
	el.style.backgroundColor='#f99';
	el.innerHTML=msg;
	var b=document.getElementsByTagName('body')[0];
	b.appendChild(el);
	
})();*/

objAdmin.showStatus=function(message){
	var height=document.documentElement.clientHeight;	
	$('#status').height(height);
	$('#messagebox').height('200px');	
	
	var holder = document.getElementById("messagebox");
	var newDiv = document.createElement("div");
	newDiv.innerHTML = "<p>"+message+"</p>";
	newDiv.setAttribute("id", "message");
	holder.appendChild(newDiv);	
	
	$("#messagebox").show("slow");
	
	// reset session
	var baseURL = objAdmin.admin_url;
	var controller = "section/";
	var cFunction ="resetStatus/";
	var newURL = baseURL + controller + cFunction;
	$.ajax({
		type: "POST",
		url: newURL
	});	
	
	window.setTimeout(function() {
		jQuery('#status').fadeOut('slow');
	}, 1500);
	
}

objAdmin.populateInput= function (value){
	
	var input = document.getElementById("autocomplete_field");

	input.value=value;	
	$('#suggestions1').hide();
	
}
/* ------------------------------------------------------
@description	hide a div

@param	id	id of div to hide
---------------------------------------------------------*/
objAdmin.hide=function(id){
	var element = document.getElementById(id);
	element.style.display="none";	
	
}
/* ------------------------------------------------------
@description	fill the autuo complete field with data
---------------------------------------------------------*/
objAdmin.fill=function (thisValue) {
    $('#inputString').val(thisValue);
   $('#suggestions').hide();
}

/* ------------------------------------------------------
@description	assign books
---------------------------------------------------------*/
objAdmin.assignBooks=function (id) {
	var tagElement = document.getElementById('tags');
	var limitElement = document.getElementById('limit');
	var typeElement = document.getElementById('typeId');
	if(tagElement.value.lenght!=0 && limitElement.value.length!=0){
		var baseURL = objAdmin.admin_url;	
		var url = baseURL+"book/assign_books";
		$.ajax({
			type: "POST",
			url: url,
			data: 'tags=' + tagElement.value+'&id=' + id+'&limit='+limitElement.value+'&type='+typeElement.value,
			success: objAdmin.reloadPage
		});
	}
	else{
		alert("Please enter valid entries");
	}
	
	
}