function getSelectionId(text, li) {
	var keyword=li.id;
	var gender = get_cookie ( "gender" );
	
	document.getElementById('builderideas').value="cat=0"	
		
	what="builder_pages.php?cat=0&gender="+gender+"&keyword="+keyword;
	//alert(what);
	acbuilder(what);
}

function acbuilder(what) {
	document.getElementById('builderpages').innerHTML ="<table height=400px; width=300px; bgcolor=#ffffff align=center valign=center><tr><td align=center style='color:#6b0f0f;font-size:20px;'><img src=./images/loading.gif></td></tr></table>";
	new Ajax.Request(what, {
	  onComplete: function(response) {
			//document.getElementById('builderpages').innerHTML=response.responseText;
			
			var results = response.responseText;
			var resultsarray=results.split("~");
			var pageresults=resultsarray[1];
			var slimit=resultsarray[2];
			var elimit=resultsarray[3];
			var totalpages=resultsarray[4];
			var nextideas=resultsarray[5];
			var prevideas=resultsarray[6];
			//alert(totalpages);
			document.getElementById('slimit').innerHTML=slimit;
			document.getElementById('elimit').innerHTML=elimit;
			document.getElementById('totalpages').innerHTML=totalpages;
			document.getElementById('builderpages').innerHTML=pageresults;
			document.getElementById('nextideas').innerHTML=nextideas;
			document.getElementById('prevideas').innerHTML=prevideas;
			
			}					
	});
}

function viewbuilder(what,nav,start,end) {
	cat = document.getElementById('builderideas').value;
	what=what + "?" + cat+ "&slimit="+start+"&elimit="+end+"&nav="+nav;
	//alert (what);
	document.getElementById('builderpages').innerHTML ="<table height=400px; width=300px; bgcolor=#ffffff align=center valign=center><tr><td align=center style='color:#6b0f0f;font-size:20px;'><img src=./images/loading.gif></td></tr></table>";
	document.getElementById('autocomplete').value="Search all pages..."	
	new Ajax.Request(what, {
	  onComplete: function(response) {
		 
			var results = response.responseText;
			var resultsarray=results.split("~");
			var pageresults=resultsarray[1];
			var slimit=resultsarray[2];
			var elimit=resultsarray[3];
			var totalpages=resultsarray[4];
			var nextideas=resultsarray[5];
			var prevideas=resultsarray[6];
			//alert(totalpages);
			document.getElementById('slimit').innerHTML=slimit;
			document.getElementById('elimit').innerHTML=elimit;
			document.getElementById('totalpages').innerHTML=totalpages;
			document.getElementById('builderpages').innerHTML=pageresults;
			document.getElementById('nextideas').innerHTML=nextideas;
			document.getElementById('prevideas').innerHTML=prevideas;
			}				
	});
}


function viewgender(what,gender) {
showtab(gender);
document.cookie = "gender=" + gender;
	var cat = document.getElementById('builderideas').value;
	var keyword = document.getElementById('autocomplete').value;
	
	if (keyword =='Search all pages...'){
		keyword = '';
	}
	
	what=what + "?"+cat+"&keyword="+keyword+"&gender="+gender;
	//alert(what);
	
	document.getElementById('builderpages').innerHTML ="<table height=400px; width=300px; bgcolor=#ffffff align=center valign=center><tr><td align=center style='color:#6b0f0f;font-size:20px;'><img src=./images/loading.gif></td></tr></table>";
	//document.getElementById('autocomplete').value="Search all pages..."	
	new Ajax.Request(what, {
	  onComplete: function(response) {
			var results = response.responseText;
			var resultsarray=results.split("~");
			var pageresults=resultsarray[1];
			var slimit=resultsarray[2];
			var elimit=resultsarray[3];
			var totalpages=resultsarray[4];
			var nextideas=resultsarray[5];
			var prevideas=resultsarray[6];
			//alert(totalpages);
			document.getElementById('slimit').innerHTML=slimit;
			document.getElementById('elimit').innerHTML=elimit;
			document.getElementById('totalpages').innerHTML=totalpages;
			document.getElementById('builderpages').innerHTML=pageresults;
			document.getElementById('nextideas').innerHTML=nextideas;
			document.getElementById('prevideas').innerHTML=prevideas;
			}					
	});
}

