/* 	Copyright 2007 by Sherlock Torres Bactin, Filipiniana.Net
	This script is under GNU-GPL license
	feel free to use, modify this script
	This comment should not be modified or removed	
*/


/********************Init containers***************/

	function initBuckets(){
		var grabtext = document.createElement('input');
		grabtext.setAttribute('type','hidden');
		grabtext.setAttribute('id','selectedtext');
		grabtext.setAttribute('name','selectedtext');
		document.body.appendChild(grabtext);
		
		var collector = document.createElement('div');
		collector.setAttribute('id','toolmarker');
		collector.setAttribute('style','background-color:none;padding:0px; margin:0px;');		

		var organizer = document.createElement('div');
		organizer.setAttribute('id','organizer');
		organizer.setAttribute('style','background-color:none;padding:0px; margin:0px;');		

		var papercreator = document.createElement('div');
		papercreator.setAttribute('id','papercreator');
		papercreator.setAttribute('style','background-color:none;padding:0px; margin:0px;');		

		var projectCreator = document.createElement('div');
		projectCreator.setAttribute('id','projectcreator');
		projectCreator.setAttribute('style','background-color:none;padding:0px; margin:0px;');
			
		document.body.appendChild(collector);
		document.body.appendChild(organizer);
		document.body.appendChild(papercreator);
		document.body.appendChild(projectCreator);
	}



	floatX=30;
	floatY=110;
	layerwidth=165;
	layerheight=130;
	halign="right";
	valign="top";
	delayspeed=1;
		
// This script is copyright (c) Henrik Petersen, NetKontoret
// Feel free to use this script on your own pages as long as you do not change it.
// It is illegal to distribute the script as part of a tutorial / script archive.
// Updated version available at: http://www.echoecho.com/toolfloatinglayer.htm
// This comment and the 4 lines above may not be removed from the code.


