/* ************************************************************************************************
										Drag and drop and Treeview
 **************************************************************************************************/

rialto.dragTreeDemo=function(objPar){
	
	this.filename="dragTreeview.js";
	
	if(!objPar){
		var objPar={title : "Draggable Treeview" ,
					parent : document.body ,
					icone:'images/imgFenSimple/picto-gr_default.gif'
					}
	}
    this.simpleWindow=new rialto.widget.SimpleWindow(objPar);
	var oThis=this;
	
								    	
	var help = new rialto.widget.Image('../rialtoEngine/imagesDemo/idea.png','10','10',this.simpleWindow,"",'../rialtoEngine/imagesDemo/ktip.png');									    	
	var labHelp= new rialto.widget.Label("",15,30,this.simpleWindow,"TRY TO DRAG AND DROP NODE IN THE SAME TREE OR FROM ONE TO ANOTHER","libelleTip");
	labHelp.setVisible(false);
	help.onmouseover=function(){labHelp.setVisible(true);}
	help.onmouseout=function(){labHelp.setVisible(false);}

	
	//TREE WITH TARGET AND DRAG AND DROP BEHAVIOR
	var tree = new rialto.widget.Tree({name:'treeDossier',top:'80',left:'50',width:'300',height:'200',
									   parent:this.simpleWindow,boolSelActive:true,
									   rootOpen:true,withRoot:true,withT:true,
									   draggableNode:true,targetNode:true});
	nodeRoot =tree.createAndAddNode(tree.id,{name:'nodeRoot',text:'TARGET AND DRAG AND DROP BEHAVIOR',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:true,target:true});
	nodeRoot.setStyle({color:"#0069B3"});
	node =tree.createAndAddNode(nodeRoot.id,{name:'node1',text:'tree1 1',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:true,target:true});
	node =tree.createAndAddNode(node.id,{name:'node3',text:'tree1 1.1',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:true,target:true});
	node =tree.createAndAddNode(node.id,{name:'node3',text:'tree1 1.2',
													   icon:'images/imTreeview/puce.gif',
													   open:true,reload:false,
													   draggable:true,target:true});
	node =tree.createAndAddNode(nodeRoot.id,{name:'node2',text:'tree1 2',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:true,target:true});
	node =tree.createAndAddNode(node.id,{name:'node3',text:'tree1 2.1',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:true,target:true});
	node =tree.createAndAddNode(node.id,{name:'node4',text:'tree1 2.2',
													   icon:'images/imTreeview/puce.gif',
													   open:true,reload:false,
													   draggable:true,target:true});
													   
													   
	//TREE WITH ONLY TARGET BEHAVIOR
	var tree = new rialto.widget.Tree({name:'treeDossier',top:'80',left:'480',width:'300',height:'200',
									   parent:this.simpleWindow,boolSelActive:true,
									   rootOpen:true,withRoot:true,withT:false,
									   draggableNode:false,targetNode:true});
	nodeRoot =tree.createAndAddNode(tree.id,{name:'nodeRoot',text:'ONLY TARGET BEHAVIOR',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:false,target:true});
	nodeRoot.setStyle({color:"#0069B3"});													   
	node =tree.createAndAddNode(nodeRoot.id,{name:'node1',text:'tree2 1',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:false,target:true});
	node =tree.createAndAddNode(node.id,{name:'node3',text:'tree2 1.1',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:false,target:true});
	node =tree.createAndAddNode(node.id,{name:'node3',text:'tree2 1.2',
													   icon:'images/imTreeview/puce.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
	node =tree.createAndAddNode(nodeRoot.id,{name:'node2',text:'tree2 2',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false});
	node =tree.createAndAddNode(node.id,{name:'node3',text:'tree2 2.1',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:false,target:true});
	node =tree.createAndAddNode(node.id,{name:'node4',text:'tree2 2.2',
													   icon:'images/imTreeview/puce.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
													   
	//TREE WITHOUT BEHAVIOR
	var tree = new rialto.widget.Tree({name:'treeDossier',top:'330',left:'50',width:'300',height:'200',
									   parent:this.simpleWindow,boolSelActive:true,
									   rootOpen:true,withRoot:true,withT:true,
									   draggableNode:false,targetNode:false});
	nodeRoot =tree.createAndAddNode(tree.id,{name:'nodeRoot',text:'WITHOUT BEHAVIOR',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
	nodeRoot.setStyle({color:"#0069B3"});													   
	node =tree.createAndAddNode(nodeRoot.id,{name:'node1',text:'tree3 1',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
	node =tree.createAndAddNode(node.id,{name:'node3',text:'tree3 1.1',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
	node =tree.createAndAddNode(node.id,{name:'node3',text:'tree3 1.2',
													   icon:'images/imTreeview/puce.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
	node =tree.createAndAddNode(nodeRoot.id,{name:'node2',text:'tree3 2',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
	node =tree.createAndAddNode(node.id,{name:'node3',text:'tree3 2.1',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
	node =tree.createAndAddNode(node.id,{name:'node4',text:'tree3 2.2',
													   icon:'images/imTreeview/puce.gif',
													   open:true,reload:false,
													   draggable:false,target:false});

	//TREE WITH ONLY ONE NODE WITH TARGET BEHAVIOR
	var tree = new rialto.widget.Tree({name:'treeDossier',top:'330',left:'480',width:'300',height:'200',
									   parent:this.simpleWindow,boolSelActive:true,
									   rootOpen:true,withRoot:true,withT:true,
									   draggableNode:false,targetNode:true});
	nodeRoot =tree.createAndAddNode(tree.id,{name:'nodeRoot',text:'ONLY ONE NODE WITH TARGET BEHAVIOR',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
	nodeRoot.setStyle({color:"#0069B3"});													   
	node =tree.createAndAddNode(nodeRoot.id,{name:'node1',text:"I'm a target",
													   icon:'imagesDemo/ark2.png',
													   open:true,reload:false,
													   draggable:false,target:true});
	node.setStyle({fontWeight:"bold",left:45});													   
	node =tree.createAndAddNode(node.id,{name:'node3',text:'tree4 1.1',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
	node =tree.createAndAddNode(node.id,{name:'node3',text:'tree4 1.2',
													   icon:'images/imTreeview/puce.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
	node =tree.createAndAddNode(nodeRoot.id,{name:'node2',text:'tree4 2',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
	node =tree.createAndAddNode(node.id,{name:'node3',text:'tree4 2.1',
													   icon:'images/imTreeview/pict_synthetik_off.gif',icon2:'images/imTreeview/pict_synthetik_on.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
	node =tree.createAndAddNode(node.id,{name:'node4',text:'tree4 2.2',
													   icon:'images/imTreeview/puce.gif',
													   open:true,reload:false,
													   draggable:false,target:false});
	
}