function clearsearch(){
searchtext=document.getElementById('autocomplete').value;
//alert(searchtext);
	if (searchtext=="Search all pages..."){
				document.getElementById('autocomplete').value=""	
		}else{
		
		}
}

function pageEditReturn(pageEdited,pageId,bookPageId) {
	var fromPage = document.getElementById('fromPage').value;
	
		var obj=$('flexback');
		obj.parentNode.removeChild(obj);

		

	
		if (fromPage=='1'){
			//document.getElementById('fade').style.display='none';
			//document.getElementById('flexeditor').style.display='none';
			//document.getElementById('flexapp').style.display='none';	

			var updating=bookPageId+"_pageimage";
			document.getElementById(updating).innerHTML="<img src=./images/updating.gif>";
		}else{
			//document.getElementById('flexeditor').style.display='none';
			//document.getElementById('flexapp').style.display='none';
			
			//document.getElementById('builder').style.display='block';	
			
			document.getElementById('fadeback').style.display='block';
			document.getElementById('preview').style.display='block';

		
			//document.getElementById('pageview').style.display='block';
			var updating="viewimage_"+bookPageId;
			document.getElementById(updating).innerHTML ="<table width=324px height=495px bgcolor=#ffffff align=center valign=center><tr><td align=center style='color:#6b0f0f;font-size:20px;'><img src=./images/updating_large.gif></td></tr></table>";	
		}
	//document.getElementById('BuilderFooter').style.display='block';
	what="./process_book.php?action=updatepage&BookPagesID="+bookPageId+"&fromPage="+fromPage;
	what=what+"&sid="+Math.random();
			
	new Ajax.Request(what, {
	  onComplete: function(response) {
			var bookpageid = response.responseText;
		//alert(bookpageid);
			var bp1array=bookpageid.split("~");
			var fromPage=bp1array[1];
			
			var test=bp1array[0];
//alert(test);
			var bookpage=bp1array[2];
			var newimage=bp1array[3];
			
			if (fromPage=='1'){
				document.getElementById(bookpage).innerHTML=newimage;
			}else{
				var viewbookpage=bp1array[4];
				var viewnewimage=bp1array[5];
			
				document.getElementById(viewbookpage).innerHTML=viewnewimage;		
				document.getElementById(bookpage).innerHTML=newimage;
			}	
		}
	  
	});
}


function viewpage(el,viewtype) {
	//document.getElementById('fade').style.display='block';

	//   new Effect.Fade('fade', 
	//	   {duration:1, from:0, to:.8});
	   
	//document.getElementById('pageview').style.display='block';
	
	
	var obj=$('fadeback');
	
	if (obj){
		obj.parentNode.removeChild(obj);
	}
	fadediv('fadeback');
	
	popupdiv('975','550','0','preview','fadeback');	
	
	
	what="./process_book.php?action="+viewtype+"&BookPagesID="+el;
	what=what+"&sid="+Math.random();
	//alert (what);
	
	//if (viewtype=='viewpage'){
	var content="<table border=0 cellspacing=0 cellpadding=0 align=center style='background-color:#73aaff;' width=440px height=550px >";
	content=content+"<tr height=5px><td colspan=3 width=440px align=center></a>";
	content=content+"</td></tr>";
	content=content+"<tr>";
	content=content+"<td width=50px style='width:50px;'></td>";
	content=content+"<td width=338px height=500px align=center style='border: 1px solid black; background-color:#ffffff;' >";
	content=content+"<img src='./images/updating_large.gif'>";
	content=content+"</td>";
	content=content+"<td width=50px'></td>";
	content=content+"</tr>";
	content=content+"<tr>";
	content=content+"<td colspan=5 align=center>";
	content=content+"<table border=0 cellspacing=0 cellpadding=0 align=center style='background-color:#73aaff;' width=440px height=40px>";
	content=content+"<tr>";	
	content=content+"<td width=120px></td>";
	content=content+"<td width=100px height=40px align=center</td>";
	content=content+"<td width=100px></td>";
	content=content+"<td width=100px height=40px align=center></td>";
	content=content+"<td width=120px></td>";
	content=content+"</tr>";
	content=content+"</table>";
	content=content+"</td>";
	content=content+"</tr></table>";
	//}else{
	//var updating = "viewimage_"+el;
	//document.getElementById(updating).innerHTML ="<table width=324px height=495px bgcolor=#ffffff align=center valign=center><tr><td align=center style='color:#6b0f0f;font-size:20px;'><img src=./images/updating_large.gif></td></tr></table>";	
	//}
	document.getElementById('preview').innerHTML = content;	
	new Ajax.Request(what, {
	  onComplete: function(response) {
		  //alert(response.responseText);
			document.getElementById('preview').innerHTML=response.responseText;
			}				
	});		
}
	