/**********************TOOL MOVEMENTS***********************/

	NS6=false;
	IE4=(document.all);
	if (!IE4) {NS6=(document.getElementById);}
	NS4=(document.layers);
			
	function adjust() {
		if ((NS4) || (NS6)) {
			if (lastX==-1 || delayspeed==0)
			{
				lastX=window.pageXOffset + floatX;
				lastY=window.pageYOffset + floatY;
			}
			else
			{
				var dx=Math.abs(window.pageXOffset+floatX-lastX);
				var dy=Math.abs(window.pageYOffset+floatY-lastY);
				var d=Math.sqrt(dx*dx+dy*dy);
				var c=Math.round(d/10);
				if (window.pageXOffset+floatX>lastX) {lastX=lastX+delayspeed+c;}
				if (window.pageXOffset+floatX<lastX) {lastX=lastX-delayspeed-c;}
				if (window.pageYOffset+floatY>lastY) {lastY=lastY+delayspeed+c;}
				if (window.pageYOffset+floatY<lastY) {lastY=lastY-delayspeed-c;}
			}
			if (NS4){
				document.layers['floatlayer'].pageX = lastX;
				document.layers['floatlayer'].pageY = lastY;
			}
			if (NS6){
				document.getElementById('floatlayer').style.left=lastX;
				document.getElementById('floatlayer').style.top=lastY;
			}
		}else if (IE4){
				if (lastX==-1 || delayspeed==0)
				{
				lastX=document.body.scrollLeft + floatX;
				lastY=document.body.scrollTop + floatY;
				}
				else
				{
					var dx=Math.abs(document.body.scrollLeft+floatX-lastX);
					var dy=Math.abs(document.body.scrollTop+floatY-lastY);
					var d=Math.sqrt(dx*dx+dy*dy);
					var c=Math.round(d/10);
					if (document.body.scrollLeft+floatX>lastX) {lastX=lastX+delayspeed+c;}
					if (document.body.scrollLeft+floatX<lastX) {lastX=lastX-delayspeed-c;}
					if (document.body.scrollTop+floatY>lastY) {lastY=lastY+delayspeed+c;}
					if (document.body.scrollTop+floatY<lastY) {lastY=lastY-delayspeed-c;}
				}
				document.all['floatlayer'].style.posLeft = lastX;
				document.all['floatlayer'].style.posTop = lastY;
		}
		setTimeout('adjust()',50);
	}
			
		
	function define()
	{
		if ((NS4) || (NS6))
		{
			if (halign=="left") {floatX=ifloatX};
			if (halign=="right") {floatX=window.innerWidth-ifloatX-layerwidth-20};
			if (halign=="center") {floatX=Math.round((window.innerWidth-20)/2)-Math.round(layerwidth/2)};
			if (valign=="top") {floatY=ifloatY};
			if (valign=="bottom") {floatY=window.innerHeight-ifloatY-layerheight};
			if (valign=="center") {floatY=Math.round((window.innerHeight-20)/2)-Math.round(layerheight/2)};
		}
		if (IE4)
		{
			if (halign=="left") {floatX=ifloatX};
			if (halign=="right") {floatX=document.body.offsetWidth-ifloatX-layerwidth-20}
			if (halign=="center") {floatX=Math.round((document.body.offsetWidth-20)/2)-Math.round(layerwidth/2)}
			if (valign=="top") {floatY=ifloatY};
			if (valign=="bottom") {floatY=document.body.offsetHeight-ifloatY-layerheight}
			if (valign=="center") {floatY=Math.round((document.body.offsetHeight-20)/2)-Math.round(layerheight/2)}
		}
	}
			
   //<![CDATA[
	var myStartEffect = function(element) {
		 element._opacity = Element.getOpacity(element);
		 new Effect.Opacity(element, {duration:0.2, from:element._opacity, to:0.7});
		 new Effect.Highlight(element, {});
	}
   //]]>	 
   
	function getSel(){
		var w=window,d=document,gS='getSelection';
		var strSelect = (''+(w[gS]?w[gS]():d[gS]?d[gS]():d.selection.createRange().text)).replace(/(^\s+|\s+$)/g,'');
		//if(strSelect.length > 0){
		  document.getElementById("selectedtext").value = strSelect; 
		//}
	}
	
	function getPosition(e) {
		e = e || window.event;
		var cursor = {x:0, y:0};
		if (e.pageX || e.pageY) {
			cursor.x = e.pageX;
			cursor.y = e.pageY;
		} 
		else {
			var de = document.documentElement;
			var b = document.body;
			cursor.x = e.clientX + 
				(de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0);
			cursor.y = e.clientY + 
				(de.scrollTop || b.scrollTop) - (de.clientTop || 0);
		}
	
		var d=document.getElementById("toolmarker");			
			//strToolBarMenu ='<iframe allowtransparency="true" src="http://192.168.1.51:8085/Filipiniana.NET/popMenu.jsp?cs='+document.getElementById("selectedtext").value+'" marginwidth="0" marginheight="0" scrolling="no" hspace="0" frameborder="0" vspace="0" height="115" width="115" style="position:absolute; left:'+cursor.x+'px; top:'+cursor.y+'px;" ></iframe>';
			  strToolBarMenu = '<div style="position:absolute; left:'+cursor.x+'px; top:'+cursor.y+'px;"><table border="0" cellpadding="0" cellspacing="0" style="float:left;background-color:#BED194;" id="tool"><tr><td id="side"><img id="im" src="images/tool.JPG" style="margin:0px;border:0px;" /></td><td valign="top"><table border="0" cellpadding="5" cellspacing="0"><tr><td class="toolMenu" valign="top" ><a href="#" onclick="reloadToolBar();resetPopupTool();return false;"><font color="#000000">Collect</font></a><hr></td></tr><tr><td class="toolMenu" valign="top" id="mnu">About the Tool</td></tr></table></td></tr></table></div>';
			  
		if( document.getElementById("selectedtext").value != "")
			d.innerHTML= strToolBarMenu;
		else
		    d.innerHTML = "";
	}
		
	function makeDraggable(){
		new Draggable('papercreator', {starteffect:myStartEffect});
		//new Draggable('organizer', {starteffect:myStartEffect});			
		new Draggable('organizer', {revert:true});
	}

	
	/***************TOOL BAR**************/
	
   	function loadToolBar(){
		 var iframe= document.getElementById("mytoolbar");
		 iframe.src= "http://192.168.1.51:8085/Filipiniana.NET/toolBar.jsp";
	}

	function reloadToolBar(){
	  var iframe= document.getElementById("mytoolbar");
	  iframe.src = "http://192.168.1.51:8085/Filipiniana.NET/toolBar.jsp?snippet="+document.getElementById("selectedtext").value;
	  iframe.src+="&artifacttype="+document.getElementById("artifacttype").value;
	  iframe.src+="&volume="+document.getElementById("volume").value;
	  iframe.src+="&username="+document.getElementById("username").value;
	  iframe.src+="&segmentid="+document.getElementById("segmentid").value;
	  iframe.src+="&pageno="+document.getElementById("pageno").value;
	  iframe.src+="&catid="+document.getElementById("catid").value;
	  iframe.src+="&chapternumber="+document.getElementById("chapternumber").value;
	  iframe.src+="&aid="+document.getElementById("aid").value;	
	  //contentDocument.location.reload(1);
		 //alert(iframe.contentWindow.parent.document.getElementById('selectedtext').value); //.contentDocument.body.innerHTML;
		 //alert(method2);
			//myToolBar.contentDocument.location.reload(1);
	}
	function hideToolBar(){		
		var f_layer = document.getElementById("floatlayer");
		  if(IE4){
			floatX = document.body.clientWidth - 410;
//			alert('This beta version of KOOL Tools works well in Safari and Mozilla Firefox Browsers.\n If you are using IE, some of its functionalities may not work. For more info and questions please email developer@Filipiniana.net. Thank You!');
			floatY = 65;
		  }else{	  	
			floatX = window.innerWidth - 410;	
			floatY = 65;			
		  }
f_layer.innerHTML = '<table border="0" cellpadding="0" cellspacing="0"><tr><td><a href="#" onclick="createProject(); return false;"><img src="images/proj.png" title="New Project" border="0" /></a></td><td align="center"><a href="#" onclick="organizeItems(); return false;"><img src="images/org.png" border="0" title="Organize Snippets" /></a></td><td align="right"><a href="#" onclick="openPaperCreator(); return false;"><img src="images/write.png" border="0" title="Create or Edit Paper" /></a></td></tr><tr><td colspan="3"><img src="images/maximizetoolbar.png" border="0" style="cursor:pointer;margin:0px;" border="0" onclick="maximizeToolBar();setToolBarMaxSize();" /></td></tr></table>';
		/*f_layer.innerHTML = '<table><tr><td><a href="#" onclick="createProject(); return false;"><img src="images/proj.gif" title="New Project" border="0" /></a></td><td rowspan="3"><img src="images/maximizetoolbar.gif" border="0" style="cursor:pointer;" border="0" onclick="maximizeToolBar();setToolBarMaxSize();" /></td></tr><tr><td><a href="#" onclick="organizeItems(); return false;"><img src="images/org.gif" border="0" title="Organize Snippets" /></a></td></tr><tr><td><a href="#" onclick="openPaperCreator(); return false;"><img src="images/write.gif" border="0" title="Create or Edit Paper" /></a></td></tr></table>';*/
		minimizeToolBar();
		
	}
	
	function maximizeToolBar(){
		var toolbar = document.getElementById('toolbarplace');		
		var f_layer = document.getElementById("floatlayer");
		if(IE4){
		f_layer.innerHTML = '<div id="toolbar" width="165" style="background-color:none;"><table border="0" cellpadding="0" cellspacing="0"><tr><td  style="background:url(images/bar2_01.gif) no-repeat left; background-color:none; margin:0px; padding:0px; width:18px; height:29px; cursor:move;"></td><td class="normaltext" width="80%" style="background:url(images/middle.gif) repeat-x; cursor:move;" align="center"><b><font color="#FFFFFF">SKOOL Tools</font></b></td><td style="background:url(images/bar2_03.gif) no-repeat; background-color:none; margin:0px; padding:0px; width:21px; height:29px; cursor:move;"><div align="left" title="Minimize" style="cursor:pointer" onclick="hideToolBar();">&raquo;</div></td></tr><tr><td bgcolor="#e3e3e3" colspan="3"><div align="right" class="normaltext"><u><a href="http://192.168.1.51:8085/Filipiniana.NET/logoutPortal.jsp">Log out</a></u>&nbsp;&nbsp;&nbsp;</div><div class="space">&nbsp;</div><table width="95%" align="center" style="border-collapse:collapse;padding:5px;" border="1" width="100%"><tr><td width="33%"><div align="center" class="resulttext"> <u><a href="#" onclick="createProject(); return false;"><img src="images/proj.gif" border="0" title="New Project" /></a></u></div></td><td width="33%"><div align="center" class="resulttext"><u><a href="#" onclick="organizeItems(); return false;"><img src="images/org.gif" border="0" title="Organize Snippets" /></a></u></div></td><td width="33%"><div align="center" class="resulttext"><u><a href="#" onclick="openPaperCreator(); return false;"><img src="images/write.gif" border="0" title="Create or Edit Paper" /></a></u></div></div></td></tr><!--<tr><td><a href="#" onclick="createProject(); return false;" class="resulttext">New Project</a></td><td>Organize</td><td>Editor</td></tr>--></table><div class="space">&nbsp;</div></td></tr><tr><td bgcolor="#e3e3e3" colspan="3"><iframe id="mytoolbar" name="mytoolbar" marginwidth="0" marginheight="0" scrolling="auto" hspace="0" vspace="0" width="189" height="350" style="background-color:#e3e3e3" frameborder="0"></iframe><div style="background-color:#9acd9a; padding:5px;" class="smallertext">&copy; 2007 by FILIPINIANA.NET </div></td></tr></table></div>';
		}else{
		f_layer.innerHTML = '<div id="toolbar" style="background-color:none;"><table border="0" cellpadding="0" cellspacing="0"><tr><td  style="background:url(images/bar2_01.gif) no-repeat left; background-color:none; margin:0px; padding:0px; width:18px; height:29px; cursor:move;"></td><td class="normaltext" style="background:url(images/middle.gif) repeat-x; cursor:move;" align="center"><b><font color="#FFFFFF">SKOOL Tools</font></b></td><td style="background:url(images/bar2_03.gif) no-repeat; background-color:none; margin:0px; padding:0px; width:21px; height:29px; cursor:move;"><div align="left" title="Minimize" style="cursor:pointer" onclick="hideToolBar();">&raquo;</div></td></tr><tr><td bgcolor="#e3e3e3" colspan="3"><div align="right" class="normaltext"><u><a href="http://192.168.1.51:8085/Filipiniana.NET/logoutPortal.jsp">Log out</a></u>&nbsp;&nbsp;&nbsp;</div><div class="space">&nbsp;</div><table width="95%" align="center" style="border-collapse:collapse;padding:5px;" border="1" width="100%"><tr><td width="33%"><div align="center" class="resulttext"> <u><a href="#" onclick="createProject(); return false;"><img src="images/proj.gif" border="0" title="New Project" /></a></u></div></td><td width="33%"><div align="center" class="resulttext"><u><a href="#" onclick="organizeItems(); return false;"><img src="images/org.gif" border="0" title="Organize Snippets" /></a></u></div></td><td width="33%"><div align="center" class="resulttext"><u><a href="#" onclick="openPaperCreator(); return false;"><img src="images/write.gif" border="0" title="Create or Edit Paper" /></a></u></div></div></td></tr><!--<tr><td><a href="#" onclick="createProject(); return false;" class="resulttext">New Project</a></td><td>Organize</td><td>Editor</td></tr>--></table><div class="space">&nbsp;</div></td></tr><tr><td bgcolor="#e3e3e3" colspan="3"><iframe id="mytoolbar" name="mytoolbar" marginwidth="0" marginheight="0" scrolling="auto" hspace="0" vspace="0" width="189" height="350" style="background-color:#e3e3e3" frameborder="0"></iframe><div style="background-color:#9acd9a; padding:5px;" class="smallertext">&copy; 2007 by FILIPINIANA.NET </div></td></tr></table></div>';
						
		}
		new Draggable("toolbar", {starteffect:myStartEffect});
		toolbar.style.width = '165px';
		
	}


	function minimizeToolBar(){
		var toolbar = document.getElementById('toolbarplace');
		toolbar.style.width = '0px';		
		
	}	
	function setToolBarMaxSize(){
	  if(IE4){
		floatX = document.body.clientWidth - 230;
	  }else{	  	
		floatX = window.innerWidth - 230;	
	  }
		loadToolBar();
	}
	/***************PAPER CREATOR*************/
	
	function openPaperCreator(){
		var paperCreator = document.getElementById("papercreator");
		strPaperCreator =  '<div style="left:'+(20)+';top:'+(5)+'; position:absolute; background-color:none"><div align="right" style="position:absolute; top:6;left:'+(window.screen.width-220)+'" class="resulttext"><input type="button" style="font-size:9px;" onclick="organizeItems(); minimizePaperCreator(); return false;" value="Organize" /> <input type="button" style="font-size:9px;" onclick="minimizeOrganize();minimizePaperCreator(); return false;" value="Tool Bar" /> <a href="#" onclick="minimizePaperCreator(); return false;"><img src="images/close.gif" border = "0" /></a></div>';
			strPaperCreator += '<iframe src="http://192.168.1.51:8085/Filipiniana.NET/createPaper.jsp" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" hspace="0" vspace="0" width="'+(window.screen.width-60)+'" height="'+( (IE4) ?document.body.clientWidth - 20 : window.innerHeight-20)+'"></frame><div style="background-color:#9acd9a; padding:5px;" class="browsetext2">&copy; 2007 by FILIPINIANA.NET </div></div>';
			paperCreator.innerHTML = strPaperCreator;
	}
	
	function minimizePaperCreator(){
		var paperCreator = document.getElementById("papercreator");
		paperCreator.innerHTML = "";
	}
	
	
	/***************ORGANIZE************************/
	
	function organizeItems(){
		var organizer = document.getElementById("organizer");
		strOrganizer = '<div id="innerOrg" style="left:'+(100)+';top:'+(10)+';  position:absolute; background-color:none;"><div align="right" style="position:absolute; top:6;left:'+(window.screen.width-440)+'" class="resulttext"> <input type="button" style="font-size:9px;" onclick="openPaperCreator();minimizeOrganize(); return false;" value="Editor" /> <input type="button" style="font-size:9px;" onclick="minimizeOrganize();minimizePaperCreator(); return false;" value="Tool Bar" /> <a href="#" onclick="minimizeOrganize(); return false;"><img src="images/close.gif" border = "0" /></a></div>';
			strOrganizer += '<iframe src="http://192.168.1.51:8085/Filipiniana.NET/organizeCollectedItems.jsp" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" hspace="0" vspace="0" width="'+(window.screen.width-300)+'" height="550"></frame></div>';
			strOrganizer +='<script type="text/javascript" charset="utf-8">	new Draggable(\'innerOrg\', {starteffect:myStartEffect}); </script>';
			
			organizer.innerHTML = strOrganizer;
			//alert(organizer.innerHTML);
	}
	
	function minimizeOrganize(){
			var organizer = document.getElementById("organizer");
			organizer.innerHTML = "";
	}
	
	
	/**********COLLECTOR********************/
	
	function resetPopupTool(){
			document.getElementById("toolmarker").innerHTML = "";
			document.getElementById("selectedtext").value="";
	}
	
	/***********PROJECT*************************/
	
	function minimizeProjectCreator(){
		var projectCreator = document.getElementById("projectcreator");
		projectCreator.innerHTML = "";
	}

	function createProject(){
		var projectCreator = document.getElementById("projectcreator");
		strProjectCreator =  '<div style="left:'+((window.screen.width/2)-100)+';top:'+(50)+'; position:absolute; background-color:none"><div align="right" style="position:absolute; top:15;left:'+((window.screen.width/2)-230)+'" class="resulttext"><a href="#" onclick="minimizeProjectCreator(); return false;"><img src="images/close.gif" border = "0" /></a></div>';
			strProjectCreator += '<iframe src="http://192.168.1.51:8085/Filipiniana.NET/tool/createProject.jsp" marginwidth="0" marginheight="0" scrolling="auto" frameborder="0" hspace="0" vspace="0" width="'+(300)+'" height="'+(200)+'"></frame></div>';
			projectCreator.innerHTML = strProjectCreator;

	}


/*******************CATEGORY******************/

	function createNewFolder(){
		var newFolderDialog = document.createElement('div');	
		newFolderDialog.setAttribute('id','newfolder');
		newFolderDialog.setAttribute('style','background-color:none;padding:0px; margin:0px;');
		
		var frmDialog = '<iframe src="" marginwidth="0" marginheight="0" scrolling="auto" frameborder="0" hspace="0" vspace="0" width="'+(window.screen.width-500)+'" height="'+(window.screen.height-500)+'">';
		newFolderDialog.innerHTML = frmDialog;
		
		document.body.appendChild(newFolderDialog);

	}