function deletepage(bookPageId) {
	var r=confirm("Are you sure you want to delete this page?");
	if (r==true)
	  {
		what="./process_book.php?action=deletepage&pageId="+bookPageId;
		what=what+"&sid="+Math.random();
		var updating=bookPageId+"_pageimage";
		document.getElementById(updating).innerHTML="<img src=./images/deleting.gif>";

		new Ajax.Request(what, {
		  onComplete: function(response) {
			bookpageid=response.responseText;
			bp1array=bookpageid.split("~");
			bp1=bp1array[1];
			var pagecount=bp1array[2];
			
			document.getElementById('checkpagecount').value=pagecount;
			document.getElementById('pagecount').innerHTML="Pages: <b>"+pagecount+"</b>";	
			var maindiv = document.getElementById('bookpageOrder');
			var removediv = document.getElementById(bp1);
			maindiv.removeChild(removediv);

			var a_p = "";
			var d = new Date();
			var curr_hour = d.getHours();
			if (curr_hour < 12)
			   {
			   a_p = "AM";
			   }
			else
			   {
			   a_p = "PM";
			   }
			if (curr_hour == 0)
			   {
			   curr_hour = 12;
			   }
			if (curr_hour > 12)
			   {
			   curr_hour = curr_hour - 12;
			   }

			var curr_min = d.getMinutes();

			curr_min = curr_min + "";

			if (curr_min.length == 1)
			   {
			   curr_min = "0" + curr_min;
			   }
			var lastsaved = curr_hour + ":" + curr_min + " " + a_p;

			document.getElementById('lastsaved').innerHTML="last saved: "+lastsaved;			
			
			new Effect.Highlight("pagecount", 
					  {
						startcolor: "#00ff00",
						endcolor: "#ffffff",
						restorecolor: "#ffffff",
						duration: 3
					  })		

			Sortable.destroy('bookpageOrder');
			
			Position.includeScrollOffsets = true;
					Sortable.create('bookpageOrder', { tag: 'div', overlap:'horizontal',constraint:false,   
						 onUpdate: function() {  
							new Ajax.Request("process_book.php?action=neworder", {
								method: "post",
								//onLoaded: function(){$('feedback').show()}, 
								parameters: { data: Sortable.serialize("bookpageOrder") }
							});
							//document.getElementById('feedback').innerHTML="Page Order Saved";
							//$('feedback').fade({ duration: 4, from: 1, to: 0 });
						}
					});			  
			}				
		});
	  }
}



function copypage(el) {
	what="./process_book.php?action=copypage&pageId="+el;
	what=what+"&sid="+Math.random();

	new Ajax.Request(what, {
	  onComplete: function(response) {

		bookpageid=response.responseText;
		
		bp1array=bookpageid.split("~");
		bp1=bp1array[1];
		bpdiv=bp1array[2];
		refNode=bp1array[4];

		var pagecount=bp1array[3];
		document.getElementById('checkpagecount').value=pagecount;
		document.getElementById('pagecount').innerHTML="Pages: <b>"+pagecount+"</b>";	
		
		
		var display = get_cookie ( "location" );
		var pageimage = get_cookie ( "pageimage" );
		
		var div = document.createElement("div");

		div.id=bp1;
		div.setAttribute('id',bp1);
		
		div.setAttribute("style","float:left");
		div.style.styleFloat = "left";
		
		div.style.height="126px";
		div.style.width="70px";
		
		div.innerHTML = bpdiv;

		var parent=document.getElementById("bookpageOrder");
		var refNodeid=document.getElementById(refNode);
		//alert(refNodeid);
		parent.insertBefore(div, refNodeid.nextSibling);
		
			var a_p = "";
			var d = new Date();
			var curr_hour = d.getHours();
			if (curr_hour < 12)
			   {
			   a_p = "AM";
			   }
			else
			   {
			   a_p = "PM";
			   }
			if (curr_hour == 0)
			   {
			   curr_hour = 12;
			   }
			if (curr_hour > 12)
			   {
			   curr_hour = curr_hour - 12;
			   }

			var curr_min = d.getMinutes();

			curr_min = curr_min + "";

			if (curr_min.length == 1)
			   {
			   curr_min = "0" + curr_min;
			   }
			var lastsaved = curr_hour + ":" + curr_min + " " + a_p;

			document.getElementById('lastsaved').innerHTML="last saved: "+lastsaved;
			
		new Effect.Highlight("pagecount", 
					  {
						startcolor: "#00ff00",
						endcolor: "#ffffff",
						restorecolor: "#ffffff",
						duration: 3
					  })		
		
		//$('feedback').show();
		//document.getElementById('feedback').innerHTML="A page copy has been saved to your LoveBook";
		//$('feedback').fade({ duration: 4, from: 1, to: 0 });
		
		Sortable.destroy('bookpageOrder');
		Position.includeScrollOffsets = true;
				Sortable.create('bookpageOrder', { tag: 'div', overlap:'horizontal',constraint:false,   
					 onUpdate: function() {  
						new Ajax.Request("process_book.php?action=neworder", {
							method: "post",
							//onLoaded: function(){$('feedback').show()}, 
							parameters: { data: Sortable.serialize("bookpageOrder") }
						});
						
						//document.getElementById('feedback').innerHTML="Page Order Saved";
						//$('feedback').fade({ duration: 4, from: 1, to: 0 });
					}
				});		  
		  
	
				
				
		}				
	});		
}

function addpage(where,image,el,from) {

	what="./process_book.php?action=addpage&pageId="+el;
	what=what+"&sid="+Math.random();

	new Ajax.Request(what, {
	  onComplete: function(response) {
			
		  if (from=='preview'){
			var obj=$('fadeback');
			
			if (obj){
				obj.parentNode.removeChild(obj);
			}
		  }
		  
			bookpageid=response.responseText;

			bp1array=bookpageid.split("~");
			var bp1=bp1array[1];
			var bpdiv=bp1array[2];
			var pagecount=bp1array[3];
			var test=bp1array[4];
			
			document.getElementById('checkpagecount').value=pagecount;
			document.getElementById('pagecount').innerHTML="Pages: <b>"+pagecount+"</b>";	
			//alert(bp1array);			
			var display = get_cookie ( "location" );
			var pageimage = get_cookie ( "pageimage" );
			
			var div = document.createElement("div");

			div.id=bp1;
			div.setAttribute('id',bp1);
			
			div.setAttribute("style","float:left");
			div.style.styleFloat = "left";
			div.style.height="126px";
			div.style.width="70px";
			div.innerHTML = bpdiv;
			
			document.getElementById("bookpageOrder").appendChild(div);

			var objDiv = document.getElementById("bookpageOrderContainer");
			objDiv.scrollTop = objDiv.scrollHeight;
			
			
			var bidb=bp1array[5]+"hudbottom";
			var bidt=bp1array[5]+"hudtop";
			//alert (bidb);
			new Effect.Highlight(bidt, 
				  {
					startcolor: "#b80707",
					endcolor: "#ffffff",
					//restorecolor: "#ffffff",
					duration: 3
				  })
			new Effect.Highlight(bidb, 
				  {
					startcolor: "#b80707",
					endcolor: "#ffffff",
					//restorecolor: "#ffffff",
					duration: 3
				  })
			
			var a_p = "";
			var d = new Date();
			var curr_hour = d.getHours();
			if (curr_hour < 12)
			   {
			   a_p = "AM";
			   }
			else
			   {
			   a_p = "PM";
			   }
			if (curr_hour == 0)
			   {
			   curr_hour = 12;
			   }
			if (curr_hour > 12)
			   {
			   curr_hour = curr_hour - 12;
			   }

			var curr_min = d.getMinutes();

			curr_min = curr_min + "";

			if (curr_min.length == 1)
			   {
			   curr_min = "0" + curr_min;
			   }
			var lastsaved = curr_hour + ":" + curr_min + " " + a_p;

			document.getElementById('lastsaved').innerHTML="last saved: "+lastsaved;
			//$('feedback').show();
			//document.getElementById('feedback').innerHTML="A Bilder page has been saved to your LoveBook";
			//$('feedback').fade({ duration: 4, from: 1, to: 0 });
			
			Sortable.destroy('bookpageOrder');
			Position.includeScrollOffsets = true;
					Sortable.create('bookpageOrder', { tag: 'div', overlap:'horizontal',constraint:false,   
						 onUpdate: function() {  
							new Ajax.Request("process_book.php?action=neworder", {
								method: "post",
								//onLoaded: function(){$('feedback').show()}, 
								parameters: { data: Sortable.serialize("bookpageOrder") }
							});
							//$('feedback').fade({ duration: 4, from: 1, to: 0 });
						}
					});

			  new Effect.Highlight("pagecount", 
				  {
					startcolor: "#00ff00",
					endcolor: "#ffffff",
					restorecolor: "#ffffff",
					duration: 3
				  })
					
		  
			}				
	});
}



function showflexapp(pageId,BookPagesID,frompage) {
	//document.getElementById('fade').style.display='block';
	//document.getElementById('flexapp').style.display='block';
	
	//document.getElementById('fadeback').style.display='none';
	//document.getElementById('preview').style.display='none';
	//document.getElementById('BuilderFooter').style.display='none';

	
	fadediv('flexback');
	popupdiv(975,600,1,'flexdiv','flexback');
	
	what="Flexapp.php?pageId="+pageId+"&BookPagesID="+BookPagesID+"&frompage="+frompage;
	what=what+"&sid="+Math.random();

	new Ajax.Request(what, {
	  onComplete: function(response) {
			//document.getElementById('flexapp').innerHTML=response.responseText;
			document.getElementById('flexdiv').innerHTML=response.responseText;
			document.getElementById('flexload').click();
			}				
	});
}


function showflexapptest(pageId,BookPagesID,frompage) {
	//document.getElementById('fade').style.display='block';
	//document.getElementById('flexapp').style.display='block';
	
	//document.getElementById('fadeback').style.display='none';
	//document.getElementById('preview').style.display='none';
	//document.getElementById('BuilderFooter').style.display='none';

	
	fadediv('flexback');
	popupdiv(975,600,1,'flexdiv','flexback');
	
	what="Flexapp-test.php?pageId="+pageId+"&BookPagesID="+BookPagesID+"&frompage="+frompage;
	what=what+"&sid="+Math.random();

	new Ajax.Request(what, {
	  onComplete: function(response) {
			//document.getElementById('flexapp').innerHTML=response.responseText;
			document.getElementById('flexdiv').innerHTML=response.responseText;
			document.getElementById('flexload').click();
			}				
	});
}


function showhud(page) {
	pagehudtop=page+"hudtop";
	pagehudtopoff=page+"hudtopoff";
	pagehudbottom=page+"hudbottom";
	pagehudbottomoff=page+"hudbottomoff";
	document.getElementById(pagehudtop).style.backgroundColor='#b80707';
	document.getElementById(pagehudbottom).style.backgroundColor ='#b80707';
}

function hidehud(page) {
	pagehudtop=page+"hudtop";
	pagehudtopoff=page+"hudtopoff";
	pagehudbottom=page+"hudbottom";
	pagehudbottomoff=page+"hudbottomoff";
	document.getElementById(pagehudtop).style.backgroundColor='#ffffff';
	document.getElementById(pagehudbottom).style.backgroundColor='#ffffff';
}