function toggleDisplay(eleId){
   var dsp = document.getElementById(eleId);

	 dsp.style.display = (dsp.style.display == "none") ? "block" : "none";
}

function switch_from_graph_alert()
{
	if(document.formTab.graph_type.value!='')
		{
			return window.confirm('Deze actie zorgt ervoor dat je grafiek gegevens verloren gaan, sla de grafiek eerst op!');				
		}
}


function displayTabContainer( whichLayer )
	{
		var elem, vis, ugra;
		for(var i=1;i<=2;i++)
			{
				ugra="GraphTab_"+i+"";				
				if(whichLayer==ugra)
					{ 
						browserCompatiablity(ugra).style.display='block'; 						
					}
				else{
					 	browserCompatiablity(ugra).style.display='none';						
					}
				/*
				if( whichLayer=="GraphTab_1")	
					{
						browserCompatiablity('divExampleTab').style.display='block';
						browserCompatiablity('divInfoTab').style.display='none';
					}
				else if(whichLayer=="GraphTab_2")
					{
						browserCompatiablity('divExampleTab').style.display='none';
						browserCompatiablity('divInfoTab').style.display='block';
					}
				*/
			}
	
	}


function displayTabContainer2( whichLayer )
	{				
		
		if (over){cClick();}//closes popup overlib//
		if(document.formTab.graph_type.value=='' && whichLayer!="GraphTab_3")
			{
				alert('Kies eerst een grafiek type!');
				return;
			}
		
			
		var elem, vis, ugra,str=''; 
		for(var i=3;i<=7;i++)
			{
				ugra="GraphTab_"+i+"";	
				if(whichLayer==ugra)
					{ 
						browserCompatiablity(ugra).style.display='block';							
					}
				else{ 
						browserCompatiablity(ugra).style.display='none';
					}				
			}
			
			
		//==================================== Setting Data Tab Fields ==============================
		if(document.formTab.graph_type.value=="BAR" || document.formTab.graph_type.value=="AREA" || document.formTab.graph_type.value=="LINE" || document.formTab.graph_type.value=="BARLINE")
			{						

				if(document.getElementById("functioncall").value!="BAR" && document.getElementById("functioncall").value!="AREA" && document.getElementById("functioncall").value!="LINE" && document.getElementById("functioncall").value!="BARLINE")
					{	
						document.getElementById("functioncall").value="BAR";						
						document.getElementById("Pie_showItemGroup").innerHTML="";
						document.getElementById("XY_showItemGroup").innerHTML="";
						document.getElementById("polar_showItemGroup").innerHTML="";												
						browserCompatiablity('item_totalNo').value="1";
						browserCompatiablity('group_totalNo').value="1";					
						noOfItems();					
					}
					
				noOfItems();
										
				browserCompatiablity('dataBarLineArea').style.display='block';
				browserCompatiablity('dataPie').style.display='none';
				browserCompatiablity('dataXY').style.display='none';
				browserCompatiablity('dataPloar').style.display='none';
				browserCompatiablity('dataBubble').style.display='none';		
				browserCompatiablity('dataMeter').style.display='none';		
										
			}
		else if(document.formTab.graph_type.value=="PIE")
			{						
				if(document.getElementById("functioncall").value!="PIE")
					{
						document.getElementById("functioncall").value="PIE";
						document.getElementById("showItemGroup").innerHTML="";						
						document.getElementById("XY_showItemGroup").innerHTML="";
						document.getElementById("polar_showItemGroup").innerHTML="";							
						browserCompatiablity('item_totalNo').value="1";
						browserCompatiablity('group_totalNo').value="1";											
						Pie_noOfItems();								
					}						
				browserCompatiablity('dataBarLineArea').style.display='none';
				browserCompatiablity('dataPie').style.display='block';
				browserCompatiablity('dataXY').style.display='none';
				browserCompatiablity('dataPloar').style.display='none';	
				browserCompatiablity('dataBubble').style.display='none';
				browserCompatiablity('dataMeter').style.display='none';												
			}
		else if(document.formTab.graph_type.value=="XY" || document.formTab.graph_type.value=="SCATTER")
			{						
				if(document.getElementById("functioncall").value!="XY" && document.getElementById("functioncall").value!="SCATTER")
					{
						document.getElementById("functioncall").value="XY";
						document.getElementById("showItemGroup").innerHTML="";
						document.getElementById("Pie_showItemGroup").innerHTML="";						
						document.getElementById("polar_showItemGroup").innerHTML="";		
																		
						browserCompatiablity('item_totalNo').value="1";
						browserCompatiablity('group_totalNo').value="1";
								
						XY_noOfItems();							
					}
						
						
				browserCompatiablity('dataBarLineArea').style.display='none';
				browserCompatiablity('dataPie').style.display='none';
				browserCompatiablity('dataXY').style.display='block';
				browserCompatiablity('dataPloar').style.display='none';	
				browserCompatiablity('dataBubble').style.display='none';	
				browserCompatiablity('dataMeter').style.display='none';							
			}
		else if(document.formTab.graph_type.value=="PLOT")
			{						
				/*if(document.getElementById("functioncall").value!="PLOT")
					{
				*/
				//alert(document.formTab.graph_type.value);
				if(document.getElementById("functioncall").value!="PLOT" && document.getElementById("functioncall").value!="BAR" && document.getElementById("functioncall").value!="AREA" && document.getElementById("functioncall").value!="LINE" && document.getElementById("functioncall").value!="BARLINE")
						
					{	document.getElementById("functioncall").value="PLOT";
						document.getElementById("showItemGroup").innerHTML="";
						document.getElementById("Pie_showItemGroup").innerHTML="";
						document.getElementById("XY_showItemGroup").innerHTML="";
						//document.getElementById("polar_showItemGroup").innerHTML="";
								
						browserCompatiablity('item_totalNo').value="1";
						browserCompatiablity('group_totalNo').value="1";
								
						//polar_noOfItems();		
						noOfItems();			
					}
						/*
						browserCompatiablity('dataBarLineArea').style.display='none';
						browserCompatiablity('dataPie').style.display='none';
						browserCompatiablity('dataXY').style.display='none';
						browserCompatiablity('dataPloar').style.display='block';	
						browserCompatiablity('dataBubble').style.display='none';			
						browserCompatiablity('dataMeter').style.display='none';
						*/
						browserCompatiablity('dataBarLineArea').style.display='block';
						browserCompatiablity('dataPie').style.display='none';
						browserCompatiablity('dataXY').style.display='none';
						browserCompatiablity('dataPloar').style.display='none';
						browserCompatiablity('dataBubble').style.display='none';		
						browserCompatiablity('dataMeter').style.display='none';				
			}			
		else if(document.formTab.graph_type.value=="BUBBLE")
			{						
				if(document.getElementById("functioncall").value!="BUBBLE")
					{
						document.getElementById("functioncall").value="BUBBLE";
						document.getElementById("showItemGroup").innerHTML="";
						document.getElementById("Pie_showItemGroup").innerHTML="";
						document.getElementById("XY_showItemGroup").innerHTML="";
						document.getElementById("polar_showItemGroup").innerHTML="";
								
						browserCompatiablity('item_totalNo').value="1";
						browserCompatiablity('group_totalNo').value="1";
								
						bubble_noOfItems();		
						//noOfItems();			
					}
						
						browserCompatiablity('dataBarLineArea').style.display='none';
						browserCompatiablity('dataPie').style.display='none';
						browserCompatiablity('dataXY').style.display='none';
						browserCompatiablity('dataPloar').style.display='none';				
						browserCompatiablity('dataBubble').style.display='block';	
						browserCompatiablity('dataMeter').style.display='none';		
			}			
		else if(document.formTab.graph_type.value=="METER")
			{						
				if(document.getElementById("functioncall").value!="METER")
					{
						document.getElementById("functioncall").value="METER";
						document.getElementById("showItemGroup").innerHTML="";
						document.getElementById("Pie_showItemGroup").innerHTML="";
						document.getElementById("XY_showItemGroup").innerHTML="";
						document.getElementById("polar_showItemGroup").innerHTML="";
								
						browserCompatiablity('item_totalNo').value="1";
						browserCompatiablity('group_totalNo').value="1";
								
						//bubble_noOfItems();		
						//noOfItems();			
					}
						
						browserCompatiablity('dataBarLineArea').style.display='none';
						browserCompatiablity('dataPie').style.display='none';
						browserCompatiablity('dataXY').style.display='none';
						browserCompatiablity('dataPloar').style.display='none';				
						browserCompatiablity('dataBubble').style.display='none';	
						browserCompatiablity('dataMeter').style.display='block';		
			}			
			
			
		//=====================================================================================
		if(whichLayer=="GraphTab_4")		
			{		
			
				/*
				if(document.formTab.graph_type.value=="BARLINE")
					{						
						var str='',i=0,no_of_groups=1,no_of_items=1;
						if(document.formTab.graph_type.value=="LINE" || document.formTab.graph_type.value=="BAR" || document.formTab.graph_type.value=="AREA" || document.formTab.graph_type.value=="PLOT")
							{						
								try{
										if(document.formTab.data_noofgrups.value!=''){ no_of_groups=document.formTab.data_noofgrups.value; }
										if(document.formTab.data_noofitems.value!=''){ no_of_items=document.formTab.data_noofitems.value; }
									}
								catch(e)	{	}
							
							}
							
						str=str+"Items : <select name='data_noofitems' onchange='noOfItems();'>";
						for(i=1;i<=50;i++)
							{ 								
								if(no_of_items==i){ str=str+"<option value='"+i+"' selected>"+i+"</option>";	}
								else{ str=str+"<option value='"+i+"'>"+i+"</option>"; }
							}
						str=str+"</select>";
						str=str+"<input type='hidden' name='data_noofgrups' value='2'>";						
						browserCompatiablity('hide_div_bar_line').innerHTML=str;						
						browserCompatiablity('hide_div_bar_line').style.display='block';
						noOfItems();
					}
				else{
						var str='',i=0,no_of_groups=1,no_of_items=1;
						if(document.formTab.graph_type.value=="LINE" || document.formTab.graph_type.value=="BAR" || document.formTab.graph_type.value=="AREA" || document.formTab.graph_type.value=="PLOT")
							{						
								try{
										if(document.formTab.data_noofgrups.value!=''){ no_of_groups=document.formTab.data_noofgrups.value; }
										if(document.formTab.data_noofitems.value!=''){ no_of_items=document.formTab.data_noofitems.value; }
									}
								catch(e)	{	}
							
							}
						
						str=str+"Items : <select name='data_noofitems' onchange='noOfItems();'>";
						for(i=1;i<=50;i++)
							{
								if(no_of_items==i){ str=str+"<option value='"+i+"' selected>"+i+"</option>";	}
								else{ str=str+"<option value='"+i+"'>"+i+"</option>"; } 
							}
						str=str+"</select>";
						str=str+"Groups : <select name='data_noofgrups' onchange='noOfItems();'>";
						for(i=1;i<=4;i++)
							{
								if(no_of_groups==i){ str=str+"<option value='"+i+"' selected>"+i+"</option>";	}
								else{ str=str+"<option value='"+i+"'>"+i+"</option>"; } 
							}
						browserCompatiablity('hide_div_bar_line').innerHTML=str;
						browserCompatiablity('hide_div_bar_line').style.display='block';						
						
					}
				*/
				
				/*
				str=str+"<strong class='style2'>Graph Title:</strong>Appears at the top of the graph and should describe the graph";
				str=str+"<br>&nbsp;<br><strong class='style2'>Source:</strong> appears at the bottom of the graph and can be used to give credit to author of the dataData Set: this defines the number of items and groups of items";
				str=str+"<br>&nbsp;<br><strong class='style2'>Items & Groups:</strong> graphs consist of a series of data items, some in multiple groups.";
				str=str+"<br>&nbsp;<br><strong class='style2'>Min & Max Values:</strong> limits the scale of the graph";
				document.getElementById("showTabInformation").innerHTML=str;
				displayTabContainer( 'GraphTab_2' );
				*/
				
				/*
				
				if(document.formTab.graph_type.value=="BAR" || document.formTab.graph_type.value=="AREA" || document.formTab.graph_type.value=="LINE")
					{
						
						if(document.getElementById("functioncall").value!="BAR" && document.getElementById("functioncall").value!="AREA" && document.getElementById("functioncall").value!="LINE")
							{
								document.getElementById("functioncall").value="BAR";
								//document.getElementById("showItemGroup").innerHTML="";
								document.getElementById("Pie_showItemGroup").innerHTML="";
								document.getElementById("XY_showItemGroup").innerHTML="";
								document.getElementById("polar_showItemGroup").innerHTML="";
								
								browserCompatiablity('item_totalNo').value="1";
								browserCompatiablity('group_totalNo').value="1";
								
								noOfItems();
								
							}
						
						browserCompatiablity('dataBarLineArea').style.display='block';
						browserCompatiablity('dataPie').style.display='none';
						browserCompatiablity('dataXY').style.display='none';
						browserCompatiablity('dataPloar').style.display='none';
						
					}
				else if(document.formTab.graph_type.value=="PIE")
					{						
						if(document.getElementById("functioncall").value!="PIE")
							{
								document.getElementById("functioncall").value="PIE";
								document.getElementById("showItemGroup").innerHTML="";
								//document.getElementById("Pie_showItemGroup").innerHTML="";
								document.getElementById("XY_showItemGroup").innerHTML="";
								document.getElementById("polar_showItemGroup").innerHTML="";					
								
								browserCompatiablity('item_totalNo').value="1";
								browserCompatiablity('group_totalNo').value="1";
											
								Pie_noOfItems();								
							}
						
						
						browserCompatiablity('dataBarLineArea').style.display='none';
						browserCompatiablity('dataPie').style.display='block';
						browserCompatiablity('dataXY').style.display='none';
						browserCompatiablity('dataPloar').style.display='none';		
										
					}
				else if(document.formTab.graph_type.value=="XY" || document.formTab.graph_type.value=="SCATTER")
					{						
						if(document.getElementById("functioncall").value!="XY" && document.getElementById("functioncall").value!="SCATTER")
							{
								document.getElementById("functioncall").value="XY";
								document.getElementById("showItemGroup").innerHTML="";
								document.getElementById("Pie_showItemGroup").innerHTML="";
								//document.getElementById("XY_showItemGroup").innerHTML="";
								document.getElementById("polar_showItemGroup").innerHTML="";
								
								browserCompatiablity('item_totalNo').value="1";
								browserCompatiablity('group_totalNo').value="1";
								
								XY_noOfItems();							
							}
						
						
						browserCompatiablity('dataBarLineArea').style.display='none';
						browserCompatiablity('dataPie').style.display='none';
						browserCompatiablity('dataXY').style.display='block';
						browserCompatiablity('dataPloar').style.display='none';						
					}
				else if(document.formTab.graph_type.value=="PLOT")
					{						
						if(document.getElementById("functioncall").value!="PLOT")
							{
								document.getElementById("functioncall").value="PLOT";
								document.getElementById("showItemGroup").innerHTML="";
								document.getElementById("Pie_showItemGroup").innerHTML="";
								document.getElementById("XY_showItemGroup").innerHTML="";
								//document.getElementById("polar_showItemGroup").innerHTML="";
								
								browserCompatiablity('item_totalNo').value="1";
								browserCompatiablity('group_totalNo').value="1";
								
								polar_noOfItems();					
							}
						
						browserCompatiablity('dataBarLineArea').style.display='none';
						browserCompatiablity('dataPie').style.display='none';
						browserCompatiablity('dataXY').style.display='none';
						browserCompatiablity('dataPloar').style.display='block';						
					}		
					*/	
				
			}			
		else if(whichLayer=="GraphTab_3")		
			{
				/*
				str=str+"Graphs and charts are great because they communicate information visually. For this reason, graphs are often used in newspapers, magazines and businesses around the world.";
				str=str+"<br>&nbsp;<br>NCES constantly uses graphs and charts in our publications and on the web. Sometimes, complicated information is difficult to understand and needs an illustration.";
				str=str+"<br>&nbsp;<br>Graphs or charts can help impress people by getting your point across quickly and visually. Here you will find seven different graphs and charts for you to consider.";					
				document.getElementById("showTabInformation").innerHTML=str;
				displayTabContainer( 'GraphTab_2' );
				*/
			}		
		else if(whichLayer=="GraphTab_5")		
			{				
				
				if(document.formTab.graph_type.value=="AREA")			{ show_labels_condition('yes','yes','yes','yes'); 	}
				else if(document.formTab.graph_type.value=="BAR")		{ show_labels_condition('yes','yes','yes','yes'); 	}
				else if(document.formTab.graph_type.value=="LINE")		{ show_labels_condition('yes','yes','yes','yes'); 	}
				else if(document.formTab.graph_type.value=="PIE")		{ show_labels_condition('no','yes','yes','no'); 	}
				else if(document.formTab.graph_type.value=="XY")		{ show_labels_condition('no','no','no','no');   	}
				else if(document.formTab.graph_type.value=="PLOT")		{ show_labels_condition('no','no','no','no'); 	 	}
				else if(document.formTab.graph_type.value=="SCATTER")	{ show_labels_condition('no','no','no','no');  		}
				else if(document.formTab.graph_type.value=="BARLINE")	{ show_labels_condition('yes','yes','yes','yes');  		}
				else if(document.formTab.graph_type.value=="METER")		{ show_labels_condition('no','no','no','no');  		}
				else if(document.formTab.graph_type.value=="BUBBLE")	{ show_labels_condition('no','no','no','no');  		}
				/*
				str=str+"<strong class='style2'>Prefix:</strong> is added to the beginning of a data label, such as ($)";
				str=str+"<br>&nbsp;<br><strong class='style2'>Suffix:</strong> is added to the end of a data label, such as (lbs, kg, cm, ft, %)";
				document.getElementById("showTabInformation").innerHTML=str;				
				displayTabContainer( 'GraphTab_2' );
				*/
				
			}
		else if(whichLayer=="GraphTab_6")	
			{				
				/*
				str=str+"<strong class='style2'>Graph Preview:</strong> shows you the current state of your graph. To make changes, click the Design, Labels, and Data tabs. To print or download this graph, click the Print/Save tab.";
				str=str+"<br>&nbsp;<br>It is recomended that you have Macromedia Flash Player installed for the best quality preview with the fastest loading time.";
				document.getElementById("showTabInformation").innerHTML=str;
				displayTabContainer( 'GraphTab_2' );
				*/
			}
		else if(whichLayer=="GraphTab_7")	
			{				
				
				showGrapgPreview();
				
				/*
				str=str+"<strong class='style2'>Save graph:</strong>You can save your graph for future view..";
				str=str+"<hr>";
				str=str+"<strong class='style2'>Email this Graph:</strong>send an email with a preview and link to your graph project. Click Send to deliver the email to the valid email address you specified.";
				document.getElementById("showTabInformation").innerHTML=str;
				displayTabContainer( 'GraphTab_2' );
				*/
			}
					
		if(whichLayer=="GraphTab_6"){	showGrapgPreview();	}
	
	}



function browserCompatiablity(ugra)
	{
		var elem;
		if( document.getElementById ){	elem = document.getElementById( ugra );	} // this is the way the standards work
		else if( document.all ){ elem = document.all[ugra];	} // this is the way old msie versions work
		else if( document.layers ){	elem = document.layers[ugra]; } // this is the way nn4 works
		return elem;
	}
	
	
function browser_compatiablity(ugra)
	{
		if( document.getElementById ) // this is the way the standards work
			{			
				elem = document.getElementById( ugra );		
			}
	
		else if( document.all ) // this is the way old msie versions work
			{
				elem = document.all[ugra];			
			}
	
		else if( document.layers ) // this is the way nn4 works
			{
				elem = document.layers[ugra];				
			}
		return elem;
	}
	


//======== 
function maintain_field_values_bar(stri)
	{
		if(document.formTab.graph_type.value=='BAR'){ return;}
		
		if(document.formTab.graph_type.value=='LINE')
			{					
					document.getElementById("bar_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_line_bg_color").value,'design_bar_bg_color');					
					document.getElementById("bar_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_line_grid_color").value,'design_bar_grid_color');					
					document.getElementById("bar_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_line_grid_bg_color").value,'design_bar_grid_bg_color');					
					
					//==== Appearence
					if(document.formTab.line_appearance.value=="3D")
						{							
							document.getElementById("bar_replace_appearance").innerHTML="<select name='bar_appearance'><option value='2D'>2D</option><option value='3D' selected>3D</option></select>";
						}
					else{
							document.getElementById("bar_replace_appearance").innerHTML="<select name='bar_appearance'><option value='2D' selected>2D</option><option value='3D'>3D</option></select>";
						}
						
					if(document.formTab.design_line_grid_width.value!=0)
						{						
							document.formTab.design_area_grid_width.selectedIndex=document.formTab.design_line_grid_width.value;	
							/* var xyz="<select name='design_bar_grid_width' id='design_bar_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_line_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("bar_replace_grid_width").innerHTML=xyz; */
						}			
					
					//====
					if(document.formTab.design_line_lagend_position.value=="Bottom")
						{							
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_line_lagend_position.value=="Top")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_line_lagend_position.value=="Left")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_line_lagend_position.value=="Right")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_line_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes'>Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_line_rounded_effect.value=="Yes")
						{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_line_grid_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_grid_gradient_effect").innerHTML="<select name='design_bar_grid_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_grid_gradient_effect").innerHTML="<select name='design_bar_grid_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
					
					
			}
			
		if(document.formTab.graph_type.value=='AREA')
			{						
					document.getElementById("bar_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_area_bg_color").value,'design_bar_bg_color');					
					document.getElementById("bar_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_area_grid_color").value,'design_bar_grid_color');					
					document.getElementById("bar_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_area_grid_bg_color").value,'design_bar_grid_bg_color');					
					
					//==== Appearence
					if(document.formTab.area_appearance.value=="3D")
						{							
							document.getElementById("bar_replace_appearance").innerHTML="<select name='bar_appearance'><option value='2D'>2D</option><option value='3D' selected>3D</option></select>";
						}
					else{
							document.getElementById("bar_replace_appearance").innerHTML="<select name='bar_appearance'><option value='2D' selected>2D</option><option value='3D'>3D</option></select>";
						}
						
					if(document.formTab.design_area_grid_width.value!=0)
						{		
							document.formTab.design_area_grid_width.selectedIndex=document.formTab.design_area_grid_width.value;	
																						
							/* var xyz="<select name='design_bar_grid_width' id='design_bar_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_area_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("bar_replace_grid_width").innerHTML=xyz; */
						}			
					
					
					if(document.formTab.design_area_lagend_position.value=="Bottom")
						{							
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_area_lagend_position.value=="Top")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_area_lagend_position.value=="Left")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_area_lagend_position.value=="Right")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_area_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_area_rounded_effect.value=="Yes")
						{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_area_grid_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_grid_gradient_effect").innerHTML="<select name='design_bar_grid_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_grid_gradient_effect").innerHTML="<select name='design_bar_grid_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
					
			}
			
			
		if(document.formTab.graph_type.value=='PIE')
			{						
					
					document.getElementById("bar_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_pie_bg_color").value,'design_bar_bg_color');					
					
					//==== Appearence
					if(document.formTab.pie_appearance.value=="3D")
						{							
							document.getElementById("bar_replace_appearance").innerHTML="<select name='bar_appearance'><option value='2D'>2D</option><option value='3D' selected>3D</option></select>";
						}
					else{
							document.getElementById("bar_replace_appearance").innerHTML="<select name='bar_appearance'><option value='2D' selected>2D</option><option value='3D'>3D</option></select>";
						}	
					
					//===========
					if(document.formTab.design_pie_lagend_position.value=="Bottom")
						{							
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_pie_lagend_position.value=="Top")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_pie_lagend_position.value=="Left")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_pie_lagend_position.value=="Right")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_pie_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_pie_rounded_effect.value=="Yes")
						{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}			
					
					
			}
			
		if(document.formTab.graph_type.value=='XY')
			{						
					document.getElementById("bar_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_xy_bg_color").value,'design_bar_bg_color');					
					document.getElementById("bar_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_xy_grid_color").value,'design_bar_grid_color');					
					document.getElementById("bar_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_xy_grid_bg_color").value,'design_bar_grid_bg_color');					
					
					
					if(document.formTab.design_xy_grid_width.value!=0)
						{						
							document.formTab.design_area_grid_width.selectedIndex=document.formTab.design_xy_grid_width.value;	
							/* var xyz="<select name='design_bar_grid_width' id='design_bar_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_xy_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("bar_replace_grid_width").innerHTML=xyz; */
						}				
					
					
					if(document.formTab.design_xy_lagend_position.value=="Bottom")
						{							
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_xy_lagend_position.value=="Top")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_xy_lagend_position.value=="Left")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_xy_lagend_position.value=="Right")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_xy_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_xy_rounded_effect.value=="Yes")
						{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_xy_grid_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_grid_gradient_effect").innerHTML="<select name='design_bar_grid_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_grid_gradient_effect").innerHTML="<select name='design_bar_grid_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
			}
			
		if(document.formTab.graph_type.value=='SCATTER')
			{						
					document.getElementById("bar_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_bg_color").value,'design_bar_bg_color');					
					document.getElementById("bar_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_grid_color").value,'design_bar_grid_color');					
					document.getElementById("bar_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_grid_bg_color").value,'design_bar_grid_bg_color');					
					
					
					if(document.formTab.design_sc_grid_width.value!=0)
						{						
							document.formTab.design_area_grid_width.selectedIndex=document.formTab.design_sc_grid_width.value;	
							/* 
							var xyz="<select name='design_bar_grid_width' id='design_bar_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_sc_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option value='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("bar_replace_grid_width").innerHTML=xyz; 
							*/
						}						
					
										
					if(document.formTab.design_sc_lagend_position.value=="Bottom")
						{							
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_sc_lagend_position.value=="Top")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_sc_lagend_position.value=="Left")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_sc_lagend_position.value=="Right")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_sc_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_sc_rounded_effect.value=="Yes")
						{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_sc_grid_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_grid_gradient_effect").innerHTML="<select name='design_bar_grid_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_grid_gradient_effect").innerHTML="<select name='design_bar_grid_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
			}
			
		if(document.formTab.graph_type.value=='PLOT')
			{						
					document.getElementById("bar_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_rp_bg_color").value,'design_bar_bg_color');			
					
					if(document.formTab.design_rp_lagend_position.value=="Bottom")
						{							
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_rp_lagend_position.value=="Top")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_rp_lagend_position.value=="Left")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_rp_lagend_position.value=="Right")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_rp_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_rp_rounded_effect.value=="Yes")
						{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}						
					
			}
		if(document.formTab.graph_type.value=='BUBBLE')
			{						
					document.getElementById("bar_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bub_bg_color").value,'design_bar_bg_color');					
					document.getElementById("bar_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bub_grid_color").value,'design_bar_grid_color');					
					document.getElementById("bar_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bub_grid_bg_color").value,'design_bar_grid_bg_color');					
					
					
					if(document.formTab.design_bub_grid_width.value!=0)
						{						
							document.formTab.design_area_grid_width.selectedIndex=document.formTab.design_bub_grid_width.value;	
							/* var xyz="<select name='design_bar_grid_width' id='design_bar_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_bub_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("bar_replace_grid_width").innerHTML=xyz; */
						}				
					
					
					if(document.formTab.design_bub_lagend_position.value=="Bottom")
						{							
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_bub_lagend_position.value=="Top")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_bub_lagend_position.value=="Left")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_bub_lagend_position.value=="Right")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_bub_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_bub_rounded_effect.value=="Yes")
						{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_bub_grid_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_grid_gradient_effect").innerHTML="<select name='design_bar_grid_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_grid_gradient_effect").innerHTML="<select name='design_bar_grid_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
			}
		if(document.formTab.graph_type.value=='BARLINE')
			{						
					document.getElementById("bar_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_barline_bg_color").value,'design_bar_bg_color');					
					document.getElementById("bar_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_barline_grid_color").value,'design_bar_grid_color');					
					document.getElementById("bar_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_barline_grid_bg_color").value,'design_bar_grid_bg_color');					
					
					
					if(document.formTab.design_barline_grid_width.value!=0)
						{						
							document.formTab.design_area_grid_width.selectedIndex=document.formTab.design_barline_grid_width.value;							
							/* var xyz="<select  name='design_bar_grid_width' id='design_bar_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_barline_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("bar_replace_grid_width").innerHTML=xyz; */
						}				
					
					
					if(document.formTab.design_barline_lagend_position.value=="Bottom")
						{							
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_barline_lagend_position.value=="Top")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_barline_lagend_position.value=="Left")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_barline_lagend_position.value=="Right")
						{
							document.getElementById("bar_replace_lagend_position").innerHTML="<select name='design_bar_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_bl_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_bl_rounded_effect.value=="Yes")
						{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_bl_grid_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_grid_gradient_effect").innerHTML="<select name='design_bar_grid_gradient_effect'><option value='No'>Nee</option><option value='Yes' >Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_grid_gradient_effect").innerHTML="<select name='design_bar_grid_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
						
			}
		if(document.formTab.graph_type.value=='METER')
			{						
					document.getElementById("bar_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_met_bg_color").value,'design_bar_bg_color');					
					
									
					//==== BG Gradient Effect
					if(document.formTab.design_met_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_gradient_effect").innerHTML="<select name='design_bar_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_met_rounded_effect.value=="Yes")
						{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("bar_replace_rounded_effect").innerHTML="<select name='design_bar_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
			}
			
			
		
	}
	
function maintain_field_values_line(stri)
	{
		if(document.formTab.graph_type.value=='LINE'){ return;}
		
		else if(document.formTab.graph_type.value=='BAR')
			{					
					
					document.getElementById("line_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bar_bg_color").value,'design_line_bg_color');					
					document.getElementById("line_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bar_grid_color").value,'design_line_grid_color');					
					document.getElementById("line_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bar_grid_bg_color").value,'design_line_grid_bg_color');					
					
					
					//==== Appearence
					if(document.formTab.bar_appearance.value=="3D")
						{							
							document.getElementById("line_replace_appearance").innerHTML="<select name='line_appearance'><option value='2D'>2D</option><option value='3D' selected>3D</option></select>";
						}
					else{
							document.getElementById("line_replace_appearance").innerHTML="<select name='line_appearance'><option value='2D' selected>2D</option><option value='3D'>3D</option></select>";
						}
						
					if(document.formTab.design_bar_grid_width.value!=0)
						{						
							document.formTab.design_line_grid_width.selectedIndex=document.formTab.design_bar_grid_width.value;							
							/* 
							var xyz="<select  name='design_line_grid_width' id='design_line_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_bar_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option value='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("line_replace_grid_width").innerHTML=xyz; 
							*/
						}		
					
					
					if(document.formTab.design_bar_lagend_position.value=="Bottom")
						{							
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_bar_lagend_position.value=="Top")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_bar_lagend_position.value=="Left")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_bar_lagend_position.value=="Right")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_bar_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("line_replace_gradient_graph_effect").innerHTML="<select name='design_line_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_gradient_graph_effect").innerHTML="<select name='design_line_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_bar_rounded_effect.value=="Yes")
						{
							document.getElementById("line_replace_rounded_effect").innerHTML="<select name='design_line_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_rounded_effect").innerHTML="<select name='design_line_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_bar_grid_gradient_effect.value=="Yes")
						{
							document.getElementById("line_replace_grid_gradient_effect").innerHTML="<select name='design_line_grid_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_grid_gradient_effect").innerHTML="<select name='design_line_grid_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
					
			}
			
			
		else if(document.formTab.graph_type.value=='AREA')
			{						
					
					document.getElementById("line_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_area_bg_color").value,'design_line_bg_color');					
					document.getElementById("line_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_area_grid_color").value,'design_line_grid_color');					
					document.getElementById("line_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_area_grid_bg_color").value,'design_line_grid_bg_color');					
					
					//==== Appearence
					if(document.formTab.area_appearance.value=="3D")
						{							
							document.getElementById("line_replace_appearance").innerHTML="<select name='line_appearance'><option value='2D'>2D</option><option value='3D' selected>3D</option></select>";
						}
					else{
							document.getElementById("line_replace_appearance").innerHTML="<select name='line_appearance'><option value='2D' selected>2D</option><option value='3D'>3D</option></select>";
						}
						
					if(document.formTab.design_area_grid_width.value!=0)
						{						
							document.formTab.design_line_grid_width.selectedIndex=document.formTab.design_area_grid_width.value;
							/* 
							var xyz="<select  name='design_line_grid_width' id='design_line_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_area_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("line_replace_grid_width").innerHTML=xyz; 
							*/
						}			
					
					
					if(document.formTab.design_area_lagend_position.value=="Bottom")
						{							
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_area_lagend_position.value=="Top")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_area_lagend_position.value=="Left")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_area_lagend_position.value=="Right")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_bar_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("line_replace_gradient_graph_effect").innerHTML="<select name='design_line_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_gradient_graph_effect").innerHTML="<select name='design_line_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_area_rounded_effect.value=="Yes")
						{
							document.getElementById("line_replace_rounded_effect").innerHTML="<select name='design_line_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_rounded_effect").innerHTML="<select name='design_line_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_area_grid_gradient_effect.value=="Yes")
						{
							document.getElementById("line_replace_grid_gradient_effect").innerHTML="<select name='design_line_grid_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_grid_gradient_effect").innerHTML="<select name='design_line_grid_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
			}
			
			
		else if(document.formTab.graph_type.value=='PIE')
			{						
					
					document.getElementById("line_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_pie_bg_color").value,'design_line_bg_color');					
					
					//==== Appearence
					if(document.formTab.pie_appearance.value=="3D")
						{							
							document.getElementById("line_replace_appearance").innerHTML="<select name='line_appearance'><option value='2D'>2D</option><option value='3D' selected>3D</option></select>";
						}
					else{
							document.getElementById("line_replace_appearance").innerHTML="<select name='line_appearance'><option value='2D' selected>2D</option><option value='3D'>3D</option></select>";
						}	
						
					
					
					if(document.formTab.design_pie_lagend_position.value=="Bottom")
						{							
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_pie_lagend_position.value=="Top")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_pie_lagend_position.value=="Left")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_pie_lagend_position.value=="Right")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_pie_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("line_replace_gradient_graph_effect").innerHTML="<select name='design_line_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_gradient_graph_effect").innerHTML="<select name='design_line_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_pie_rounded_effect.value=="Yes")
						{
							document.getElementById("line_replace_rounded_effect").innerHTML="<select name='design_line_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_rounded_effect").innerHTML="<select name='design_line_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					
					
			}
			
		else if(document.formTab.graph_type.value=='XY')
			{						
					document.getElementById("line_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_xy_bg_color").value,'design_line_bg_color');					
					document.getElementById("line_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_xy_grid_color").value,'design_line_grid_color');					
					document.getElementById("line_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_xy_grid_bg_color").value,'design_line_grid_bg_color');					
					
					
					if(document.formTab.design_xy_grid_width.value!=0)
						{						
							document.formTab.design_line_grid_width.selectedIndex=document.formTab.design_xy_grid_width.value;		
							/* var xyz="<select  name='design_line_grid_width' id='design_line_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_xy_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("line_replace_grid_width").innerHTML=xyz; */
						}			
					
					
					if(document.formTab.design_xy_lagend_position.value=="Bottom")
						{							
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option></select>";
						}
					else{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option></select>";
						}
			}
			
		else if(document.formTab.graph_type.value=='SCATTER')
			{						
					document.getElementById("line_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_bg_color").value,'design_line_bg_color');					
					document.getElementById("line_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_grid_color").value,'design_line_grid_color');					
					document.getElementById("line_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_grid_bg_color").value,'design_line_grid_bg_color');					
					
					
					if(document.formTab.design_sc_grid_width.value!=0)
						{				
							document.formTab.design_line_grid_width.selectedIndex=document.formTab.design_sc_grid_width.value;		
							/* var xyz="<select  name='design_line_grid_width' id='design_line_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_sc_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("line_replace_grid_width").innerHTML=xyz; */
						}						
					
					if(document.formTab.design_sc_lagend_position.value=="Bottom")
						{							
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option></select>";
						}
					else{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option></select>";
						}
			}
			
		else if(document.formTab.graph_type.value=='PLOT')
			{						
					document.getElementById("line_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_rp_bg_color").value,'design_line_bg_color');			
			}
			
		if(document.formTab.graph_type.value=='BUBBLE')
			{						
					document.getElementById("line_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bub_bg_color").value,'design_line_bg_color');					
					document.getElementById("line_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bub_grid_color").value,'design_line_grid_color');					
					document.getElementById("line_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bub_grid_bg_color").value,'design_line_grid_bg_color');					
										
					if(document.formTab.design_bub_grid_width.value!=0)
						{						
							document.formTab.design_line_grid_width.selectedIndex=document.formTab.design_bub_grid_width.value;
							
							/* var xyz="<select  name='design_line_grid_width' id='design_line_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_bub_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("line_replace_grid_width").innerHTML=xyz; */
						}				
										
					if(document.formTab.design_bub_lagend_position.value=="Bottom")
						{							
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_bub_lagend_position.value=="Top")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_bub_lagend_position.value=="Left")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_bub_lagend_position.value=="Right")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_bub_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("line_replace_gradient_graph_effect").innerHTML="<select name='design_line_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_gradient_graph_effect").innerHTML="<select name='design_line_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_bub_rounded_effect.value=="Yes")
						{
							document.getElementById("line_replace_rounded_effect").innerHTML="<select name='design_line_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_rounded_effect").innerHTML="<select name='design_line_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_bub_grid_gradient_effect.value=="Yes")
						{
							document.getElementById("line_replace_grid_gradient_effect").innerHTML="<select name='design_line_grid_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_grid_gradient_effect").innerHTML="<select name='design_line_grid_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
			}
		if(document.formTab.graph_type.value=='BARLINE')
			{						
					document.getElementById("line_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_barline_bg_color").value,'design_line_bg_color');					
					document.getElementById("line_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_barline_grid_color").value,'design_line_grid_color');					
					document.getElementById("line_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_barline_grid_bg_color").value,'design_line_grid_bg_color');					
					
					
					if(document.formTab.design_barline_grid_width.value!=0)
						{						
							document.formTab.design_line_grid_width.selectedIndex=document.formTab.design_barline_grid_width.value;
							/* var xyz="<select name='design_line_grid_width' id='design_line_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_barline_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("bar_replace_grid_width").innerHTML=xyz; */
						}				
					
					
					if(document.formTab.design_barline_lagend_position.value=="Bottom")
						{							
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_barline_lagend_position.value=="Top")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_barline_lagend_position.value=="Left")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_barline_lagend_position.value=="Right")
						{
							document.getElementById("line_replace_lagend_position").innerHTML="<select name='design_line_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_bl_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("line_replace_gradient_graph_effect").innerHTML="<select name='design_line_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_gradient_graph_effect").innerHTML="<select name='design_line_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_bl_rounded_effect.value=="Yes")
						{
							document.getElementById("line_replace_rounded_effect").innerHTML="<select name='design_line_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_rounded_effect").innerHTML="<select name='design_line_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_bl_grid_gradient_effect.value=="Yes")
						{
							document.getElementById("line_replace_grid_gradient_effect").innerHTML="<select name='design_line_grid_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_grid_gradient_effect").innerHTML="<select name='design_line_grid_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
			}
		if(document.formTab.graph_type.value=='METER')
			{						
					document.getElementById("line_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_met_bg_color").value,'design_line_bg_color');					
					
									
					//==== BG Gradient Effect
					if(document.formTab.design_met_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("line_replace_gradient_graph_effect").innerHTML="<select name='design_line_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_gradient_graph_effect").innerHTML="<select name='design_line_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_met_rounded_effect.value=="Yes")
						{
							document.getElementById("line_replace_rounded_effect").innerHTML="<select name='design_line_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("line_replace_rounded_effect").innerHTML="<select name='design_line_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
			}
			

		
	}

function maintain_field_values_area(stri)
	{
			
		if(document.formTab.graph_type.value=='AREA'){ return;}
		
		else if(document.formTab.graph_type.value=='BAR')
			{					
					
					document.getElementById("area_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bar_bg_color").value,'design_area_bg_color');					
					document.getElementById("area_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bar_grid_color").value,'design_area_grid_color');					
					document.getElementById("area_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bar_grid_bg_color").value,'design_area_grid_bg_color');					

					//==== Appearence
					if(document.formTab.bar_appearance.value=="3D")
						{							
							document.getElementById("area_replace_appearance").innerHTML="<select name='area_appearance'><option value='2D'>2D</option><option value='3D' selected>3D</option></select>";
						}
					else{
							document.getElementById("area_replace_appearance").innerHTML="<select name='area_appearance'><option value='2D' selected>2D</option><option value='3D'>3D</option></select>";
						}
						
					if(document.formTab.design_bar_grid_width.value!=0)
						{						
							document.formTab.design_area_grid_width.selectedIndex=document.formTab.design_bar_grid_width.value;
							
							/* var xyz="<select name='design_area_grid_width' id='design_area_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_bar_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option value='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("area_replace_grid_width").innerHTML=xyz; */
						}			
					
					
					if(document.formTab.design_bar_lagend_position.value=="Bottom")
						{							
							document.getElementById("area_replace_lagend_position").innerHTML="<select name='design_area_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_bar_lagend_position.value=="Top")
						{
							document.getElementById("area_replace_lagend_position").innerHTML="<select name='design_area_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_bar_lagend_position.value=="Left")
						{
							document.getElementById("area_replace_lagend_position").innerHTML="<select name='design_area_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_bar_lagend_position.value=="Right")
						{
							document.getElementById("area_replace_lagend_position").innerHTML="<select name='design_area_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_bar_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("area_replace_gradient_graph_effect").innerHTML="<select name='design_area_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("area_replace_gradient_graph_effect").innerHTML="<select name='design_area_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_bar_rounded_effect.value=="Yes")
						{
							document.getElementById("area_replace_rounded_effect").innerHTML="<select name='design_area_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("area_replace_rounded_effect").innerHTML="<select name='design_area_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_bar_grid_gradient_effect.value=="Yes")
						{
							document.getElementById("area_replace_grid_gradient_effect").innerHTML="<select name='design_area_grid_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("area_replace_grid_gradient_effect").innerHTML="<select name='design_area_grid_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
					
			}
		
		else if(document.formTab.graph_type.value=='LINE')
			{					
					
					document.getElementById("area_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_line_bg_color").value,'design_area_bg_color');					
					document.getElementById("area_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_line_grid_color").value,'design_area_grid_color');					
					
					document.getElementById("area_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_line_grid_bg_color").value,'design_area_grid_bg_color');					
					
					//==== Appearence
					if(document.formTab.line_appearance.value=="3D")
						{							
							document.getElementById("area_replace_appearance").innerHTML="<select name='area_appearance'><option value='2D'>2D</option><option value='3D' selected>3D</option></select>";
						}
					else{
							document.getElementById("area_replace_appearance").innerHTML="<select name='area_appearance'><option value='2D' selected>2D</option><option value='3D'>3D</option></select>";
						}
						
					if(document.formTab.design_line_grid_width.value!=0)
						{						
							document.formTab.design_area_grid_width.selectedIndex=document.formTab.design_line_grid_width.value;
							/* var xyz="<select name='design_area_grid_width' id='design_area_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_line_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("area_replace_grid_width").innerHTML=xyz; */
						}			
					
					
					if(document.formTab.design_line_lagend_position.value=="Bottom")
						{							
							document.getElementById("area_replace_lagend_position").innerHTML="<select name='design_area_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_line_lagend_position.value=="Top")
						{
							document.getElementById("area_replace_lagend_position").innerHTML="<select name='design_area_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_line_lagend_position.value=="Left")
						{
							document.getElementById("area_replace_lagend_position").innerHTML="<select name='design_area_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left' selected>Links</option><option value='Right'>Rechts</option></select>";
						}
					else if(document.formTab.design_line_lagend_position.value=="Right")
						{
							document.getElementById("area_replace_lagend_position").innerHTML="<select name='design_area_lagend_position'><option value='Top'>Boven</option><option value='Bottom'>Beneden</option><option value='Left'>Links</option><option value='Right' selected>Rechts</option></select>";
						}
						
					//==== BG Gradient Effect
					if(document.formTab.design_line_graph_gradient_effect.value=="Yes")
						{
							document.getElementById("area_replace_gradient_graph_effect").innerHTML="<select name='design_area_graph_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("area_replace_gradient_graph_effect").innerHTML="<select name='design_area_graph_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_line_rounded_effect.value=="Yes")
						{
							document.getElementById("area_replace_rounded_effect").innerHTML="<select name='design_area_rounded_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("area_replace_rounded_effect").innerHTML="<select name='design_area_rounded_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
						
					//==== Rounded Effect
					if(document.formTab.design_line_grid_gradient_effect.value=="Yes")
						{
							document.getElementById("area_replace_grid_gradient_effect").innerHTML="<select name='design_area_grid_gradient_effect'><option value='No'>Nee</option><option value='Yes' selected>Ja</option></select>";
						}
					else{
							document.getElementById("area_replace_grid_gradient_effect").innerHTML="<select name='design_area_grid_gradient_effect'><option value='No' selected>Nee</option><option value='Yes' >Ja</option></select>";
						}
					
					
			}
			
		
			
		else if(document.formTab.graph_type.value=='PIE')
			{						
					
					document.getElementById("area_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_pie_bg_color").value,'design_area_bg_color');					
					
					//==== Appearence
					if(document.formTab.pie_appearance.value=="3D")
						{							
							document.getElementById("area_replace_appearance").innerHTML="<select name='area_appearance'><option value='2D'>2D</option><option value='3D' selected>3D</option></select>";
						}
					else{
							document.getElementById("area_replace_appearance").innerHTML="<select name='area_appearance'><option value='2D' selected>2D</option><option value='3D'>3D</option></select>";
						}	
					
			}
			
		else if(document.formTab.graph_type.value=='XY')
			{						
					document.getElementById("area_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_xy_bg_color").value,'design_area_bg_color');					
					document.getElementById("area_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_xy_grid_color").value,'design_area_grid_color');					
					document.getElementById("area_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_xy_grid_bg_color").value,'design_area_grid_bg_color');					
					
					
					if(document.formTab.design_xy_grid_width.value!=0)
						{						
							document.formTab.design_area_grid_width.selectedIndex=document.formTab.design_xy_grid_width.value;
							/* var xyz="<select name='design_area_grid_width' id='design_area_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_xy_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("area_replace_grid_width").innerHTML=xyz; */
						}			
					
					
					if(document.formTab.design_xy_lagend_position.value=="Bottom")
						{							
							document.getElementById("area_replace_lagend_position").innerHTML="<select name='design_area_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option></select>";
						}
					else{
							document.getElementById("area_replace_lagend_position").innerHTML="<select name='design_area_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option></select>";
						}
			}
			
		else if(document.formTab.graph_type.value=='SCATTER')
			{						
					document.getElementById("area_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_bg_color").value,'design_area_bg_color');					
					document.getElementById("area_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_grid_color").value,'design_area_grid_color');					
					document.getElementById("area_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_grid_bg_color").value,'design_area_grid_bg_color');					
					
					
					if(document.formTab.design_sc_grid_width.value!=0)
						{						
							document.formTab.design_area_grid_width.selectedIndex=document.formTab.design_sc_grid_width.value;
							/* var xyz="<select name='design_area_grid_width' id='design_area_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_sc_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("area_replace_grid_width").innerHTML=xyz; */
						}						
					
					if(document.formTab.design_sc_lagend_position.value=="Bottom")
						{							
							document.getElementById("area_replace_lagend_position").innerHTML="<select name='design_area_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option></select>";
						}
					else{
							document.getElementById("area_replace_lagend_position").innerHTML="<select name='design_area_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option></select>";
						}
			}
			
		else if(document.formTab.graph_type.value=='PLOT')
			{						
					document.getElementById("area_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_rp_bg_color").value,'design_area_bg_color');			
			}
			
			
		
	}

function maintain_field_values_pie(stri)
	{
		if(document.formTab.graph_type.value=='PIE'){ return;}
		
		else if(document.formTab.graph_type.value=='BAR')
			{					
					
					document.getElementById("pie_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bar_bg_color").value,'design_pie_bg_color');					
					
					//==== Appearence
					if(document.formTab.bar_appearance.value=="3D")
						{							
							document.getElementById("pie_replace_appearance").innerHTML="<select name='pie_appearance'><option value='2D'>2D</option><option value='3D' selected>3D</option></select>";
						}
					else{
							document.getElementById("pie_replace_appearance").innerHTML="<select name='pie_appearance'><option value='2D' selected>2D</option><option value='3D'>3D</option></select>";
						}					
			}
		
		else if(document.formTab.graph_type.value=='LINE')
			{					
					document.getElementById("pie_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_line_bg_color").value,'design_pie_bg_color');					
					
					//==== Appearence
					if(document.formTab.line_appearance.value=="3D")
						{							
							document.getElementById("pie_replace_appearance").innerHTML="<select name='pie_appearance'><option value='2D'>2D</option><option value='3D' selected>3D</option></select>";
						}
					else{
							document.getElementById("pie_replace_appearance").innerHTML="<select name='pie_appearance'><option value='2D' selected>2D</option><option value='3D'>3D</option></select>";
						}						
					
			}		
		else if(document.formTab.graph_type.value=='AREA')
			{						
					document.getElementById("pie_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_area_bg_color").value,'design_pie_bg_color');					
					
					//==== Appearence
					if(document.formTab.area_appearance.value=="3D")
						{							
							document.getElementById("pie_replace_appearance").innerHTML="<select name='pie_appearance'><option value='2D'>2D</option><option value='3D' selected>3D</option></select>";
						}
					else{
							document.getElementById("pie_replace_appearance").innerHTML="<select name='pie_appearance'><option value='2D' selected>2D</option><option value='3D'>3D</option></select>";
						}
			}
		else if(document.formTab.graph_type.value=='XY')
			{						
					document.getElementById("pie_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_xy_bg_color").value,'design_pie_bg_color');					
					
			}
			
		else if(document.formTab.graph_type.value=='SCATTER')
			{						
					document.getElementById("pie_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_bg_color").value,'design_pie_bg_color');					
			}
			
		else if(document.formTab.graph_type.value=='PLOT')
			{						
					document.getElementById("pie_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_rp_bg_color").value,'design_pie_bg_color');			
			}
			
			
		
	}
	
	
function maintain_field_values_xy(stri)
	{
		if(document.formTab.graph_type.value=='XY'){ return;}
		
		else if(document.formTab.graph_type.value=='BAR')
			{					
					
					document.getElementById("xy_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bar_bg_color").value,'design_xy_bg_color');					
					document.getElementById("xy_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bar_grid_color").value,'design_xy_grid_color');					
					document.getElementById("xy_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bar_grid_bg_color").value,'design_xy_grid_bg_color');					
					
					
					if(document.formTab.design_bar_grid_width.value!=0)
						{						
							document.formTab.design_xy_grid_width.selectedIndex=document.formTab.design_bar_grid_width.value;
							/* var xyz="<select name='design_xy_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_bar_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option value='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("xy_replace_grid_width").innerHTML=xyz; */
						}			
					
					
					if(document.formTab.design_bar_lagend_position.value=="Bottom")
						{							
							document.getElementById("xy_replace_lagend_position").innerHTML="<select name='design_xy_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option></select>";
						}
					else{
							document.getElementById("xy_replace_lagend_position").innerHTML="<select name='design_xy_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option></select>";
						}
					
			}
		
		else if(document.formTab.graph_type.value=='LINE')
			{					
					document.getElementById("xy_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_line_bg_color").value,'design_xy_bg_color');					
					document.getElementById("xy_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_line_grid_color").value,'design_xy_grid_color');					
					document.getElementById("xy_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_line_grid_bg_color").value,'design_xy_grid_bg_color');					
					
					
					if(document.formTab.design_line_grid_width.value!=0)
						{						
							document.formTab.design_xy_grid_width.selectedIndex=document.formTab.design_line_grid_width.value;
							/* var xyz="<select name='design_xy_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_line_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("xy_replace_grid_width").innerHTML=xyz; */
						}			
					
					
					if(document.formTab.design_line_lagend_position.value=="Bottom")
						{							
							document.getElementById("xy_replace_lagend_position").innerHTML="<select name='design_xy_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option></select>";
						}
					else{
							document.getElementById("xy_replace_lagend_position").innerHTML="<select name='design_xy_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option></select>";
						}
			}
			
		else if(document.formTab.graph_type.value=='AREA')
			{						
					document.getElementById("xy_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_area_bg_color").value,'design_xy_bg_color');					
					document.getElementById("xy_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_area_grid_color").value,'design_xy_grid_color');					
					document.getElementById("xy_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_area_grid_bg_color").value,'design_xy_grid_bg_color');					
					
					
					if(document.formTab.design_area_grid_width.value!=0)
						{						
							document.formTab.design_xy_grid_width.selectedIndex=document.formTab.design_area_grid_width.value;
							
							/*
							var xyz="<select name='design_xy_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_area_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							document.getElementById("xy_replace_grid_width").innerHTML=xyz;
							*/
						}			
					
					
					if(document.formTab.design_area_lagend_position.value=="Bottom")
						{							
							document.getElementById("xy_replace_lagend_position").innerHTML="<select name='design_xy_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option></select>";
						}
					else{
							document.getElementById("xy_replace_lagend_position").innerHTML="<select name='design_xy_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option></select>";
						}
			}
			
			
		else if(document.formTab.graph_type.value=='PIE')
			{	
				document.getElementById("xy_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_pie_bg_color").value,'design_xy_bg_color');					
			}			
		
		else if(document.formTab.graph_type.value=='SCATTER')
			{						
					document.getElementById("xy_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_bg_color").value,'design_xy_bg_color');					
					document.getElementById("xy_replace_grid_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_grid_color").value,'design_xy_grid_color');					
					document.getElementById("xy_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_grid_bg_color").value,'design_xy_grid_bg_color');					
					
					
					if(document.formTab.design_sc_grid_width.value!=0)
						{						
							
							document.formTab.design_xy_grid_width.selectedIndex=document.formTab.design_sc_grid_width.value;
							
							/*
							document.getElementById('select_2').selectedIndex=3;
							var xyz="<select name='design_xy_grid_width' id='design_xy_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_sc_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							//document.getElementById("xy_replace_grid_width").innerHTML=xyz;
							*/
						}						
					
					if(document.formTab.design_sc_lagend_position.value=="Bottom")
						{							
							document.getElementById("xy_replace_lagend_position").innerHTML="<select name='design_xy_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option></select>";
						}
					else{
							document.getElementById("xy_replace_lagend_position").innerHTML="<select name='design_xy_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option></select>";
						}
			}
			
		else if(document.formTab.graph_type.value=='PLOT')
			{						
					document.getElementById("xy_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_rp_bg_color").value,'design_xy_bg_color');			
			}
			
			
		
	}
	
	
function maintain_field_values_sc(stri)
	{	
		if(document.formTab.graph_type.value=='SCATTER'){ return;}		
		else if(document.formTab.graph_type.value=='BAR')
			{				
					browserCompatiablity("sc_replace_bg_color").innerHTML=color_picker_icon_left(browserCompatiablity("cp_design_bar_bg_color").value,'design_sc_bg_color');					
					browserCompatiablity("sc_replace_grid_color").innerHTML=color_picker_icon_left(browserCompatiablity("cp_design_bar_grid_color").value,'design_sc_grid_color');					
					browserCompatiablity("sc_replace_grid_bg_color").innerHTML=color_picker_icon_left(browserCompatiablity("cp_design_bar_grid_bg_color").value,'design_sc_grid_bg_color');					
					
					
					if(document.formTab.design_bar_grid_width.value!=0)
						{						
							document.formTab.design_sc_grid_width.selectedIndex=document.formTab.design_bar_grid_width.value;
							/* var xyz="<select name='design_sc_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_bar_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option value='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							browserCompatiablity("sc_replace_grid_width").innerHTML=xyz; */
						}			
					
					
					if(document.formTab.design_bar_lagend_position.value=="Bottom")
						{							
							browserCompatiablity("sc_replace_lagend_position").innerHTML="<select name='design_sc_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option></select>";
						}
					else{
							browserCompatiablity("sc_replace_lagend_position").innerHTML="<select name='design_sc_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option></select>";
						}
					
			}
		
		else if(document.formTab.graph_type.value=='LINE')
			{					
					browserCompatiablity("sc_replace_bg_color").innerHTML=color_picker_icon_left(browserCompatiablity("cp_design_line_bg_color").value,'design_sc_bg_color');					
					browserCompatiablity("sc_replace_grid_color").innerHTML=color_picker_icon_left(browserCompatiablity("cp_design_line_grid_color").value,'design_sc_grid_color');					
					browserCompatiablity("sc_replace_grid_bg_color").innerHTML=color_picker_icon_left(browserCompatiablity("cp_design_line_grid_bg_color").value,'design_sc_grid_bg_color');					
					
					
					if(document.formTab.design_line_grid_width.value!=0)
						{						
							
							document.formTab.design_sc_grid_width.selectedIndex=document.formTab.design_line_grid_width.value;
							/* var xyz="<select name='design_sc_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_line_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							browserCompatiablity("sc_replace_grid_width").innerHTML=xyz; */
						}			
					
					
					if(document.formTab.design_line_lagend_position.value=="Bottom")
						{							
							browserCompatiablity("sc_replace_lagend_position").innerHTML="<select name='design_sc_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option></select>";
						}
					else{
							browserCompatiablity("sc_replace_lagend_position").innerHTML="<select name='design_sc_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option></select>";
						}
			}
			
		else if(document.formTab.graph_type.value=='AREA')
			{						
					browserCompatiablity("sc_replace_bg_color").innerHTML=color_picker_icon_left(browserCompatiablity("cp_design_area_bg_color").value,'design_sc_bg_color');					
					browserCompatiablity("sc_replace_grid_color").innerHTML=color_picker_icon_left(browserCompatiablity("cp_design_area_grid_color").value,'design_sc_grid_color');					
					browserCompatiablity("sc_replace_grid_bg_color").innerHTML=color_picker_icon_left(browserCompatiablity("cp_design_area_grid_bg_color").value,'design_sc_grid_bg_color');					
					
					
					if(document.formTab.design_area_grid_width.value!=0)
						{						
							document.formTab.design_sc_grid_width.selectedIndex=document.formTab.design_area_grid_width.value;
							
							/* var xyz="<select name='design_sc_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_area_grid_width.value==aa){ sel='selected'; }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							browserCompatiablity("sc_replace_grid_width").innerHTML=xyz; */
						}			
					
					
					if(document.formTab.design_area_lagend_position.value=="Bottom")
						{							
							browserCompatiablity("sc_replace_lagend_position").innerHTML="<select name='design_sc_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option></select>";
						}
					else{
							browserCompatiablity("sc_replace_lagend_position").innerHTML="<select name='design_sc_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option></select>";
						}
			}
			
			
		else if(document.formTab.graph_type.value=='PIE')
			{	
				browserCompatiablity("sc_replace_bg_color").innerHTML=color_picker_icon_left(browserCompatiablity("cp_design_pie_bg_color").value,'design_sc_bg_color');					
			}			
		
		else if(document.formTab.graph_type.value=='XY')
			{						
					browserCompatiablity("sc_replace_bg_color").innerHTML=color_picker_icon_left(browserCompatiablity("cp_design_xy_bg_color").value,'design_sc_bg_color');					
					browserCompatiablity("sc_replace_grid_color").innerHTML=color_picker_icon_left(browserCompatiablity("cp_design_xy_grid_color").value,'design_sc_grid_color');					
					browserCompatiablity("sc_replace_grid_bg_color").innerHTML=color_picker_icon_left(browserCompatiablity("cp_design_xy_grid_bg_color").value,'design_sc_grid_bg_color');					
					
					if(document.formTab.design_xy_grid_width.value!=0)
						{						
							document.formTab.design_sc_grid_width.selectedIndex=document.formTab.design_xy_grid_width.value;
							/* var xyz="<select name='design_sc_grid_width' id='design_sc_grid_width'>";
							var aa=0,sel='';
							for(aa=0;aa<6;aa++)
								{
									if(document.formTab.design_xy_grid_width.value==aa){ sel='selected';  }else{ sel='';}
									xyz=xyz+"<option values='"+aa+"' "+sel+">"+aa+"</option>";
								}
							xyz=xyz+"</select>";
							browserCompatiablity("sc_replace_grid_width").innerHTML=xyz; */
						}						
					
					if(document.formTab.design_xy_lagend_position.value=="Bottom")
						{							
							browserCompatiablity("sc_replace_lagend_position").innerHTML="<select name='design_sc_lagend_position'><option value='Top'>Boven</option><option value='Bottom' selected>Beneden</option></select>";
						}
					else{
							browserCompatiablity("sc_replace_lagend_position").innerHTML="<select name='design_sc_lagend_position'><option value='Top' selected>Boven</option><option value='Bottom'>Beneden</option></select>";
						}
			}
			
		else if(document.formTab.graph_type.value=='PLOT')
			{						
					browserCompatiablity("sc_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_rp_bg_color").value,'design_sc_bg_color');			
			}
			
	}


function maintain_field_values_rp(stri)
	{
		if(document.formTab.graph_type.value=='PLOT'){ return;}
		
		else if(document.formTab.graph_type.value=='BAR')
			{		
					document.getElementById("rp_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bar_bg_color").value,'design_rp_bg_color');					
					document.getElementById("rp_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_bar_grid_bg_color").value,'design_rp_grid_bg_color');					
			}
		
		else if(document.formTab.graph_type.value=='LINE')
			{					
					document.getElementById("rp_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_line_bg_color").value,'design_rp_bg_color');
					document.getElementById("rp_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_line_grid_bg_color").value,'design_rp_grid_bg_color');
			}
			
		else if(document.formTab.graph_type.value=='AREA')
			{						
					document.getElementById("rp_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_area_bg_color").value,'design_rp_bg_color');					
					document.getElementById("rp_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_area_grid_bg_color").value,'design_rp_grid_bg_color');
			}			
			
		else if(document.formTab.graph_type.value=='PIE')
			{	
				document.getElementById("rp_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_pie_bg_color").value,'design_rp_bg_color');					
				//document.getElementById("rp_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_pie_grid_bg_color").value,'design_rp_grid_bg_color');
			}			
		
		else if(document.formTab.graph_type.value=='XY')
			{						
					
					document.getElementById("rp_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_xy_bg_color").value,'design_rp_bg_color');					
					document.getElementById("rp_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_xy_grid_bg_color").value,'design_rp_grid_bg_color');
			}
			
		else if(document.formTab.graph_type.value=='SCATTER')
			{						
					document.getElementById("rp_replace_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_bg_color").value,'design_rp_bg_color');			
					document.getElementById("rp_replace_grid_bg_color").innerHTML=color_picker_icon_left(document.getElementById("cp_design_sc_grid_bg_color").value,'design_rp_grid_bg_color');
			}
			
	}


function show_labels_condition(str1,str2,str3,str4)
	{
		
		browserCompatiablity("aa_label_position_value_pie").style.display="none";
		browserCompatiablity("aa_show_val_formate_pie").style.display="none";	
		browserCompatiablity("aa_show_val_formate_pie_title").style.display="none";
		
		//===== Position
		if(str1=='yes')
			{
				browserCompatiablity("aa_label_position_title").style.display="block";
				browserCompatiablity("aa_label_position_value").style.display="block";		
				
			}
		else{
				browserCompatiablity("aa_label_position_title").style.display="none";
				browserCompatiablity("aa_label_position_value").style.display="none";
				if(document.formTab.graph_type.value=='PIE')
					 {						
						browserCompatiablity("aa_label_position_value_pie").style.display="block";	
						browserCompatiablity("aa_label_position_title").style.display="block";
					 }
			}
			
		
		//===== Font Size
		if(str2=='yes')
			{
				browserCompatiablity("aa_label_font_size_title").style.display="block";
				browserCompatiablity("aa_label_font_size_value").style.display="block";
			}
		else{
				browserCompatiablity("aa_label_font_size_title").style.display="none";
				browserCompatiablity("aa_label_font_size_value").style.display="none";
			}
			
		//===== Font Size
		if(str3=='yes')
			{
				browserCompatiablity("aa_label_font_color_title").style.display="block";
				browserCompatiablity("aa_label_font_color_value").style.display="block";
			}
		else{
				browserCompatiablity("aa_label_font_color_title").style.display="none";
				browserCompatiablity("aa_label_font_color_value").style.display="none";
			}
			
		//===== Font Size
		if(str4=='yes')
			{
				browserCompatiablity("aa_label_font_bg_color_title").style.display="block";
				browserCompatiablity("aa_label_font_bg_color_value").style.display="block";
				browserCompatiablity("x_as_label_position_value").style.display="block";
				browserCompatiablity("x_as_label_position_title").style.display="block";
			}
		else{
				browserCompatiablity("aa_label_font_bg_color_title").style.display="none";
				browserCompatiablity("aa_label_font_bg_color_value").style.display="none";
				browserCompatiablity("x_as_label_position_value").style.display="none";
				browserCompatiablity("x_as_label_position_title").style.display="none";
				
				if(document.formTab.graph_type.value=='PIE')
					 {						
						browserCompatiablity("aa_show_val_formate_pie").style.display="block";	
						browserCompatiablity("aa_show_val_formate_pie_title").style.display="block";
					 }
				
			}
		
		
	}



//================================================================================

//==== Setting Bar Type
function setBarType(barType)
	{
		
		//alert(barType);
		//==== Bar
		if(barType=="bar")
			{
				show_labels_condition('yes','yes','yes','yes');
				if(document.formTab.graph_type.value!='')
					{						
						maintain_field_values_bar('BAR');											
						var str=document.formTab.graph_type.value;						
						if(str=="BAR" || str=="LINE" || str=="AREA" || str=="BARLINE"  || str=="PLOT"){}
						else{
								if(window.confirm('Als je deze grafiek kiest, verlies je gegevens. Klik op annuleren om terug te gaan!')){}
								else{return;}
							}
					}
									
				document.formTab.graph_type.value="BAR";
				
				//browser_compatiablity("imgBar").src="image/bar2.gif";
				browser_compatiablity("imgBar").border="1";
				browser_compatiablity("imgLine").border="0";
				browser_compatiablity("imgArea").border="0";
				browser_compatiablity("imgPie").border="0";
				browser_compatiablity("imgXY").border="0";
				browser_compatiablity("imgPlot").border="0";
				browser_compatiablity("imgScatter").border="0";				
				browser_compatiablity("imgBubble").border="0";
				browser_compatiablity("imgMeter").border="0";
				browser_compatiablity("imgLineBar").border="0";
				
				
				browserCompatiablity('barStyleDiv_1').style.display='block';	
				browserCompatiablity('barStyleDiv_2').style.display='none';	
				browserCompatiablity('barStyleDiv_3').style.display='none';	
				browserCompatiablity('barStyleDiv_4').style.display='none';	
				browserCompatiablity('barStyleDiv_5').style.display='none';	
				browserCompatiablity('barStyleDiv_6').style.display='none';	
				browserCompatiablity('barStyleDiv_7').style.display='none';							
				browserCompatiablity('barStyleDiv_8').style.display='none';		
				browserCompatiablity('barStyleDiv_9').style.display='none';		
				browserCompatiablity('barStyleDiv_10').style.display='none';						
			}
			
			
		if(barType=="barline")
			{
				show_labels_condition('yes','yes','yes','yes');
				if(document.formTab.graph_type.value!='')
					{						
						maintain_field_values_bar('BARLINE');							
						var str=document.formTab.graph_type.value;											
						if(str=="BAR" || str=="LINE" || str=="AREA" || str=="BARLINE"  || str=="PLOT"){}
						else{
								if(window.confirm('Als je deze grafiek kiest, verlies je gegevens. Klik op annuleren om terug te gaan!')){}
								else{return;}
							}
					}				
				
				document.formTab.graph_type.value="BARLINE";								
				
				browser_compatiablity("imgBar").border="0";
				browser_compatiablity("imgLine").border="0";
				browser_compatiablity("imgArea").border="0";
				browser_compatiablity("imgPie").border="0";
				browser_compatiablity("imgXY").border="0";
				browser_compatiablity("imgPlot").border="0";
				browser_compatiablity("imgScatter").border="0";
				browser_compatiablity("imgBubble").border="0";
				browser_compatiablity("imgMeter").border="0";
				browser_compatiablity("imgLineBar").border="1";
				
				browserCompatiablity('barStyleDiv_1').style.display='none';	
				browserCompatiablity('barStyleDiv_2').style.display='none';	
				browserCompatiablity('barStyleDiv_3').style.display='none';	
				browserCompatiablity('barStyleDiv_4').style.display='none';	
				browserCompatiablity('barStyleDiv_5').style.display='none';	
				browserCompatiablity('barStyleDiv_6').style.display='none';	
				browserCompatiablity('barStyleDiv_7').style.display='none';						
				browserCompatiablity('barStyleDiv_8').style.display='none';	
				browserCompatiablity('barStyleDiv_9').style.display='none';		
				browserCompatiablity('barStyleDiv_10').style.display='block';							
			}
			
		//==== Line
		if(barType=="line")
			{
								
				show_labels_condition('yes','yes','yes','yes');				
				if(document.formTab.graph_type.value!='')
					{						
						maintain_field_values_line('LINE');	
						var str=document.formTab.graph_type.value;
						if(str=="BAR" || str=="LINE" || str=="AREA" || str=="BARLINE" || str=="PLOT"){}
						else{
								if(window.confirm('Als je deze grafiek kiest, verlies je gegevens. Klik op annuleren om terug te gaan!')){}
								else{return;}
							}
					}
					
				document.formTab.graph_type.value="LINE";
				
				browser_compatiablity("imgBar").border="0";
				browser_compatiablity("imgLine").border="1";
				browser_compatiablity("imgArea").border="0";
				browser_compatiablity("imgPie").border="0";
				browser_compatiablity("imgXY").border="0";
				browser_compatiablity("imgPlot").border="0";
				browser_compatiablity("imgScatter").border="0";
				browser_compatiablity("imgBubble").border="0";
				browser_compatiablity("imgMeter").border="0";
				browser_compatiablity("imgLineBar").border="0";
				
				browserCompatiablity('barStyleDiv_1').style.display='none';	
				browserCompatiablity('barStyleDiv_2').style.display='block';	
				browserCompatiablity('barStyleDiv_3').style.display='none';	
				browserCompatiablity('barStyleDiv_4').style.display='none';	
				browserCompatiablity('barStyleDiv_5').style.display='none';	
				browserCompatiablity('barStyleDiv_6').style.display='none';	
				browserCompatiablity('barStyleDiv_7').style.display='none';		
				
				browserCompatiablity('barStyleDiv_8').style.display='none';		
				browserCompatiablity('barStyleDiv_9').style.display='none';		
				browserCompatiablity('barStyleDiv_10').style.display='none';	
			}
			
		//==== Area
		if(barType=="area")
			{
				show_labels_condition('yes','yes','yes','yes');
				if(document.formTab.graph_type.value!='')
					{
						maintain_field_values_area('AREA');	
						
						
						var str=document.formTab.graph_type.value;
						if(str=="BAR" || str=="LINE" || str=="AREA" || str=="BARLINE"  || str=="PLOT"){}
						else{
								if(window.confirm('Als je deze grafiek kiest, verlies je gegevens. Klik op annuleren om terug te gaan!')){}
								else{return;}
							}
					}
				
				document.formTab.graph_type.value="AREA";
				
				browser_compatiablity("imgBar").border="0";
				browser_compatiablity("imgLine").border="0";
				browser_compatiablity("imgArea").border="1";
				browser_compatiablity("imgPie").border="0";
				browser_compatiablity("imgXY").border="0";
				browser_compatiablity("imgPlot").border="0";
				browser_compatiablity("imgScatter").border="0";
				browser_compatiablity("imgBubble").border="0";
				browser_compatiablity("imgMeter").border="0";
				browser_compatiablity("imgLineBar").border="0";
				
				
				browserCompatiablity('barStyleDiv_1').style.display='none';	
				browserCompatiablity('barStyleDiv_2').style.display='none';	
				browserCompatiablity('barStyleDiv_3').style.display='block';	
				browserCompatiablity('barStyleDiv_4').style.display='none';	
				browserCompatiablity('barStyleDiv_5').style.display='none';	
				browserCompatiablity('barStyleDiv_6').style.display='none';	
				browserCompatiablity('barStyleDiv_7').style.display='none';		
				browserCompatiablity('barStyleDiv_8').style.display='none';	
				browserCompatiablity('barStyleDiv_9').style.display='none';	
				browserCompatiablity('barStyleDiv_10').style.display='none';	
			}
			
		//==== Pie
		if(barType=="pie")
			{
				
				show_labels_condition('no','yes','yes','no');
				
				if(document.formTab.graph_type.value!='')
					{
						maintain_field_values_pie('PIE');
						
						
						var str=document.formTab.graph_type.value;
						if(str=="PIE"){}
						else{
								if(window.confirm('Als je deze grafiek kiest, verlies je gegevens. Klik op annuleren om terug te gaan!')){}
								else{return;}
							}
					}
				
				document.formTab.graph_type.value="PIE";
				
				browser_compatiablity("imgBar").border="0";
				browser_compatiablity("imgLine").border="0";
				browser_compatiablity("imgArea").border="0";
				browser_compatiablity("imgPie").border="1";
				browser_compatiablity("imgXY").border="0";
				browser_compatiablity("imgPlot").border="0";
				browser_compatiablity("imgScatter").border="0";
				browser_compatiablity("imgBubble").border="0";
				browser_compatiablity("imgMeter").border="0";
				browser_compatiablity("imgLineBar").border="0";
				
				browserCompatiablity('barStyleDiv_1').style.display='none';	
				browserCompatiablity('barStyleDiv_2').style.display='none';	
				browserCompatiablity('barStyleDiv_3').style.display='none';	
				browserCompatiablity('barStyleDiv_4').style.display='block';	
				browserCompatiablity('barStyleDiv_5').style.display='none';	
				browserCompatiablity('barStyleDiv_6').style.display='none';	
				browserCompatiablity('barStyleDiv_7').style.display='none';		
				browserCompatiablity('barStyleDiv_8').style.display='none';	
				browserCompatiablity('barStyleDiv_9').style.display='none';	
				browserCompatiablity('barStyleDiv_10').style.display='none';
			}	
			
		//==== Meter
		if(barType=="meter")
			{
				
				show_labels_condition('no','yes','yes','no');
				
				if(document.formTab.graph_type.value!='')
					{
						maintain_field_values_pie('METER');
						
						
						var str=document.formTab.graph_type.value;
						if(str=="PIE"){}
						else{
								if(window.confirm('Als je deze grafiek kiest, verlies je gegevens. Klik op annuleren om terug te gaan!')){}
								else{return;}
							}
					}
				
				document.formTab.graph_type.value="METER";
				
				browser_compatiablity("imgBar").border="0";
				browser_compatiablity("imgLine").border="0";
				browser_compatiablity("imgArea").border="0";
				browser_compatiablity("imgPie").border="0";
				browser_compatiablity("imgXY").border="0";
				browser_compatiablity("imgPlot").border="0";
				browser_compatiablity("imgScatter").border="0";
				browser_compatiablity("imgBubble").border="0";
				browser_compatiablity("imgMeter").border="1";
				browser_compatiablity("imgLineBar").border="0";
				
				browserCompatiablity('barStyleDiv_1').style.display='none';	
				browserCompatiablity('barStyleDiv_2').style.display='none';	
				browserCompatiablity('barStyleDiv_3').style.display='none';	
				browserCompatiablity('barStyleDiv_4').style.display='none';	
				browserCompatiablity('barStyleDiv_5').style.display='none';	
				browserCompatiablity('barStyleDiv_6').style.display='none';	
				browserCompatiablity('barStyleDiv_7').style.display='none';		
				browserCompatiablity('barStyleDiv_8').style.display='none';	
				browserCompatiablity('barStyleDiv_9').style.display='block';	
				browserCompatiablity('barStyleDiv_10').style.display='none';
			}	
			
			
		//==== METER
		if(barType=="bubble")
			{
				
				if(document.formTab.graph_type.value!='')
					{
						
						//maintain_field_values_xy('XY');
						show_labels_condition('no','no','no','no');
						
						var str=document.formTab.graph_type.value;
						if(str=="BUBBLE"){}
						else{
								if(window.confirm('Als je deze grafiek kiest, verlies je gegevens. Klik op annuleren om terug te gaan!')){}
								else{return;}
							}
					}
				
				document.formTab.graph_type.value="BUBBLE";
				
				browser_compatiablity("imgBar").border="0";
				browser_compatiablity("imgLine").border="0";
				browser_compatiablity("imgArea").border="0";
				browser_compatiablity("imgPie").border="0";
				browser_compatiablity("imgXY").border="0";
				browser_compatiablity("imgPlot").border="0";
				browser_compatiablity("imgScatter").border="0";
				browser_compatiablity("imgBubble").border="1";
				browser_compatiablity("imgMeter").border="0";
				browser_compatiablity("imgLineBar").border="0";
				
				browserCompatiablity('barStyleDiv_1').style.display='none';	
				browserCompatiablity('barStyleDiv_2').style.display='none';	
				browserCompatiablity('barStyleDiv_3').style.display='none';	
				browserCompatiablity('barStyleDiv_4').style.display='none';	
				browserCompatiablity('barStyleDiv_5').style.display='none';	
				browserCompatiablity('barStyleDiv_6').style.display='none';	
				browserCompatiablity('barStyleDiv_7').style.display='none';		
				browserCompatiablity('barStyleDiv_8').style.display='block';	
				browserCompatiablity('barStyleDiv_9').style.display='none';	
				browserCompatiablity('barStyleDiv_10').style.display='none';
			}	
			
		//==== XY
		if(barType=="xy")
			{
				
				if(document.formTab.graph_type.value!='')
					{
						
						maintain_field_values_xy('XY');
						show_labels_condition('no','no','no','no');
						
						var str=document.formTab.graph_type.value;
						if(str=="XY" || str=="SCATTER"){}
						else{
								if(window.confirm('Als je deze grafiek kiest, verlies je gegevens. Klik op annuleren om terug te gaan!')){}
								else{return;}
							}
					}
				
				document.formTab.graph_type.value="XY";
				
				browser_compatiablity("imgBar").border="0";
				browser_compatiablity("imgLine").border="0";
				browser_compatiablity("imgArea").border="0";
				browser_compatiablity("imgPie").border="0";
				browser_compatiablity("imgXY").border="1";
				browser_compatiablity("imgPlot").border="0";
				browser_compatiablity("imgScatter").border="0";
				browser_compatiablity("imgBubble").border="0";
				browser_compatiablity("imgMeter").border="0";
				browser_compatiablity("imgLineBar").border="0";
				
				browserCompatiablity('barStyleDiv_1').style.display='none';	
				browserCompatiablity('barStyleDiv_2').style.display='none';	
				browserCompatiablity('barStyleDiv_3').style.display='none';	
				browserCompatiablity('barStyleDiv_4').style.display='none';	
				browserCompatiablity('barStyleDiv_5').style.display='block';	
				browserCompatiablity('barStyleDiv_6').style.display='none';	
				browserCompatiablity('barStyleDiv_7').style.display='none';		
				browserCompatiablity('barStyleDiv_8').style.display='none';	
				browserCompatiablity('barStyleDiv_9').style.display='none';	
				browserCompatiablity('barStyleDiv_10').style.display='none';
			}	
		//==== Radar Plot
		if(barType=="plot")
			{
				
				show_labels_condition('no','no','no','no');
				
				if(document.formTab.graph_type.value!='')
					{
						
						maintain_field_values_rp('PLOT');
						
						
						
						var str=document.formTab.graph_type.value;
						if(str=="BAR" || str=="LINE" || str=="AREA" || str=="BARLINE"  || str=="PLOT"){}						
						else{
								if(window.confirm('Als je deze grafiek kiest, verlies je gegevens. Klik op annuleren om terug te gaan!')){}
								else{return;}
							}
					}
					
				document.formTab.graph_type.value="PLOT";
				
				browser_compatiablity("imgBar").border="0";
				browser_compatiablity("imgLine").border="0";
				browser_compatiablity("imgArea").border="0";
				browser_compatiablity("imgPie").border="0";
				browser_compatiablity("imgXY").border="0";
				browser_compatiablity("imgPlot").border="1";
				browser_compatiablity("imgScatter").border="0";
				browser_compatiablity("imgBubble").border="0";
				browser_compatiablity("imgMeter").border="0";
				browser_compatiablity("imgLineBar").border="0";
				
				browserCompatiablity('barStyleDiv_1').style.display='none';	
				browserCompatiablity('barStyleDiv_2').style.display='none';	
				browserCompatiablity('barStyleDiv_3').style.display='none';	
				browserCompatiablity('barStyleDiv_4').style.display='none';	
				browserCompatiablity('barStyleDiv_5').style.display='none';	
				browserCompatiablity('barStyleDiv_6').style.display='block';	
				browserCompatiablity('barStyleDiv_7').style.display='none';	
				browserCompatiablity('barStyleDiv_8').style.display='none';	
				browserCompatiablity('barStyleDiv_9').style.display='none';	
				browserCompatiablity('barStyleDiv_10').style.display='none';
					
			}	
		//==== Radar Plot
		if(barType=="scatter")
			{
				if(document.formTab.graph_type.value!='')
					{
						maintain_field_values_sc('SCATTER');
						
						show_labels_condition('no','no','no','no');
						
						var str=document.formTab.graph_type.value;
						if(str=="XY" || str=="SCATTER"){}
						else{
								if(window.confirm('Als je deze grafiek kiest, verlies je gegevens. Klik op annuleren om terug te gaan!')){}
								else{return;}
							}
					}
					
				document.formTab.graph_type.value="SCATTER";
				
				browser_compatiablity("imgBar").border="0";
				browser_compatiablity("imgLine").border="0";
				browser_compatiablity("imgArea").border="0";
				browser_compatiablity("imgPie").border="0";
				browser_compatiablity("imgXY").border="0";
				browser_compatiablity("imgPlot").border="0";
				browser_compatiablity("imgScatter").border="1";
				browser_compatiablity("imgBubble").border="0";
				browser_compatiablity("imgMeter").border="0";
				browser_compatiablity("imgLineBar").border="0";
				
				browserCompatiablity('barStyleDiv_1').style.display='none';	
				browserCompatiablity('barStyleDiv_2').style.display='none';	
				browserCompatiablity('barStyleDiv_3').style.display='none';	
				browserCompatiablity('barStyleDiv_4').style.display='none';	
				browserCompatiablity('barStyleDiv_5').style.display='none';	
				browserCompatiablity('barStyleDiv_6').style.display='none';	
				browserCompatiablity('barStyleDiv_7').style.display='block';		
				browserCompatiablity('barStyleDiv_8').style.display='none';	
				browserCompatiablity('barStyleDiv_9').style.display='none';	
				browserCompatiablity('barStyleDiv_10').style.display='none';
			}	
	}

function polar_noOfItems()
	{
		var itemno=1, grupno=1, i=0, j=0, str='', rep='', return_value=true;
		itemno=Number(document.formTab.polar_data_noofitems.value)
		grupno=document.formTab.polar_data_noofgrups.value;		
		
		if(browserCompatiablity('item_totalNo').value > itemno)
			{
				return_value=window.confirm('Wil je gegevens verwijderen?');
			}
			
		if(browserCompatiablity('group_totalNo').value > grupno)
			{
				return_value=window.confirm('Wil je gegevens verwijderen?');
			}
			
		if(return_value==false)
			{
				return;
			}
		browserCompatiablity('item_totalNo').value=itemno;
		browserCompatiablity('group_totalNo').value=grupno;
		//==== If group id one
		if(grupno==1){ document.getElementById("polar_showItemGroup").innerHTML=group_one_display(itemno); 	}
				
		//=== If Group 2		
		else if(grupno==2){ document.getElementById("polar_showItemGroup").innerHTML=group_two_display(itemno);	}
		
		//=== If Group 3		
		else if(grupno==3){ document.getElementById("polar_showItemGroup").innerHTML=group_three_display(itemno); }
		
		//=== If Group 4		
		else if(grupno==4){ document.getElementById("polar_showItemGroup").innerHTML=group_four_display(itemno);	}		
			
	}
	


function XY_noOfItems()
	{
		var itemno=1, grupno=1, i=0, j=0, str='', rep='', return_value=true;
		itemno=Number(document.formTab.XY_data_noofitems.value);
		grupno=document.formTab.XY_data_noofgrups.value;				
		
		if(browserCompatiablity('item_totalNo').value > itemno)
			{
				return_value=window.confirm('Wil je gegevens verwijderen?');
			}
			
		if(browserCompatiablity('group_totalNo').value > grupno)
			{
				return_value=window.confirm('Wil je gegevens verwijderen?');
			}
			 
		if(return_value==false)
			{
				return;
			}
			
		browserCompatiablity('item_totalNo').value=itemno;
		browserCompatiablity('group_totalNo').value=grupno;
		
		//==== If group id one
		if(grupno==1){ 	document.getElementById("XY_showItemGroup").innerHTML=XY_group_one_display(itemno);	}		
		
		//=== If Group 2		
		else if(grupno==2){ 	document.getElementById("XY_showItemGroup").innerHTML=XY_group_two_display(itemno);	}
		
		//=== If Group 3		
		else if(grupno==3){ 	document.getElementById("XY_showItemGroup").innerHTML=XY_group_three_display(itemno); }
		
		//=== If Group 4		
		else if(grupno==4){ 	document.getElementById("XY_showItemGroup").innerHTML=XY_group_four_display(itemno);	}		
		
	}
	

function bubble_noOfItems()
	{
		var itemno=1, grupno=1, i=0, j=0, str='', rep='', return_value=true;
		itemno=Number(document.formTab.bubble_data_noofitems.value);
		grupno=document.formTab.bubble_data_noofgrups.value;
		
		if(browserCompatiablity('item_totalNo').value > itemno)
			{
				return_value=window.confirm('Wil je gegevens verwijderen?');
			}
			
		if(browserCompatiablity('group_totalNo').value > grupno)
			{
				return_value=window.confirm('Wil je gegevens verwijderen?');
			}
			 
		if(return_value==false)
			{
				return;
			}
			
		browserCompatiablity('item_totalNo').value=itemno;
		browserCompatiablity('group_totalNo').value=grupno;
		
		//==== If group id one
		if(grupno==1){ 	document.getElementById("bubble_showItemGroup").innerHTML=bubble_group_one_display(itemno);	}		
		
		//=== If Group 2		
		else if(grupno==2){ 	document.getElementById("bubble_showItemGroup").innerHTML=bubble_group_two_display(itemno);	}
		
		//=== If Group 3		
		else if(grupno==3){ 	document.getElementById("bubble_showItemGroup").innerHTML=bubble_group_three_display(itemno); }
		
		//=== If Group 4		
		else if(grupno==4){ 	document.getElementById("bubble_showItemGroup").innerHTML=bubble_group_four_display(itemno);	}		
		
	}
		
	

function check_box_value(str)
	{
		if(browserCompatiablity(str).checked==true){ browserCompatiablity(str).value="yes"; }else{ browserCompatiablity(str).value="no"; }
	}
function Pie_noOfItems()
	{
		var itemno=1, grupno=1, i=0, j=0, str='', rep='', return_value=true, pt_one='#FF6633',valii='no',checkeda='';
		itemno=Number(document.formTab.Pie_data_noofitems.value);
		grupno=1;	
		
		if(browserCompatiablity('item_totalNo').value > itemno)
			{
				return_value=window.confirm('Wil je gegevens verwijderen?');
			}
			
		if(browserCompatiablity('group_totalNo').value > grupno)
			{
				return_value=window.confirm('Wil je gegevens verwijderen? ');
			}
			
		if(return_value==false)
			{
				return;
			}
			
		browserCompatiablity('item_totalNo').value=itemno;
		browserCompatiablity('group_totalNo').value=grupno;
		
		var str="";
		var i=0;		
		str="<table width='350' border='0' align='center' cellpadding='0' cellspacing='2'>";
		str=str+"<tr><td class='tabAppearenceStyle' align='right'>ItemNr</td><td class='tabAppearenceStyle_bold' align='center'>Item Naam</td><td class='tabAppearenceStyle' align='center'>Waarde</td><td width='48' class='tabAppearenceStyle' align='center'>Color</td><td width='200' class='tabAppearenceStyle' align='left'>Piece out of the pie</td></tr>";
        for( i=1; i<=itemno; i++)
			{
		     		dataItemNameValue='';		groupOneValueValue='';
				
			    try
					{					
						if(document.getElementById("dataItemName_"+i).value!='')
							{
								dataItemNameValue=document.getElementById("dataItemName_"+i).value;						
							}
							
						if(document.getElementById("groupOneValue_"+i).value!='')
							{
								valii=groupOneValueValue=document.getElementById("groupOneValue_"+i).value;						
							}
						

					}
				catch(err)	{	} 
				
				try
					{
						checkeda='no',pt_one='#FF6633';
						
						if(document.getElementById("cp_pie_piece_col_"+i).value!='')
							{
								pt_one=document.getElementById("cp_pie_piece_col_"+i).value;												
							}
							
						if(document.getElementById("showPiePieces_"+i).value!='')
							{
								valii=document.getElementById("showPiePieces_"+i).value;								
								if(valii=='yes')
									{ 
										checkeda='checked';
									}
							}
							
							

					}
				catch(err)	{	} 
				
				str=str+"<tr><td class='tabAppearenceStyle' align='center'>"+i+"</td>";
				str=str+"<td class='tabAppearenceStyle' align='center'><input name='dataItemName_"+i+"' id='dataItemName_"+i+"' type='text' size='12' class='textFielsStyle' value='"+dataItemNameValue+"' /></td>";
                str=str+"<td class='tabAppearenceStyle' align='center'><input name='groupOneValue_"+i+"'  id='groupOneValue_"+i+"' type='text' size='8' value='"+groupOneValueValue+"' class='textFielsStyle'/></td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(pt_one,'pie_piece_col_'+i) +"</td><td class='tabAppearenceStyle' align='left'><input type='checkbox' name='showPiePieces_"+i+"' id='showPiePieces_"+i+"' value='"+valii+"' onClick=check_box_value('showPiePieces_"+i+"');     "+checkeda+"></td></tr>";
            
			}
	   str=str+"</table>";
	   	
			
		//==== If group id one
		if(grupno==1){ 	document.getElementById("Pie_showItemGroup").innerHTML=str;	}
		
		
	}


function noOfItems()
	{
		
		var itemno=1, grupno=1, i=0, j=0, str='', rep='', return_value=true;
		itemno=Number(document.formTab.data_noofitems.value);
		grupno=document.formTab.data_noofgrups.value;		
		
		if(browserCompatiablity('item_totalNo').value > itemno)
			{
				return_value=window.confirm('Wil je gegevens verwijderen?');
			}
			
		if(browserCompatiablity('group_totalNo').value > grupno)
			{
				return_value=window.confirm('Wil je gegevens verwijderen?');
			}
			
		if(return_value==false)
			{
				return;
			}
			
		
		browserCompatiablity('item_totalNo').value=itemno;
		browserCompatiablity('group_totalNo').value=grupno;
		
		var axzy="No of Item is calling"+grupno+"";
		
		
		//==== If group id one
		if(grupno==1 || axzy=="No of Item is calling1")
			{ 	
				browserCompatiablity("showItemGroup").innerHTML=group_one_display(itemno);							
			}
		
		//=== If Group 2		
		else if(grupno==2)
			{ 	
				browserCompatiablity("showItemGroup").innerHTML=group_two_display(itemno);						
			}
		
		//=== If Group 3		
		else if(grupno==3)
			{ 	
				browserCompatiablity("showItemGroup").innerHTML=group_three_display(itemno); 				
			}
		
		//=== If Group 4		
		else if(grupno==4)
			{ 	
				browserCompatiablity("showItemGroup").innerHTML=group_four_display(itemno);					
			}		
		
	}

var cp = new ColorPicker('window'); // Popup window
var cp2 = new ColorPicker(); // DIV style



function color_picker_icon(strname,divname)
	{
		var str='';
		str=str+"<div onClick=cp2.select(document.formTab.cp_"+strname+",'pickText_"+strname+"');>";
		str=str+"<A HREF='javascript: void(0);' onClick=cp2.select(document.formTab.cp_"+strname+",'pickText_"+strname+"'); NAME='pickText_"+strname+"' ID='pickText_"+strname+"'>";
		str=str+"<table width='32' border='0' cellpadding='0' cellspacing='0' align='center' style='border:2px solid; border-right:0px solid; border-color:#ECE9D8;'>";
	  	str=str+"<tr><td width='25'><input type='text' name='cp_"+strname+"' id='cp_"+strname+"' value=''  style='width:25px; height:17; border:1px solid; border-color:#ECE9D8; text-decoration:none;'></td>";
		str=str+"<td width='10' align='center' valign='bottom' bgcolor='#ECE9D8' style='padding-bottom:1px;'><img src='image/bullet1.png' width='7' height='4' border='0'></td>";
	  	str=str+"</tr></table></a></div>";
		browserCompatiablity(divname).innerHTML=str;
		
	}

function color_picker_icon_new(value,strname)
	{
		var str='';
		str=str+"<div onClick=cp2.select(document.formTab.cp_"+strname+",'pickText_"+strname+"');>";
		str=str+"<A HREF='javascript: void(0);' onClick=cp2.select(document.formTab.cp_"+strname+",'pickText_"+strname+"'); NAME='pickText_"+strname+"' ID='pickText_"+strname+"'>";
		str=str+"<table width='32' border='0' cellpadding='0' cellspacing='0' align='center' style='border:2px solid; border-right:0px solid; border-color:#ECE9D8;'>";
	  	str=str+"<tr><td width='25'><input type='text' name='cp_"+strname+"' id='cp_"+strname+"' value='"+value+"'  style='width:25px; height:17; border:1px solid; border-color:#ECE9D8; background-color:"+value+"; color:"+value+"; text-decoration:none;'></td>";
		str=str+"<td width='10' align='center' valign='bottom' bgcolor='#ECE9D8' style='padding-bottom:1px;'><img src='image/bullet1.png' width='7' height='4' border='0'></td>";
	  	str=str+"</tr></table></a><div>";
		return str;
		
	}
function color_picker_icon_left(value,strname)
	{
		var str='';
		str=str+"<div onClick=cp2.select(document.formTab.cp_"+strname+",'pickText_"+strname+"');>";
		str=str+"<A HREF='javascript: void(0);' onClick=cp2.select(document.formTab.cp_"+strname+",'pickText_"+strname+"'); NAME='pickText_"+strname+"' ID='pickText_"+strname+"'>";
		str=str+"<table width='32' border='0' cellpadding='0' cellspacing='0' align='left' style='border:2px solid; border-right:0px solid; border-color:#ECE9D8;'>";
	  	str=str+"<tr><td width='25'><input type='text' name='cp_"+strname+"' id='cp_"+strname+"' value='"+value+"'  style='width:25px; height:17; border:1px solid; border-color:#ECE9D8; background-color:"+value+"; color:"+value+"; text-decoration:none;'></td>";
		str=str+"<td width='10' align='center' valign='bottom' bgcolor='#ECE9D8' style='padding-bottom:1px;'><img src='image/bullet1.png' width='7' height='4' border='0'></td>";
	  	str=str+"</tr></table></a><div>";
		return str;
		
	}
function select_bar_or_line(str_value,str_name)
	{
		try
			{
				if(document.getElementById(""+str_name+"").value!=''){ str_value=document.getElementById(""+str_name+"").value; }				
			}
		catch(ee){ }		
		var str='';
		str=str+"<select name='"+str_name+"' id='"+str_name+"'>";
		if(str_value=='Bar'){ str=str+"<option value='Bar' selected>Bar</option>";}else{ str=str+"<option value='Bar'>Bar</option>"; }
		if(str_value=='Line'){ str=str+"<option value='Line' selected>Line</option>";}else{ str=str+"<option value='Line'>Line</option>"; }
		str=str+"</select>";
		return str;
	}

function select_trend_line_option(str_value,str_name)
	{
		try
			{
				if(document.getElementById(""+str_name+"").value!=''){ str_value=document.getElementById(""+str_name+"").value; }				
			}
		catch(ee){ }		
		var str='';
		str=str+"<select name='"+str_name+"' id='"+str_name+"' style='width:59px;font-size:9px;height:20px;'>";
		if(str_value=='Yes'){ str=str+"<option value='Yes' selected>Ja</option>";}else{ str=str+"<option value='Yes'>Ja</option>"; }
		if(str_value=='No'){ str=str+"<option value='No' selected>Nee</option>";}else{ str=str+"<option value='No'>Nee</option>"; }
		str=str+"</select>";
		return str;
	}

function group_one_display(itemno)
	{
		
		var str="", dataItemNameValue='', groupOneValueValue='',groupTwoValueValue='',groupThreeValueValue='',groupFourValueValue='',dataGroup_1='',dataGroup_2='',dataGroup_3='',dataGroup_4='';
		var i=0, ps_one=8, ps_two=8, ps_three=8, ps_four=8, lw_one=1, lw_two=1, lw_three=1, lw_four=1, psh_one='', psh_two='', psh_three='', psh_four='';				
		
		var g1_bar_or_line_value='',i=0,g1_value='#FF6633',g2_value='#FF33FF',g3_value='#0099CC',g4_value='#339900', pt_one='#FF6633',pt_two='#FF33FF',pt_three='#0099CC',pt_four='#339900';				
		var G1_TLO_VALUE="No", G1_TL_COL='#FF6633', G1_TL_WIDTH=1;
		
		
		 try
			{					
				if(document.getElementById("dataGroup_1").value!='') {	dataGroup_1=document.getElementById("dataGroup_1").value;		}	
				if(document.getElementById("cp_group_one").value!=''){	g1_value=document.getElementById("cp_group_one").value;			}	
				
				//==== Group 1
				try	{ if(document.getElementById("group_one_trend_line").value!='')			{	G1_TLO_VALUE=document.getElementById("group_one_trend_line").value; 		}	}catch(err){	}	
				try	{ if(document.getElementById("cp_trend_one_col").value!='')				{	G1_TL_COL=document.getElementById("cp_trend_one_col").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_trend_line_width").value!='')	{	G1_TL_WIDTH=document.getElementById("group_one_trend_line_width").value; 	}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_point_shape").value!='')		{	psh_one=document.getElementById("group_one_point_shape").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_point_size").value!='')			{	ps_one=document.getElementById("group_one_point_size").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_line_width").value!='')			{	lw_one=document.getElementById("group_one_line_width").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("cp_point_one_col").value!='')				{	pt_one=document.getElementById("cp_point_one_col").value; 					}	}catch(err){	}	
						
			
			}
		catch(err)	{	} 
		
		
		str="<table width='193' border='0' align='center' cellpadding='0' cellspacing='2'>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72'>&nbsp;</td><td width='48' class='tabAppearenceStyle' align='center'>Group 1</td></tr>";
		
		if(document.formTab.graph_type.value=="LINE"){
		str=str+'<tr><td class="tabAppearenceStyle" colspan="7" align="right"><a href="javascript:onclick=toggleDisplay(\'advanced\');">Klik voor meer mogelijkheden</a>&nbsp;&nbsp;&nbsp;<div id="advanced" style="display:none;"><table>';
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Trend Line :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ select_trend_line_option(G1_TLO_VALUE,'group_one_trend_line') +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>TL Kleur :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(G1_TL_COL,'trend_one_col') +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>TL Dikte :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_one_trend_line_width',G1_TL_WIDTH) +"</td></tr>";

		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Punt Vorm :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_point_shape('group_one_point_shape',psh_one) +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Punt Dikte :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_one_point_size',ps_one) +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Lijn Dikte :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_one_line_width',lw_one) +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Punt Kleur :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(pt_one,'point_one_col') +"</td></tr>";
		str=str+"</table></div></td></tr>";

		}
		if(document.formTab.graph_type.value=="BARLINE"){
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Bar/Line</td><td width='48' class='tabAppearenceStyle' align='center'>"+ select_bar_or_line(g1_bar_or_line_value,'g1_bar_or_line_name') +"</td></tr>";
		}
		
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Kleur :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(g1_value,'group_one') +"</td></tr>";
        str=str+"<tr><td height='26' align='right' class='tabAppearenceStyle_bold'>&nbsp;</td><td height='26' align='right' class='tabAppearenceStyle_bold'>Groep Label :</td><td class='tabAppearenceStyle' align='left'><input name='dataGroup_1' id='dataGroup_1' value='"+dataGroup_1+"' type='text' size='8' class='textFielsStyle'/></td></tr>";
        str=str+"<tr><td class='tabAppearenceStyle' align='right'>ItemNr</td><td class='tabAppearenceStyle_bold' align='center'>Item Naam</td><td class='tabAppearenceStyle' align='center'>Waarde</td></tr>";
        for( i=1; i<=itemno; i++)
			{		
			   	dataItemNameValue='';		groupOneValueValue='';
				
			    try
					{					
						if(document.getElementById("dataItemName_"+i).value!='')
							{
								dataItemNameValue=document.getElementById("dataItemName_"+i).value;						
							}
							
						if(document.getElementById("groupOneValue_"+i).value!='')
							{
								groupOneValueValue=document.getElementById("groupOneValue_"+i).value;						
							}
						
					}
				catch(err)	{	} 
				
				str=str+"<tr><td class='tabAppearenceStyle' align='center'>"+i+"</td>";
				str=str+"<td class='tabAppearenceStyle' align='center'><input name='dataItemName_"+i+"' id='dataItemName_"+i+"' value='"+dataItemNameValue+"' type='text' size='12' class='textFielsStyle' /></td>";
                str=str+"<td class='tabAppearenceStyle' align='center'><input name='groupOneValue_"+i+"'  id='groupOneValue_"+i+"' value='"+groupOneValueValue+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
            }
	   str=str+"</table>";	   
	   return str;	  
	   
	}
	
	
function group_two_display(itemno)
	{			
		
		var str="", dataItemNameValue='', groupOneValueValue='',groupTwoValueValue='',groupThreeValueValue='',groupFourValueValue='',dataGroup_1='',dataGroup_2='',dataGroup_3='',dataGroup_4='';
		var i=0, ps_one=8, ps_two=8, ps_three=8, ps_four=8, lw_one=1, lw_two=1, lw_three=1, lw_four=1, psh_one='', psh_two='', psh_three='', psh_four='';				
		
		var i=0,g1_value='#FF6633',g2_value='#FF33FF',g3_value='#0099CC',g4_value='#339900', pt_one='#FF6633',pt_two='#FF33FF',pt_three='#0099CC',pt_four='#339900';				
					
		var g1_bar_or_line_value='', g2_bar_or_line_value='';
		
		var G1_TLO_VALUE="No", G1_TL_COL='#FF6633', G1_TL_WIDTH=1, G2_TLO_VALUE="No", G2_TL_COL='#FF33FF', G2_TL_WIDTH=1;
		
		 try
			{					
				if(document.getElementById("dataGroup_1").value!=''){	dataGroup_1=document.getElementById("dataGroup_1").value;		}	
				
				if(document.getElementById("cp_group_one").value!=''){	g1_value=document.getElementById("cp_group_one").value;			}	
				
				try{if(document.getElementById("dataGroup_2").value!=''){	dataGroup_2=document.getElementById("dataGroup_2").value;	}	}catch(err){	}
				try{if(document.getElementById("cp_group_two").value!=''){	g2_value=document.getElementById("cp_group_two").value;		}	}catch(err)	{	} 
				
				//==== Group 1
				try	{ if(document.getElementById("group_one_trend_line").value!='')			{	G1_TLO_VALUE=document.getElementById("group_one_trend_line").value; 		}	}catch(err){	}	
				try	{ if(document.getElementById("cp_trend_one_col").value!='')				{	G1_TL_COL=document.getElementById("cp_trend_one_col").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_trend_line_width").value!='')	{	G1_TL_WIDTH=document.getElementById("group_one_trend_line_width").value; 	}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_point_shape").value!='')		{	psh_one=document.getElementById("group_one_point_shape").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_point_size").value!='')			{	ps_one=document.getElementById("group_one_point_size").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_line_width").value!='')			{	lw_one=document.getElementById("group_one_line_width").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("cp_point_one_col").value!='')				{	pt_one=document.getElementById("cp_point_one_col").value; 					}	}catch(err){	}	
						
				//==== Group 2
				try	{ if(document.getElementById("group_two_trend_line").value!='')			{	G2_TLO_VALUE=document.getElementById("group_two_trend_line").value; 		}	}catch(err){	}	
				try	{ if(document.getElementById("cp_trend_two_col").value!='')				{	G2_TL_COL=document.getElementById("cp_trend_two_col").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_two_trend_line_width").value!='')	{	G2_TL_WIDTH=document.getElementById("group_two_trend_line_width").value; 	}	}catch(err){	}	
				try	{ if(document.getElementById("group_two_point_shape").value!='')		{	psh_two=document.getElementById("group_two_point_shape").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("group_two_point_size").value!='')			{	ps_two=document.getElementById("group_two_point_size").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_two_line_width").value!='')			{	lw_two=document.getElementById("group_two_line_width").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("cp_point_two_col").value!='')				{	pt_two=document.getElementById("cp_point_two_col").value; 					}	}catch(err){	}	
						
					
				
			}
		catch(err)	{	} 
		
	   	str=str+"<table width='245' border='0' align='center'>";
	   	str=str+"<tr><td width='51'>&nbsp;</td><td width='72'>&nbsp;</td><td width='48' class='tabAppearenceStyle' align='center'>Groep 1</td><td width='70' class='tabAppearenceStyle' align='center'>Groep 2</td></tr>";
		
		if(document.formTab.graph_type.value=="LINE"){
		str=str+'<tr><td class="tabAppearenceStyle" colspan="7" align="right"><a href="javascript:onclick=toggleDisplay(\'advanced\');">Klik voor meer mogelijkheden</a>&nbsp;&nbsp;&nbsp;<div id="advanced" style="display:none;"><table>';
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Trend Line :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ select_trend_line_option(G1_TLO_VALUE,'group_one_trend_line') +"</td><td width='70' class='tabAppearenceStyle' align='center'>"+ select_trend_line_option(G2_TLO_VALUE,'group_two_trend_line') +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>TL Kleur :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(G1_TL_COL,'trend_one_col') +"</td><td width='70' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(G2_TL_COL,'trend_two_col') +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>TL Dikte :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_one_trend_line_width',G1_TL_WIDTH) +"</td><td width='70' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_two_trend_line_width',G2_TL_WIDTH) +"</td></tr>";
				
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>PointShape :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_point_shape('group_one_point_shape',psh_one) +"</td><td width='70' class='tabAppearenceStyle' align='center'>"+ list_menu_for_point_shape('group_two_point_shape',psh_two) +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Punt Dikte :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_one_point_size',ps_one) +"</td><td width='70' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_two_point_size',ps_two) +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Lijn Dikte :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_one_line_width',lw_one) +"</td><td width='70' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_two_line_width',lw_two) +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Punt Kleur :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(pt_one,'point_one_col') +"</td><td width='70' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(pt_two,'point_two_col') +"</td></tr>";
		str=str+"</table></div></td></tr>";
		}
		if(document.formTab.graph_type.value=="BARLINE"){
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Bar/Line :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ select_bar_or_line(g1_bar_or_line_value,'g1_bar_or_line_name') +"</td><td width='70' class='tabAppearenceStyle' align='center'>"+ select_bar_or_line(g2_bar_or_line_value,'g2_bar_or_line_name') +"</td></tr>";
		}
		
		
		str=str+"<tr><td width='51' >&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Kleur :</td><td width='48' class='tabAppearenceStyle' align='center'>" + color_picker_icon_new(g1_value,'group_one') + "</td><td width='70' class='tabAppearenceStyle' align='center'>" + color_picker_icon_new(g2_value,'group_two') + "</td></tr>";
       	str=str+"<tr><td height='26' align='right' class='tabAppearenceStyle_bold'>&nbsp;</td><td height='26' align='right' class='tabAppearenceStyle_bold'>Groep Label :</td><td class='tabAppearenceStyle' align='center'><input name='dataGroup_1' id='dataGroup_1' value='"+dataGroup_1+"' type='text' size='8' class='textFielsStyle'/></td><td class='tabAppearenceStyle' align='center'><input name='dataGroup_2' id='dataGroup_2' value='"+dataGroup_2+"' type='text' size='8' class='textFielsStyle'/></td></tr>";
       	str=str+"<tr><td class='tabAppearenceStyle' align='right'>ItemNo </td><td class='tabAppearenceStyle_bold' align='center'>Item Name </td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>Waarde</td></tr>";
	    
		for(i=1;i<=itemno;i++)
			{	
	   			dataItemNameValue='';	groupOneValueValue=''; groupTwoValueValue='';
				
			    try
					{					
						if(document.getElementById("dataItemName_"+i).value!='')
							{
								dataItemNameValue=document.getElementById("dataItemName_"+i).value;						
							}
							
						if(document.getElementById("groupOneValue_"+i).value!='')
							{
								groupOneValueValue=document.getElementById("groupOneValue_"+i).value;						
							}
						if(document.getElementById("groupTwoValue_"+i).value!='')
							{
								groupTwoValueValue=document.getElementById("groupTwoValue_"+i).value;						
							}
						
					}
				catch(err)	{	} 
				
				str=str+"<tr><td class='tabAppearenceStyle' align='center'>"+i+"</td><td width='72' align='center' class='tabAppearenceStyle'><input name='dataItemName_"+i+"' id='dataItemName_"+i+"' value='"+dataItemNameValue+"'  type='text' size='12' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='groupOneValue_"+i+"' id='groupOneValue_"+i+"' value='"+groupOneValueValue+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValue_"+i+"' id='groupTwoValue_"+i+"' value='"+groupTwoValueValue+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
			}
	    str=str+"</table>"; 
		
		return str;		
		
	}

function group_three_display(itemno)
	{
		var str="", dataItemNameValue='', groupOneValueValue='',groupTwoValueValue='',groupThreeValueValue='',groupFourValueValue='',dataGroup_1='',dataGroup_2='',dataGroup_3='',dataGroup_4='';
		var i=0, ps_one=8, ps_two=8, ps_three=8, ps_four=8, lw_one=1, lw_two=1, lw_three=1, lw_four=1, psh_one='', psh_two='', psh_three='', psh_four='';				
		
		var i=0,g1_value='#FF6633',g2_value='#FF33FF',g3_value='#0099CC',g4_value='#339900', pt_one='#FF6633',pt_two='#FF33FF',pt_three='#0099CC',pt_four='#339900';				
		var g1_bar_or_line_value='',g2_bar_or_line_value='', g3_bar_or_line_value='', g4_bar_or_line_value='';
		
		var G1_TLO_VALUE="No", G1_TL_COL='#FF6633', G1_TL_WIDTH=1, G2_TLO_VALUE="No", G2_TL_COL='#FF33FF', G2_TL_WIDTH=1, G3_TLO_VALUE="No", G3_TL_COL='#0099CC', G3_TL_WIDTH=1;
		 try
			{					
				try{ if(document.getElementById("dataGroup_1").value!=''){	dataGroup_1=document.getElementById("dataGroup_1").value;		}	}catch(err)	{	} 		
				try{ if(document.getElementById("dataGroup_2").value!=''){	dataGroup_2=document.getElementById("dataGroup_2").value;		}	}catch(err){	}
				try{ if(document.getElementById("dataGroup_3").value!=''){	dataGroup_3=document.getElementById("dataGroup_3").value;		}	}catch(err){	}
				
				
				try{ if(document.getElementById("cp_group_one").value!=''){	g1_value=document.getElementById("cp_group_one").value;			}	}catch(err)	{	} 
				try{ if(document.getElementById("cp_group_two").value!=''){	g2_value=document.getElementById("cp_group_two").value;			}	}catch(err)	{	} 				
				try{ if(document.getElementById("cp_group_three").value!=''){	g3_value=document.getElementById("cp_group_three").value;	}	}catch(err)	{	} 				
					
				//==== Group 1
				try	{ if(document.getElementById("group_one_trend_line").value!='')			{	G1_TLO_VALUE=document.getElementById("group_one_trend_line").value; 		}	}catch(err){	}	
				try	{ if(document.getElementById("cp_trend_one_col").value!='')				{	G1_TL_COL=document.getElementById("cp_trend_one_col").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_trend_line_width").value!='')	{	G1_TL_WIDTH=document.getElementById("group_one_trend_line_width").value; 	}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_point_shape").value!='')		{	psh_one=document.getElementById("group_one_point_shape").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_point_size").value!='')			{	ps_one=document.getElementById("group_one_point_size").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_line_width").value!='')			{	lw_one=document.getElementById("group_one_line_width").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("cp_point_one_col").value!='')				{	pt_one=document.getElementById("cp_point_one_col").value; 					}	}catch(err){	}	
						
				//==== Group 2
				try	{ if(document.getElementById("group_two_trend_line").value!='')			{	G2_TLO_VALUE=document.getElementById("group_two_trend_line").value; 		}	}catch(err){	}	
				try	{ if(document.getElementById("cp_trend_two_col").value!='')				{	G2_TL_COL=document.getElementById("cp_trend_two_col").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_two_trend_line_width").value!='')	{	G2_TL_WIDTH=document.getElementById("group_two_trend_line_width").value; 	}	}catch(err){	}	
				try	{ if(document.getElementById("group_two_point_shape").value!='')		{	psh_two=document.getElementById("group_two_point_shape").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("group_two_point_size").value!='')			{	ps_two=document.getElementById("group_two_point_size").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_two_line_width").value!='')			{	lw_two=document.getElementById("group_two_line_width").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("cp_point_two_col").value!='')				{	pt_two=document.getElementById("cp_point_two_col").value; 					}	}catch(err){	}	
						
				//==== Group 3
				try	{ if(document.getElementById("group_three_trend_line").value!='')		{	G3_TLO_VALUE=document.getElementById("group_three_trend_line").value; 		}	}catch(err){	}	
				try	{ if(document.getElementById("cp_trend_three_col").value!='')			{	G3_TL_COL=document.getElementById("cp_trend_three_col").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_three_trend_line_width").value!='')	{	G3_TL_WIDTH=document.getElementById("group_three_trend_line_width").value; 	}	}catch(err){	}	
				try	{ if(document.getElementById("group_three_point_shape").value!='')		{	psh_three=document.getElementById("group_three_point_shape").value; 		}	}catch(err){	}	
				try	{ if(document.getElementById("group_three_point_size").value!='')		{	ps_three=document.getElementById("group_three_point_size").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("group_three_line_width").value!='')		{	lw_three=document.getElementById("group_three_line_width").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("cp_point_three_col").value!='')			{	pt_three=document.getElementById("cp_point_three_col").value; 				}	}catch(err){	}	

			}
		catch(err)	{	} 			
	   	
		str=str+"<table width='275' border='0' align='center' cellpadding='0' cellspacing='2'>";
		str=str+"<tr><td width='54'>&nbsp;</td><td width='48'>&nbsp;</td><td width='48' class='tabAppearenceStyle' align='center'>Groep 1</td><td width='48' class='tabAppearenceStyle' align='center'>Groep 2</td><td width='121' class='tabAppearenceStyle' align='center'>Groep 3</td></tr>";
		
		if(document.formTab.graph_type.value=="LINE"){
		str=str+'<tr><td class="tabAppearenceStyle" colspan="7" align="right"><a href="javascript:onclick=toggleDisplay(\'advanced\');">Klik voor meer mogelijkheden</a>&nbsp;&nbsp;&nbsp;<div id="advanced" style="display:none;"><table>';
		str=str+"<tr><td width='54'>&nbsp;</td><td width='48' class='tabAppearenceStyle_bold' align='right'>Trend Line :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ select_trend_line_option(G1_TLO_VALUE,'group_one_trend_line') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ select_trend_line_option(G2_TLO_VALUE,'group_two_trend_line') +"</td><td width='121' class='tabAppearenceStyle' align='center'>"+ select_trend_line_option(G3_TLO_VALUE,'group_three_trend_line') +"</td></tr>";
		str=str+"<tr><td width='54'>&nbsp;</td><td width='48' class='tabAppearenceStyle_bold' align='right'>TL Kleur :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(G1_TL_COL,'trend_one_col') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(G2_TL_COL,'trend_two_col') +"</td><td width='121' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(G3_TL_COL,'trend_three_col') +"</td></tr>";
		str=str+"<tr><td width='54'>&nbsp;</td><td width='48' class='tabAppearenceStyle_bold' align='right'>TL Dikte :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_one_trend_line_width',G1_TL_WIDTH) +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_two_trend_line_width',G2_TL_WIDTH) +"</td><td width='121' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_three_trend_line_width',G3_TL_WIDTH) +"</td></tr>";

		str=str+"<tr><td width='54'>&nbsp;</td><td width='48' class='tabAppearenceStyle_bold' align='right'>Punt Vorm :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_point_shape('group_one_point_shape',psh_one) +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_point_shape('group_two_point_shape',psh_two) +"</td><td width='121' class='tabAppearenceStyle' align='center'>"+ list_menu_for_point_shape('group_three_point_shape',psh_three) +"</td></tr>";
		str=str+"<tr><td width='54'>&nbsp;</td><td width='48' class='tabAppearenceStyle_bold' align='right'>Punt Dikte :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_one_point_size',ps_one) +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_two_point_size',ps_two) +"</td><td width='121' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_three_point_size',ps_three) +"</td></tr>";
		str=str+"<tr><td width='54'>&nbsp;</td><td width='48' class='tabAppearenceStyle_bold' align='right'>Lijn Dikte :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_one_line_width',lw_one) +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_two_line_width',lw_two) +"</td><td width='121' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_three_line_width',lw_three) +"</td></tr>";
		str=str+"<tr><td width='54'>&nbsp;</td><td width='48' class='tabAppearenceStyle_bold' align='right'>Punt Kleur :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(pt_one,'point_one_col') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(pt_two,'point_two_col') +"</td><td width='121' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(pt_three,'point_three_col') +"</td></tr>";
		str=str+"</table></div></td></tr>";
		}
		
		if(document.formTab.graph_type.value=="BARLINE"){
		str=str+"<tr><td width='54'>&nbsp;</td><td width='48' class='tabAppearenceStyle_bold' align='right'>Bar/Line :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ select_bar_or_line(g1_bar_or_line_value,'g1_bar_or_line_name') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ select_bar_or_line(g2_bar_or_line_value,'g2_bar_or_line_name') +"</td><td width='121' class='tabAppearenceStyle' align='center'>"+ select_bar_or_line(g3_bar_or_line_value,'g3_bar_or_line_name') +"</td></tr>";
		}
		
		
		str=str+"<tr><td width='54'>&nbsp;</td><td width='48' class='tabAppearenceStyle_bold' align='right'>Kleur :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(g1_value,'group_one') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(g2_value,'group_two') +"</td><td width='121' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(g3_value,'group_three') +"</td></tr>";
		str=str+"<tr><td height='26' align='right' class='tabAppearenceStyle_bold'>&nbsp;</td><td height='26' align='right' class='tabAppearenceStyle_bold'>Groep Label :</td><td class='tabAppearenceStyle' align='center'><input name='dataGroup_1' id='dataGroup_1' value='"+dataGroup_1+"' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='dataGroup_2' id='dataGroup_2' value='"+dataGroup_2+"' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='dataGroup_3' id='dataGroup_3' value='"+dataGroup_3+"' type='text' size='8' class='textFielsStyle'/></td></tr>";
		str=str+"<tr><td class='tabAppearenceStyle' align='right'>ItemNr</td><td class='tabAppearenceStyle_bold' align='center'>Item Naam</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>Waarde</td></tr>";
		for(i=1;i<=itemno;i++)
			{	
	   			dataItemNameValue='';	groupOneValueValue=''; groupTwoValueValue=''; groupThreeValueValue='';
				
			    try
					{					
						if(document.getElementById("dataItemName_"+i).value!='')
							{
								dataItemNameValue=document.getElementById("dataItemName_"+i).value;						
							}
							
						if(document.getElementById("groupOneValue_"+i).value!='')
							{
								groupOneValueValue=document.getElementById("groupOneValue_"+i).value;						
							}
						if(document.getElementById("groupTwoValue_"+i).value!='')
							{
								groupTwoValueValue=document.getElementById("groupTwoValue_"+i).value;						
							}
						if(document.getElementById("groupThreeValue_"+i).value!='')
							{
								groupThreeValueValue=document.getElementById("groupThreeValue_"+i).value;						
							}
						
					}
				catch(err)	{	} 
				
				str=str+"<tr><td class='tabAppearenceStyle' align='center'>"+i+"</td><td width='48' align='center' class='tabAppearenceStyle'><input name='dataItemName_"+i+"' id='dataItemName_"+i+"' value='"+dataItemNameValue+"' type='text' size='12' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='groupOneValue_"+i+"' id='groupOneValue_"+i+"' value='"+groupOneValueValue+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValue_"+i+"' id='groupTwoValue_"+i+"' value='"+groupTwoValueValue+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='groupThreeValue_"+i+"' id='groupThreeValue_"+i+"' value='"+groupThreeValueValue+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
			}
					
		str=str+"</table>"; 	
		 return str;	
		
	}

	
function list_menu_for_line(name,value)
			{
				
				//alert('inside function body'+name);
				var str="",i=0;
				str=str+"<select name='"+name+"' id='"+name+"' style='width:59px;'>";
				
				for(i=1;i<=15;i++)
					{
						if(value!=i){ str=str+"<option value='"+i+"'>"+i+"</option>"; }else{ str=str+"<option value='"+i+"' selected>"+i+"</option>"; }
					} 
				
				str=str+"</select>";
				return str;
			}
			
function list_menu_for_point_shape(name,value)
			{				
				//alert('inside function body'+name);
				var str="",i=0;
				str=str+"<select name='"+name+"' id='"+name+"' style='width:59px;font-size:9px;height:20px;'>";
				if(value=="No"){ str=str+"<option value='No' selected>NoShape</option>";}else{ str=str+"<option value='No'>NoShape</option>"; }
				if(value=="Square"){ str=str+"<option value='Square' selected>Square</option>"; }else{ str=str+"<option value='Square'>Square</option>"; }
				if(value=="Circle"){ str=str+"<option value='Circle' selected>Circle</option>"; }else{ str=str+"<option value='Circle'>Circle</option>"; }
				if(value=="Diamond"){ str=str+"<option value='Diamond' selected>Diamond</option>"; }else{ str=str+"<option value='Diamond'>Diamond</option>"; }
				if(value=="Plus"){ str=str+"<option value='Plus' selected>Plus</option>"; }else{ str=str+"<option value='Plus'>Plus</option>"; }
				if(value=="Triangle"){ str=str+"<option value='Triangle' selected>Triangle</option>"; }else{ str=str+"<option value='Triangle'>Triangle</option>"; }
				str=str+"</select>";
				return str;
			}
		
function list_menu_for_point_shape_bubble(name,value)
			{				
				//alert('inside function body'+name);
				var str="",i=0;
				str=str+"<select name='"+name+"' id='"+name+"' style='width:59px;font-size:9px;height:20px;'>";				
				if(value=="Square"){ str=str+"<option value='Square' selected>Square</option>"; }else{ str=str+"<option value='Square'>Square</option>"; }
				if(value=="Circle"){ str=str+"<option value='Circle' selected>Circle</option>"; }else{ str=str+"<option value='Circle'>Circle</option>"; }
				if(value=="Diamond"){ str=str+"<option value='Diamond' selected>Diamond</option>"; }else{ str=str+"<option value='Diamond'>Diamond</option>"; }
				if(value=="Plus"){ str=str+"<option value='Plus' selected>Plus</option>"; }else{ str=str+"<option value='Plus'>Plus</option>"; }
				if(value=="Triangle"){ str=str+"<option value='Triangle' selected>Triangle</option>"; }else{ str=str+"<option value='Triangle'>Triangle</option>"; }
				str=str+"</select>";
				return str;
			}


function group_four_display(itemno)
	{
		
		var str="", dataItemNameValue='', groupOneValueValue='',groupTwoValueValue='',groupThreeValueValue='',groupFourValueValue='',dataGroup_1='',dataGroup_2='',dataGroup_3='',dataGroup_4='';
		var i=0, ps_one=8, ps_two=8, ps_three=8, ps_four=8, lw_one=1, lw_two=1, lw_three=1, lw_four=1, psh_one='', psh_two='', psh_three='', psh_four='';				
		
		var i=0,g1_value='#FF6633',g2_value='#FF33FF',g3_value='#0099CC',g4_value='#339900', pt_one='#FF6633',pt_two='#FF33FF',pt_three='#0099CC',pt_four='#339900';				
		var g1_bar_or_line_value='',g2_bar_or_line_value='', g3_bar_or_line_value='', g4_bar_or_line_value='';
		
		var G1_TLO_VALUE="No", G1_TL_COL='#FF6633', G1_TL_WIDTH=1, G2_TLO_VALUE="No", G2_TL_COL='#FF33FF', G2_TL_WIDTH=1, G3_TLO_VALUE="No", G3_TL_COL='#0099CC', G3_TL_WIDTH=1,G4_TLO_VALUE="No", G4_TL_COL='#339900', G4_TL_WIDTH=1;
		
		try
			{					
				try{ if(document.getElementById("dataGroup_1").value!='')	{	dataGroup_1=document.getElementById("dataGroup_1").value;		}	}catch(err){	}		
				try{ if(document.getElementById("dataGroup_2").value!='')	{	dataGroup_2=document.getElementById("dataGroup_2").value;		}	}catch(err){	}
				try{ if(document.getElementById("dataGroup_3").value!='')	{	dataGroup_3=document.getElementById("dataGroup_3").value;		}	}catch(err){	}
				try{ if(document.getElementById("dataGroup_4").value!='')	{	dataGroup_4=document.getElementById("dataGroup_4").value;		}	}catch(err){	}
				
				try	{ if(document.getElementById("cp_group_one").value!='')	{	g1_value=document.getElementById("cp_group_one").value;			}	}catch(err){	}	
				try	{ if(document.getElementById("cp_group_two").value!='')	{	g2_value=document.getElementById("cp_group_two").value;			}	}catch(err){	} 				
				try	{if(document.getElementById("cp_group_three").value!=''){	g3_value=document.getElementById("cp_group_three").value;		}	}catch(err){	} 				
				try	{ if(document.getElementById("cp_group_four").value!=''){	g4_value=document.getElementById("cp_group_four").value;		}	}catch(err){	} 				
					
				//==== Group 1
				try	{ if(document.getElementById("group_one_trend_line").value!='')			{	G1_TLO_VALUE=document.getElementById("group_one_trend_line").value; 		}	}catch(err){	}	
				try	{ if(document.getElementById("cp_trend_one_col").value!='')				{	G1_TL_COL=document.getElementById("cp_trend_one_col").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_trend_line_width").value!='')	{	G1_TL_WIDTH=document.getElementById("group_one_trend_line_width").value; 	}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_point_shape").value!='')		{	psh_one=document.getElementById("group_one_point_shape").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_point_size").value!='')			{	ps_one=document.getElementById("group_one_point_size").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_one_line_width").value!='')			{	lw_one=document.getElementById("group_one_line_width").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("cp_point_one_col").value!='')				{	pt_one=document.getElementById("cp_point_one_col").value; 					}	}catch(err){	}	
						
				//==== Group 2
				try	{ if(document.getElementById("group_two_trend_line").value!='')			{	G2_TLO_VALUE=document.getElementById("group_two_trend_line").value; 		}	}catch(err){	}	
				try	{ if(document.getElementById("cp_trend_two_col").value!='')				{	G2_TL_COL=document.getElementById("cp_trend_two_col").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_two_trend_line_width").value!='')	{	G2_TL_WIDTH=document.getElementById("group_two_trend_line_width").value; 	}	}catch(err){	}	
				try	{ if(document.getElementById("group_two_point_shape").value!='')		{	psh_two=document.getElementById("group_two_point_shape").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("group_two_point_size").value!='')			{	ps_two=document.getElementById("group_two_point_size").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_two_line_width").value!='')			{	lw_two=document.getElementById("group_two_line_width").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("cp_point_two_col").value!='')				{	pt_two=document.getElementById("cp_point_two_col").value; 					}	}catch(err){	}	
						
				//==== Group 3
				try	{ if(document.getElementById("group_three_trend_line").value!='')		{	G3_TLO_VALUE=document.getElementById("group_three_trend_line").value; 		}	}catch(err){	}	
				try	{ if(document.getElementById("cp_trend_three_col").value!='')			{	G3_TL_COL=document.getElementById("cp_trend_three_col").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_three_trend_line_width").value!='')	{	G3_TL_WIDTH=document.getElementById("group_three_trend_line_width").value; 	}	}catch(err){	}	
				try	{ if(document.getElementById("group_three_point_shape").value!='')		{	psh_three=document.getElementById("group_three_point_shape").value; 		}	}catch(err){	}	
				try	{ if(document.getElementById("group_three_point_size").value!='')		{	ps_three=document.getElementById("group_three_point_size").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("group_three_line_width").value!='')		{	lw_three=document.getElementById("group_three_line_width").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("cp_point_three_col").value!='')			{	pt_three=document.getElementById("cp_point_three_col").value; 				}	}catch(err){	}	
						
				//==== Group 4
				try	{ if(document.getElementById("group_four_trend_line").value!='')		{	G4_TLO_VALUE=document.getElementById("group_four_trend_line").value; 		}	}catch(err){	}	
				try	{ if(document.getElementById("cp_trend_four_col").value!='')			{	G4_TL_COL=document.getElementById("cp_trend_four_col").value; 				}	}catch(err){	}	
				try	{ if(document.getElementById("group_four_trend_line_width").value!='')	{	G4_TL_WIDTH=document.getElementById("group_four_trend_line_width").value; 	}	}catch(err){	}	
				try	{ if(document.getElementById("group_four_point_shape").value!='')		{	psh_four=document.getElementById("group_four_point_shape").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("group_four_point_size").value!='')		{	ps_four=document.getElementById("group_four_point_size").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("group_four_line_width").value!='')		{	lw_four=document.getElementById("group_four_line_width").value; 			}	}catch(err){	}	
				try	{ if(document.getElementById("cp_point_four_col").value!='')			{	pt_four=document.getElementById("cp_point_four_col").value; 				}	}catch(err){	}	
						
			}
		catch(err)	{	} 		
		
				
		str=str+"<table width='341' border='0' align='center' cellpadding='0' cellspacing='2'>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72'>&nbsp;</td><td width='48' class='tabAppearenceStyle' align='center'>Groep 1 </td><td width='48' class='tabAppearenceStyle' align='center'>Groep 2</td><td width='48' class='tabAppearenceStyle' align='center'>Groep 3</td><td width='114' class='tabAppearenceStyle' align='center'>Groep 4</td></tr>";
		
		if(document.formTab.graph_type.value=="LINE"){
		str=str+'<tr><td class="tabAppearenceStyle" colspan="7" align="right"><a href="javascript:onclick=toggleDisplay(\'advanced\');">Klik voor meer mogelijkheden</a>&nbsp;&nbsp;&nbsp;<div id="advanced" style="display:none;"><table>';
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Trend Line :</td><td width='48' class='tabAppearenceStyle' align='center'>"+  select_trend_line_option(G1_TLO_VALUE,'group_one_trend_line') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+  select_trend_line_option(G2_TLO_VALUE,'group_two_trend_line') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+  select_trend_line_option(G3_TLO_VALUE,'group_three_trend_line') +"</td><td width='114' class='tabAppearenceStyle' align='center'>"+  select_trend_line_option(G4_TLO_VALUE,'group_four_trend_line') +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>TL Kleur :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(G1_TL_COL,'trend_one_col') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(G2_TL_COL,'trend_two_col') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(G3_TL_COL,'trend_three_col') +"</td><td width='114' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(G4_TL_COL,'trend_four_col') +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>TL Dikte :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_one_trend_line_width',G1_TL_WIDTH) +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_two_trend_line_width',G2_TL_WIDTH) +"</td><td width='48' class='tabAppearenceStyle' align='center' >"+ list_menu_for_line('group_three_trend_line_width',G3_TL_WIDTH) +"</td><td width='114' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_four_trend_line_width',G4_TL_WIDTH) +"</td></tr>";

		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Punt Vorm :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_point_shape('group_one_point_shape',psh_one) +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_point_shape('group_two_point_shape',psh_two) +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_point_shape('group_three_point_shape',psh_three) +"</td><td width='114' class='tabAppearenceStyle' align='center'>"+ list_menu_for_point_shape('group_four_point_shape',psh_four) +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Punt Dikte :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_one_point_size',ps_one) +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_two_point_size',ps_two) +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_three_point_size',ps_three) +"</td><td width='114' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_four_point_size',ps_four) +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Lijn Dikte :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_one_line_width',lw_one) +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_two_line_width',lw_two) +"</td><td width='48' class='tabAppearenceStyle' align='center' >"+ list_menu_for_line('group_three_line_width',lw_three) +"</td><td width='114' class='tabAppearenceStyle' align='center'>"+ list_menu_for_line('group_four_line_width',lw_four) +"</td></tr>";
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Punt Kleur :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(pt_one,'point_one_col') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(pt_two,'point_two_col') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(pt_three,'point_three_col') +"</td><td width='114' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(pt_four,'point_four_col') +"</td></tr>";
		str=str+"</table></div></td></tr>";
		}
		
		if(document.formTab.graph_type.value=="BARLINE"){
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Bar/Line :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ select_bar_or_line(g1_bar_or_line_value,'g1_bar_or_line_name') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ select_bar_or_line(g2_bar_or_line_value,'g2_bar_or_line_name') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ select_bar_or_line(g3_bar_or_line_value,'g3_bar_or_line_name') +"</td><td width='114' class='tabAppearenceStyle' align='center'>"+ select_bar_or_line(g4_bar_or_line_value,'g4_bar_or_line_name') +"</td></tr>";
		}
		
		str=str+"<tr><td width='51'>&nbsp;</td><td width='72' class='tabAppearenceStyle_bold' align='right'>Kleur :</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(g1_value,'group_one') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(g2_value,'group_two') +"</td><td width='48' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(g3_value,'group_three') +"</td><td width='114' class='tabAppearenceStyle' align='center'>"+ color_picker_icon_new(g4_value,'group_four') +"</td></tr>";
		str=str+"<tr><td height='26' align='right' class='tabAppearenceStyle_bold'>&nbsp;</td><td height='26' align='right' class='tabAppearenceStyle_bold'>Groep Label :</td><td class='tabAppearenceStyle' align='center'><input name='dataGroup_1' id='dataGroup_1' value='"+dataGroup_1+"' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='dataGroup_2' id='dataGroup_2' value='"+dataGroup_2+"' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='dataGroup_3' id='dataGroup_3' value='"+dataGroup_3+"' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='dataGroup_4' id='dataGroup_4' value='"+dataGroup_4+"' type='text' size='8' class='textFielsStyle'/></td></tr>";
        str=str+"<tr><td class='tabAppearenceStyle' align='right'>ItemNr</td><td class='tabAppearenceStyle_bold' align='left'>Item Naam</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>Waarde</td></tr>";
		for(i=1;i<=itemno;i++)
			{	
	   			 dataItemNameValue='';	groupOneValueValue=''; groupTwoValueValue=''; groupThreeValueValue=''; groupFourValueValue='';
				
			    try
					{					
						if(document.getElementById("dataItemName_"+i).value!='')
							{
								dataItemNameValue=document.getElementById("dataItemName_"+i).value;						
							}
							
						if(document.getElementById("groupOneValue_"+i).value!='')
							{
								groupOneValueValue=document.getElementById("groupOneValue_"+i).value;						
							}
						if(document.getElementById("groupTwoValue_"+i).value!='')
							{
								groupTwoValueValue=document.getElementById("groupTwoValue_"+i).value;						
							}
						if(document.getElementById("groupThreeValue_"+i).value!='')
							{
								groupThreeValueValue=document.getElementById("groupThreeValue_"+i).value;						
							}
						if(document.getElementById("groupFourValue_"+i).value!='')
							{
								groupFourValueValue=document.getElementById("groupFourValue_"+i).value;						
							}
						
					}
				catch(err)	{	} 
				
				str=str+"<tr><td class='tabAppearenceStyle' align='center'>"+i+"</td><td width='72' align='center' class='tabAppearenceStyle'><input name='dataItemName_"+i+"' id='dataItemName_"+i+"' value='"+dataItemNameValue+"'  type='text' size='12' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='groupOneValue_"+i+"' id='groupOneValue_"+i+"' value='"+groupOneValueValue+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValue_"+i+"' id='groupTwoValue_"+i+"'  value='"+groupTwoValueValue+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='groupThreeValue_"+i+"' id='groupThreeValue_"+i+"'  value='"+groupThreeValueValue+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'><input name='groupFourValue_"+i+"' id='groupFourValue_"+i+"'  value='"+groupFourValueValue+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
			}
		
		str=str+"</table>"; 	
		return str;	
		
	}
	
	
function XY_group_one_display(itemno)
	{
		var str="",dataItemNameValue='',groupOneValueValue='',groupTwoValueValue='',groupThreeValueValue='',groupFourValueValue='',dataGroup_1='',dataGroup_2='',dataGroup_3='',dataGroup_4='';
		var i=0,g1_value='#FF6633',g2_value='#FF33FF',g3_value='#0099CC',pt_one=g4_value='#339900',pt_one='#FF6633',pt_two='#FF33FF',pt_three='#0099CC',pt_four='#339900';			
		
		var ps_one=8, ps_two=8, ps_three=8, ps_four=8, lw_one=1, lw_two=1, lw_three=1, lw_four=1, psh_one='', psh_two='', psh_three='', psh_four='';				
		 try
			{					
				if(document.getElementById("dataGroup_1").value!=''){	dataGroup_1=document.getElementById("dataGroup_1").value;		}	
				//if(document.getElementById("dataGroup_2").value!=''){	dataGroup_2=document.getElementById("dataGroup_2").value;		}	
				//if(document.getElementById("dataGroup_3").value!=''){	dataGroup_3=document.getElementById("dataGroup_3").value;		}	
				//if(document.getElementById("dataGroup_4").value!=''){	dataGroup_4=document.getElementById("dataGroup_4").value;		}		
			
				if(document.getElementById("cp_group_one").value!=''){	g1_value=document.getElementById("cp_group_one").value;			}					
			
				
				if(document.getElementById("group_one_point_shape").value!='')	{ psh_one=document.getElementById("group_one_point_shape").value; 	}
				if(document.getElementById("group_one_point_size").value!='') 	{ ps_one=document.getElementById("group_one_point_size").value; 	}
				if(document.getElementById("group_one_line_width").value!='') 	{ lw_one=document.getElementById("group_one_line_width").value; 	}
				if(document.getElementById("cp_point_one_col").value!='') 		{ pt_one=document.getElementById("cp_point_one_col").value; 		}
				
				
			
			}
		catch(err)	{	} 	
	   
	   str=str+"<table width='159' border='0' align='center' cellpadding='0' cellspacing='2'>";
	  
	   	str=str+"<tr><td width='50'>&nbsp;</td><td colspan='2' align='center' class='tabAppearenceStyle'>Group 1</td></tr>";
	   
		str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Punt Vorm :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape('group_one_point_shape',psh_one) +"</td></tr>";
		str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Punt Dikte :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_point_size',ps_one) +"</td></tr>";
		str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Lijn Dikte :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_line_width',lw_one) +"</td></tr>";
		str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Punt Kleur :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_one,'point_one_col') +"</td></tr>";
		str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Kleur :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g1_value,'group_one') +"</td></tr>";
				
	   	str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Label</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td>    <td width='48' align='center' class='tabAppearenceStyle'><input name='dataGroup_1' id='dataGroup_1' value='"+dataGroup_1+"' type='text' size='8' class='textFielsStyle'/></td></tr>";
	   	str=str+"<tr><td align='center' class='tabAppearenceStyle_bold'>Point</td><td colspan='2' align='center' class='tabAppearenceStyle'>Waarde</td></tr>";
	   for(i=1;i<=itemno;i++)
			{
				 groupOneValueX=''; groupOneValueY='';
				
			    try
					{						
						if(document.getElementById("groupOneValueX_"+i).value!='')
							{
								groupOneValueX=document.getElementById("groupOneValueX_"+i).value;						
							}
						if(document.getElementById("groupOneValueY_"+i).value!='')
							{
								groupOneValueY=document.getElementById("groupOneValueY_"+i).value;						
							}
						
						
					}
				catch(err)	{	} 
				
				
				str=str+"<tr><td rowspan='2' align='center' class='tabAppearenceStyle_bold'>"+i+"</td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueX_"+i+"' id='groupOneValueX_"+i+"' value='"+groupOneValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr><tr><td align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueY_"+i+"' id='groupOneValueY_"+i+"' value='"+groupOneValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
	   		}
	   str=str+"</table>";
	  
	   return str;
	}
	
	
function XY_group_two_display(itemno)
	{
		
		var str="",dataGroup_1='',dataGroup_2='',dataGroup_3='',dataGroup_4='', groupOneValueX='', groupOneValueY='', groupTwoValueX='', groupTwoValueY='';
		var i=0,g1_value='#FF6633',g2_value='#FF33FF',g3_value='#0099CC',g4_value='#339900',pt_one='#FF6633',pt_two='#FF33FF',pt_three='#0099CC',pt_four='#339900';		
		var ps_one=8, ps_two=8, ps_three=8, ps_four=8, lw_one=1, lw_two=1, lw_three=1, lw_four=1, psh_one='', psh_two='', psh_three='', psh_four='';				
		
		 try
			{					
				if(document.getElementById("dataGroup_1").value!=''){ dataGroup_1=document.getElementById("dataGroup_1").value; }	
				try	{ if(document.getElementById("dataGroup_2").value!=''){ dataGroup_2=document.getElementById("dataGroup_2").value; }	}catch(err)	{	} 				
				
				if(document.getElementById("cp_group_one").value!=''){	g1_value=document.getElementById("cp_group_one").value;				}	
				try	{ if(document.getElementById("cp_group_two").value!=''){	g2_value=document.getElementById("cp_group_two").value;		}	}catch(err)	{	} 				
				
				if(document.getElementById("group_one_point_shape").value!='')	{ psh_one=document.getElementById("group_one_point_shape").value; 	}
				if(document.getElementById("group_one_point_size").value!='') 	{ ps_one=document.getElementById("group_one_point_size").value; 	}
				if(document.getElementById("group_one_line_width").value!='') 	{ lw_one=document.getElementById("group_one_line_width").value; 	}
				if(document.getElementById("cp_point_one_col").value!='') 		{ pt_one=document.getElementById("cp_point_one_col").value; 		}
				try	{
						if(document.getElementById("group_two_point_shape").value!='')	{ psh_two=document.getElementById("group_two_point_shape").value; 	}
						if(document.getElementById("group_two_point_size").value!='') 	{ ps_two=document.getElementById("group_two_point_size").value; 	}
						if(document.getElementById("group_two_line_width").value!='') 	{ lw_two=document.getElementById("group_two_line_width").value; 	}
						if(document.getElementById("cp_point_two_col").value!='') 		{ pt_two=document.getElementById("cp_point_two_col").value; 		}
					}
				catch(err)	{	}
				
			}
		catch(err)	{	} 
		
					
		
		str=str+"<table width='217' border='0' align='center' cellpadding='0' cellspacing='2'>";
		str=str+"<tr><td width='100'>&nbsp;</td><td width='52' colspan='2' align='center' class='tabAppearenceStyle'>Group 1</td><td width='52' colspan='2' align='center' class='tabAppearenceStyle'>Group 2</td></tr>";
		
		str=str+"<tr><td  align='right' class='tabAppearenceStyle_bold'>Punt Vorm :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape('group_one_point_shape',psh_one) +"</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape('group_two_point_shape',psh_two) +"</td></tr>";
		str=str+"<tr><td  align='right' class='tabAppearenceStyle_bold'>Punt Dikte :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_point_size',ps_one) +"</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_two_point_size',ps_two) +"</td></tr>";
		str=str+"<tr><td  align='right' class='tabAppearenceStyle_bold'>Lijn Dikte :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_line_width',lw_one) +"</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_two_line_width',lw_two) +"</td></tr>";
		str=str+"<tr><td  align='right' class='tabAppearenceStyle_bold'>Punt Kleur :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_one,'point_one_col') +"</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_two,'point_two_col') +"</td></tr>";		
		str=str+"<tr><td  align='right' class='tabAppearenceStyle_bold'>Kleur :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g1_value,'group_one') +"</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g2_value,'group_two') +"</td></tr>";				
		
		str=str+"<tr><td height='26' align='right' class='tabAppearenceStyle_bold'>Label</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'><input name='dataGroup_1' id='dataGroup_1' value='"+dataGroup_1+"' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'><input name='dataGroup_2' id='dataGroup_2' value='"+dataGroup_2+"'  type='text' size='8' class='textFielsStyle'/></td></tr>";
		str=str+"<tr><td align='center' class='tabAppearenceStyle_bold'>Point</td><td colspan='2' align='center' class='tabAppearenceStyle'>Waarde</td><td colspan='2' align='center' class='tabAppearenceStyle'>Waarde</td></tr>";
		for(i=1;i<=itemno;i++)
			{
				 groupOneValueX=''; groupOneValueY='';  groupTwoValueX=''; groupTwoValueY='';
				
			    try
					{						
						if(document.getElementById("groupOneValueX_"+i).value!='')
							{
								groupOneValueX=document.getElementById("groupOneValueX_"+i).value;						
							}
						if(document.getElementById("groupOneValueY_"+i).value!='')
							{
								groupOneValueY=document.getElementById("groupOneValueY_"+i).value;						
							}
						if(document.getElementById("groupTwoValueX_"+i).value!='')
							{
								groupTwoValueX=document.getElementById("groupTwoValueX_"+i).value;						
							}
						if(document.getElementById("groupTwoValueY_"+i).value!='')
							{
								groupTwoValueY=document.getElementById("groupTwoValueY_"+i).value;						
							}
						
						
					}
				catch(err)	{	} 
				str=str+"<tr><td rowspan='2' align='center' class='tabAppearenceStyle_bold'>"+i+"</td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueX_"+i+"' id='groupOneValueX_"+i+"' value='"+groupOneValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueX_"+i+"' id='groupTwoValueX_"+i+"' value='"+groupTwoValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
				str=str+"<tr><td align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueY_"+i+"' id='groupOneValueY_"+i+"' value='"+groupOneValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueY_"+i+"' id='groupTwoValueY_"+i+"' value='"+groupTwoValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
			}
		
		str=str+"</table>"; 		
		return str;
		
	}

function XY_group_three_display(itemno)
	{
		var str="",dataGroup_1='',dataGroup_2='',dataGroup_3='',dataGroup_4='', groupOneValueX='', groupOneValueY='', groupTwoValueX='', groupTwoValueY='',groupThreeValueX='', groupThreeValueY='';
		var i=0,g1_value='#FF6633',g2_value='#FF33FF',g3_value='#0099CC',g4_value='#339900',pt_one='#FF6633',pt_two='#FF33FF',pt_three='#0099CC',pt_four='#339900';		
		var ps_one=8, ps_two=8, ps_three=8, ps_four=8, lw_one=1, lw_two=1, lw_three=1, lw_four=1, psh_one='', psh_two='', psh_three='', psh_four='';				
		
		 try
			{					
				if(document.getElementById("dataGroup_1").value!=''){ dataGroup_1=document.getElementById("dataGroup_1").value; }	
				if(document.getElementById("dataGroup_2").value!=''){ dataGroup_2=document.getElementById("dataGroup_2").value; }	
				try	{ if(document.getElementById("dataGroup_3").value!=''){ dataGroup_3=document.getElementById("dataGroup_3").value; } }catch(err)	{	}
				
				if(document.getElementById("cp_group_one").value!=''){	g1_value=document.getElementById("cp_group_one").value;				}	
				try	{ if(document.getElementById("cp_group_two").value!=''){	g2_value=document.getElementById("cp_group_two").value;		}	}catch(err)	{	} 				
				try	{ if(document.getElementById("cp_group_three").value!=''){	g3_value=document.getElementById("cp_group_three").value;	}	}catch(err)	{	} 				
				
			
				if(document.getElementById("group_one_point_shape").value!='')	{ psh_one=document.getElementById("group_one_point_shape").value; 	}
				if(document.getElementById("group_one_point_size").value!='') 	{ ps_one=document.getElementById("group_one_point_size").value; 	}
				if(document.getElementById("group_one_line_width").value!='') 	{ lw_one=document.getElementById("group_one_line_width").value; 	}
				if(document.getElementById("cp_point_one_col").value!='') 		{ pt_one=document.getElementById("cp_point_one_col").value; 		}
				try	{
						if(document.getElementById("group_two_point_shape").value!='')	{ psh_two=document.getElementById("group_two_point_shape").value; 	}
						if(document.getElementById("group_two_point_size").value!='') 	{ ps_two=document.getElementById("group_two_point_size").value; 	}
						if(document.getElementById("group_two_line_width").value!='') 	{ lw_two=document.getElementById("group_two_line_width").value; 	}
						if(document.getElementById("cp_point_two_col").value!='') 		{ pt_two=document.getElementById("cp_point_two_col").value; 		}
					}
				catch(err)	{	}
				try	{
						if(document.getElementById("group_three_point_shape").value!='')	{ psh_three=document.getElementById("group_three_point_shape").value; 	}
						if(document.getElementById("group_three_point_size").value!='') 	{ ps_three=document.getElementById("group_three_point_size").value; 	}
						if(document.getElementById("group_three_line_width").value!='') 	{ lw_three=document.getElementById("group_three_line_width").value; 	}
						if(document.getElementById("cp_point_three_col").value!='') 		{ pt_three=document.getElementById("cp_point_three_col").value; 		}
					}
				catch(err)	{	}
				
			
			}
		catch(err)	{	} 
		
		
		
		str=str+"<table width='298' border='0' align='center' cellpadding='0' cellspacing='2'>";
		str=str+"<tr><td width='94'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 1</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 2</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 3</td></tr>";
		
		str=str+"<tr><td width='94' align='right' class='tabAppearenceStyle_bold'>Punt Vorm :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape('group_one_point_shape',psh_one) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape('group_two_point_shape',psh_two) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape('group_three_point_shape',psh_three) +"</td></tr>";
		str=str+"<tr><td width='94' align='right' class='tabAppearenceStyle_bold'>Punt Dikte :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_point_size',ps_one) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_two_point_size',ps_two) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_three_point_size',ps_three) +"</td></tr>";
		str=str+"<tr><td width='94' align='right' class='tabAppearenceStyle_bold'>Lijn Dikte :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_line_width',lw_one) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_two_line_width',lw_two) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_three_line_width',lw_three) +"</td></tr>";
		str=str+"<tr><td width='94' align='right' class='tabAppearenceStyle_bold'>Punt Kleur :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_one,'point_one_col') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_two,'point_two_col') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_three,'point_three_col') +"</td></tr>";
		
		str=str+"<tr><td width='94' align='right' class='tabAppearenceStyle_bold'>Kleur :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g1_value,'group_one') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g2_value,'group_two') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g3_value,'group_three') +"</td></tr>";
		str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Label</td><td width='12' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'><input name='dataGroup_1' id='dataGroup_1' value='"+dataGroup_1+"' type='text' size='8' class='textFielsStyle'/></td><td width='11' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='53' align='center' class='tabAppearenceStyle'><input name='dataGroup_2' id='dataGroup_2' value='"+dataGroup_2+"' type='text' size='8' class='textFielsStyle'/></td><td width='11' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='54' align='center' class='tabAppearenceStyle'><input name='dataGroup_3' id='dataGroup_3' value='"+dataGroup_3+"' type='text' size='8' class='textFielsStyle'/></td></tr>";
		str=str+"<tr><td align='center' class='tabAppearenceStyle_bold'>Point</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td></tr>";
		for(i=1;i<=itemno;i++)
			{				
				 groupOneValueX=''; groupOneValueY='';  groupTwoValueX=''; groupTwoValueY=''; groupThreeValueX=''; groupThreeValueY='';
				
			    try
					{						
						if(document.getElementById("groupOneValueX_"+i).value!='')
							{
								groupOneValueX=document.getElementById("groupOneValueX_"+i).value;						
							}
						if(document.getElementById("groupOneValueY_"+i).value!='')
							{
								groupOneValueY=document.getElementById("groupOneValueY_"+i).value;						
							}
							
						if(document.getElementById("groupTwoValueX_"+i).value!='')
							{
								groupTwoValueX=document.getElementById("groupTwoValueX_"+i).value;						
							}
						if(document.getElementById("groupTwoValueY_"+i).value!='')
							{
								groupTwoValueY=document.getElementById("groupTwoValueY_"+i).value;						
							}
							
						if(document.getElementById("groupThreeValueX_"+i).value!='')
							{
								groupThreeValueX=document.getElementById("groupThreeValueX_"+i).value;						
							}
						if(document.getElementById("groupThreeValueY_"+i).value!='')
							{
								groupThreeValueY=document.getElementById("groupThreeValueY_"+i).value;						
							}						
						
					}
				catch(err)	{	} 
				
				str=str+"<tr><td rowspan='2' align='center' class='tabAppearenceStyle_bold'>"+i+"</td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueX_"+i+"' id='groupOneValueX_"+i+"' value='"+groupOneValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueX_"+i+"' id='groupTwoValueX_"+i+"' value='"+groupTwoValueX+"'  onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupThreeValueX_"+i+"' id='groupThreeValueX_"+i+"' value='"+groupThreeValueX+"' onKeyUp='enterkeypress(event,this.id);'  type='text' size='8' class='textFielsStyle'/></td></tr>";
				str=str+"<tr><td align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueY_"+i+"' id='groupOneValueY_"+i+"' value='"+groupOneValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueY_"+i+"' id='groupTwoValueY_"+i+"' value='"+groupTwoValueY+"'  onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>y </td><td align='center' class='tabAppearenceStyle'><input name='groupThreeValueY_"+i+"' id='groupThreeValueY_"+i+"' value='"+groupThreeValueY+"'  onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>"
			}
			
		str=str+"</table>"; 	
		return str;
		
	}

function XY_group_four_display(itemno)
	{
		var str="",dataGroup_1='',dataGroup_2='',dataGroup_3='',dataGroup_4='', groupOneValueX='', groupOneValueY='', groupTwoValueX='', groupTwoValueY='';
		
		var i=0,g1_value='#FF6633',g2_value='#FF33FF',g3_value='#0099CC',g4_value='#339900',pt_one='#FF6633',pt_two='#FF33FF',pt_three='#0099CC',pt_four='#339900';		
		var ps_one=8, ps_two=8, ps_three=8, ps_four=8, lw_one=1, lw_two=1, lw_three=1, lw_four=1, psh_one='', psh_two='', psh_three='', psh_four='';				
		 try
			{					
				if(document.getElementById("dataGroup_1").value!=''){ dataGroup_1=document.getElementById("dataGroup_1").value; }	
				if(document.getElementById("dataGroup_2").value!=''){ dataGroup_2=document.getElementById("dataGroup_2").value; }	
				if(document.getElementById("dataGroup_3").value!=''){ dataGroup_3=document.getElementById("dataGroup_3").value; }
				try{ if(document.getElementById("dataGroup_4").value!=''){ dataGroup_4=document.getElementById("dataGroup_4").value; } }catch(err)	{	} 	
				
				if(document.getElementById("cp_group_one").value!=''){	g1_value=document.getElementById("cp_group_one").value;				}	
				try	{ if(document.getElementById("cp_group_two").value!=''){	g2_value=document.getElementById("cp_group_two").value;		}	}catch(err)	{	} 				
				try	{ if(document.getElementById("cp_group_three").value!=''){	g3_value=document.getElementById("cp_group_three").value;	}	}catch(err)	{	} 				
				try	{ if(document.getElementById("cp_group_four").value!=''){	g4_value=document.getElementById("cp_group_four").value;	}	}catch(err)	{	} 				
				
				if(document.getElementById("group_one_point_shape").value!='')	{ psh_one=document.getElementById("group_one_point_shape").value; 	}
				if(document.getElementById("group_one_point_size").value!='') 	{ ps_one=document.getElementById("group_one_point_size").value; 	}
				if(document.getElementById("group_one_line_width").value!='') 	{ lw_one=document.getElementById("group_one_line_width").value; 	}
				if(document.getElementById("cp_point_one_col").value!='') 		{ pt_one=document.getElementById("cp_point_one_col").value; 		}
				try	{
						if(document.getElementById("group_two_point_shape").value!='')	{ psh_two=document.getElementById("group_two_point_shape").value; 	}
						if(document.getElementById("group_two_point_size").value!='') 	{ ps_two=document.getElementById("group_two_point_size").value; 	}
						if(document.getElementById("group_two_line_width").value!='') 	{ lw_two=document.getElementById("group_two_line_width").value; 	}
						if(document.getElementById("cp_point_two_col").value!='') 		{ pt_two=document.getElementById("cp_point_two_col").value; 		}
					}
				catch(err)	{	}
				try	{
						if(document.getElementById("group_three_point_shape").value!='')	{ psh_three=document.getElementById("group_three_point_shape").value; 	}
						if(document.getElementById("group_three_point_size").value!='') 	{ ps_three=document.getElementById("group_three_point_size").value; 	}
						if(document.getElementById("group_three_line_width").value!='') 	{ lw_three=document.getElementById("group_three_line_width").value; 	}
						if(document.getElementById("cp_point_three_col").value!='') 		{ pt_three=document.getElementById("cp_point_three_col").value; 		}
					}
				catch(err)	{	}
				try	{
						if(document.getElementById("group_four_point_shape").value!='')	{ psh_four=document.getElementById("group_four_point_shape").value; 	}
						if(document.getElementById("group_four_point_size").value!='') 	{ ps_four=document.getElementById("group_four_point_size").value; 	}
						if(document.getElementById("group_four_line_width").value!='') 	{ lw_four=document.getElementById("group_four_line_width").value; 	}
						if(document.getElementById("cp_point_four_col").value!='') 		{ pt_four=document.getElementById("cp_point_four_col").value; 		}
					}
				catch(err)	{	}
				
			}
		catch(err)	{	} 
		
		
		str=str+"<table width='283' border='0' align='center' cellpadding='0' cellspacing='2'>";
		str=str+"<tr><td width='43'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 1</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 2</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 3</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 4</td></tr>";
		
		str=str+"<tr><td width='43' align='right' class='tabAppearenceStyle_bold'>Punt Vorm :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape('group_one_point_shape',psh_one) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape('group_two_point_shape',psh_two) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape('group_three_point_shape',psh_three) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape('group_four_point_shape',psh_four) +"</td></tr>";
		str=str+"<tr><td width='43' align='right' class='tabAppearenceStyle_bold'>Punt Dikte :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_point_size',ps_one) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_two_point_size',ps_two) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_three_point_size',ps_three) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_four_point_size',ps_four) +"</td></tr>";
		str=str+"<tr><td width='43' align='right' class='tabAppearenceStyle_bold'>Lijn Dikte :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_line_width',lw_one) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_two_line_width',lw_two) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_three_line_width',lw_three) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_four_line_width',lw_four) +"</td></tr>";
		str=str+"<tr><td width='43' align='right' class='tabAppearenceStyle_bold'>Punt Kleur :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_one,'point_one_col') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_two,'point_two_col') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_three,'point_three_col') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_four,'point_four_col') +"</td></tr>";
		
		
		str=str+"<tr><td width='43'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g1_value,'group_one') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g2_value,'group_two') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g3_value,'group_three') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g4_value,'group_four') +"</td></tr>";
		str=str+"<tr><td height='26' align='right' class='tabAppearenceStyle_bold'>Label</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'><input name='dataGroup_1' id='dataGroup_1' value='"+dataGroup_1+"' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'><input name='dataGroup_2' id='dataGroup_2' value='"+dataGroup_2+"' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'><input name='dataGroup_3' id='dataGroup_3' value='"+dataGroup_3+"' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'><input name='dataGroup_4' id='dataGroup_4' value='"+dataGroup_4+"' type='text' size='8' class='textFielsStyle'/></td></tr>";
		str=str+"<tr><td align='center' class='tabAppearenceStyle_bold'>Point</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td></tr>";
		for(i=1;i<=itemno;i++)
			{
				 
				 groupOneValueX=''; groupOneValueY='';  groupTwoValueX=''; groupTwoValueY=''; groupThreeValueX=''; groupThreeValueY=''; groupFourValueX=''; groupFourValueY='';
				
			    try
					{						
						if(document.getElementById("groupOneValueX_"+i).value!='')
							{
								groupOneValueX=document.getElementById("groupOneValueX_"+i).value;						
							}
						if(document.getElementById("groupOneValueY_"+i).value!='')
							{
								groupOneValueY=document.getElementById("groupOneValueY_"+i).value;						
							}
						if(document.getElementById("groupTwoValueX_"+i).value!='')
							{
								groupTwoValueX=document.getElementById("groupTwoValueX_"+i).value;						
							}
						if(document.getElementById("groupTwoValueY_"+i).value!='')
							{
								groupTwoValueY=document.getElementById("groupTwoValueY_"+i).value;						
							}
						if(document.getElementById("groupThreeValueX_"+i).value!='')
							{
								groupThreeValueX=document.getElementById("groupThreeValueX_"+i).value;						
							}
						if(document.getElementById("groupThreeValueY_"+i).value!='')
							{
								groupThreeValueY=document.getElementById("groupThreeValueY_"+i).value;						
							}	
						if(document.getElementById("groupFourValueX_"+i).value!='')
							{
								groupFourValueX=document.getElementById("groupFourValueX_"+i).value;						
							}
						if(document.getElementById("groupFourValueY_"+i).value!='')
							{
								groupFourValueY=document.getElementById("groupFourValueY_"+i).value;						
							}						
						
					}
				catch(err)	{	} 
				str=str+"<tr><td rowspan='2' align='center' class='tabAppearenceStyle_bold'>"+i+"</td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueX_"+i+"' id='groupOneValueX_"+i+"' value='"+groupOneValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueX_"+i+"' id='groupTwoValueX_"+i+"' value='"+groupTwoValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>x</td><td width='48' align='center' class='tabAppearenceStyle'><input name='groupThreeValueX_"+i+"' id='groupThreeValueX_"+i+"'  value='"+groupThreeValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>x</td><td width='48' align='center' class='tabAppearenceStyle'><input name='groupFourValueX_"+i+"' value='"+groupFourValueX+"' id='groupFourValueX_"+i+"'  onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
				str=str+"<tr><td height='22' align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueY_"+i+"' id='groupOneValueY_"+i+"' value='"+groupOneValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueY_"+i+"' id='groupTwoValueY_"+i+"' value='"+groupTwoValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>y</td><td width='48' align='center' class='tabAppearenceStyle'><input name='groupThreeValueY_"+i+"' id='groupThreeValueY_"+i+"' value='"+groupThreeValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>y</td><td width='48' align='center' class='tabAppearenceStyle'><input name='groupFourValueY_"+i+"' id='groupFourValueY_"+i+"' value='"+groupFourValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
			}
			
		
		str=str+"</table>"; 	
		return str;		
	}
	
	
//====================================
function bubble_group_one_display(itemno)
	{
		var str="",dataItemNameValue='',groupOneValueValue='',groupTwoValueValue='',groupThreeValueValue='',groupFourValueValue='',dataGroup_1='',dataGroup_2='',dataGroup_3='',dataGroup_4='';
		var i=0,g1_value='#FF6633',g2_value='#FF33FF',g3_value='#0099CC',pt_one=g4_value='#339900',pt_one='#FF6633',pt_two='#FF33FF',pt_three='#0099CC',pt_four='#339900';			
		
		var ps_one=0, ps_two=0, ps_three=0, ps_four=0, lw_one=1, lw_two=1, lw_three=1, lw_four=1, psh_one='', psh_two='', psh_three='', psh_four='';				
		 try
			{					
				try	{ if(document.getElementById("dataGroup_1").value!=''){ dataGroup_1=document.getElementById("dataGroup_1").value; }	}catch(err)	{	}
				
				try	{ if(document.getElementById("cp_group_one").value!=''){	g1_value=document.getElementById("cp_group_one").value;		}	}catch(err)	{	}
				
				try	{ if(document.getElementById("group_one_point_shape").value!='')	{ psh_one=document.getElementById("group_one_point_shape").value; 	}	}catch(err)	{	} 	
				
			}
		catch(err)	{	} 	
	   
	   str=str+"<table width='159' border='0' align='center' cellpadding='0' cellspacing='2'>";
	  
	   	str=str+"<tr><td width='50'>&nbsp;</td><td colspan='2' align='center' class='tabAppearenceStyle'>Group 1</td></tr>";
	   
		str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Shape :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape_bubble('group_one_point_shape',psh_one) +"</td></tr>";
		//str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Punt Dikte :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_point_size',ps_one) +"</td></tr>";
		//str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Lijn Dikte :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_line_width',lw_one) +"</td></tr>";
		//str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Punt Kleur :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_one,'point_one_col') +"</td></tr>";
		str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Kleur :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g1_value,'group_one') +"</td></tr>";
				
	   	str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Label</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td>    <td width='48' align='center' class='tabAppearenceStyle'><input name='dataGroup_1' id='dataGroup_1' value='"+dataGroup_1+"' type='text' size='8' class='textFielsStyle'/></td></tr>";
	   	str=str+"<tr><td align='center' class='tabAppearenceStyle_bold'>Point</td><td colspan='2' align='center' class='tabAppearenceStyle'>Waarde</td></tr>";
	   for(i=1;i<=itemno;i++)
			{
				 groupOneValueX=''; groupOneValueY=''; groupOneValueZ='';  groupTwoValueX=''; groupTwoValueY=''; groupTwoValueZ=''; groupThreeValueX=''; groupThreeValueY=''; groupThreeValueZ=''; groupFourValueX=''; groupFourValueY=''; groupFourValueZ='';
				
			    try
					{						
						if(document.getElementById("groupOneValueX_"+i).value!='')
							{
								groupOneValueX=document.getElementById("groupOneValueX_"+i).value;						
							}
						if(document.getElementById("groupOneValueY_"+i).value!='')
							{
								groupOneValueY=document.getElementById("groupOneValueY_"+i).value;						
							}
						if(document.getElementById("groupOneValueZ_"+i).value!='')
							{
								groupOneValueZ=document.getElementById("groupOneValueZ_"+i).value;						
							}						
						
					}
				catch(err)	{	} 
				
				
				str=str+"<tr><td rowspan='3' align='center' class='tabAppearenceStyle_bold'>"+i+"</td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueX_"+i+"' id='groupOneValueX_"+i+"' value='"+groupOneValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
				str=str+"<tr><td align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueY_"+i+"' id='groupOneValueY_"+i+"' value='"+groupOneValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
				str=str+"<tr><td align='center' class='tabAppearenceStyle'>z</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueZ_"+i+"' id='groupOneValueZ_"+i+"' value='"+groupOneValueZ+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
	   		}
	   str=str+"</table>";
	  
	   return str;
	}
	
	
function bubble_group_two_display(itemno)
	{
		
		var str="",dataGroup_1='',dataGroup_2='',dataGroup_3='',dataGroup_4='', groupOneValueX='', groupOneValueY='', groupTwoValueX='', groupTwoValueY='';
		var i=0,g1_value='#FF6633',g2_value='#FF33FF',g3_value='#0099CC',g4_value='#339900',pt_one='#FF6633',pt_two='#FF33FF',pt_three='#0099CC',pt_four='#339900';		
		var ps_one=0, ps_two=0, ps_three=0, ps_four=0, lw_one=1, lw_two=1, lw_three=1, lw_four=1, psh_one='', psh_two='', psh_three='', psh_four='';				
		
		 try
			{					
				try	{ if(document.getElementById("dataGroup_1").value!=''){ dataGroup_1=document.getElementById("dataGroup_1").value; }	}catch(err)	{	}
				try	{ if(document.getElementById("dataGroup_2").value!=''){ dataGroup_2=document.getElementById("dataGroup_2").value; }	}catch(err)	{	}
				//try	{ if(document.getElementById("dataGroup_3").value!=''){ dataGroup_3=document.getElementById("dataGroup_3").value; } }catch(err)	{	}
				//try	{ if(document.getElementById("dataGroup_4").value!=''){ dataGroup_4=document.getElementById("dataGroup_4").value; } }catch(err)	{	}
				
				try	{ if(document.getElementById("cp_group_one").value!=''){	g1_value=document.getElementById("cp_group_one").value;		}	}catch(err)	{	}
				try	{ if(document.getElementById("cp_group_two").value!=''){	g2_value=document.getElementById("cp_group_two").value;		}	}catch(err)	{	} 				
				//try	{ if(document.getElementById("cp_group_three").value!=''){	g3_value=document.getElementById("cp_group_three").value;	}	}catch(err)	{	} 				
				//try	{ if(document.getElementById("cp_group_four").value!=''){	g4_value=document.getElementById("cp_group_four").value;	}	}catch(err)	{	} 				
				
				try	{ if(document.getElementById("group_one_point_shape").value!='')	{ psh_one=document.getElementById("group_one_point_shape").value; 	}	}catch(err)	{	} 	
				try	{ if(document.getElementById("group_two_point_shape").value!=''){ psh_two=document.getElementById("group_two_point_shape").value; 		} 	}catch(err)	{	} 	
				//try	{ if(document.getElementById("group_three_point_shape").value!=''){ psh_three=document.getElementById("group_three_point_shape").value; } 	}catch(err)	{	} 	
				//try	{ if(document.getElementById("group_four_point_shape").value!=''){ psh_four=document.getElementById("group_four_point_shape").value; 	} 	}catch(err)	{	} 	
	
				
			}
		catch(err)	{	} 
		
					
		
		str=str+"<table width='217' border='0' align='center' cellpadding='0' cellspacing='2'>";
		str=str+"<tr><td width='100'>&nbsp;</td><td width='52' colspan='2' align='center' class='tabAppearenceStyle'>Group 1</td><td width='52' colspan='2' align='center' class='tabAppearenceStyle'>Group 2</td></tr>";
		
		str=str+"<tr><td  align='right' class='tabAppearenceStyle_bold'>Shape :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape_bubble('group_one_point_shape',psh_one) +"</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape_bubble('group_two_point_shape',psh_two) +"</td></tr>";
		//str=str+"<tr><td  align='right' class='tabAppearenceStyle_bold'>Punt Dikte :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_point_size',ps_one) +"</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_two_point_size',ps_two) +"</td></tr>";
		//str=str+"<tr><td  align='right' class='tabAppearenceStyle_bold'>Lijn Dikte :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_line_width',lw_one) +"</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_two_line_width',lw_two) +"</td></tr>";
		//str=str+"<tr><td  align='right' class='tabAppearenceStyle_bold'>Punt Kleur :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_one,'point_one_col') +"</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_two,'point_two_col') +"</td></tr>";		
		str=str+"<tr><td  align='right' class='tabAppearenceStyle_bold'>Kleur :</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g1_value,'group_one') +"</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g2_value,'group_two') +"</td></tr>";				
		str=str+"<tr><td height='26' align='right' class='tabAppearenceStyle_bold'>Label</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'><input name='dataGroup_1' id='dataGroup_1' value='"+dataGroup_1+"' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'><input name='dataGroup_2' id='dataGroup_2' value='"+dataGroup_2+"'  type='text' size='8' class='textFielsStyle'/></td></tr>";
		str=str+"<tr><td align='center' class='tabAppearenceStyle_bold'>Point</td><td colspan='2' align='center' class='tabAppearenceStyle'>Waarde</td><td colspan='2' align='center' class='tabAppearenceStyle'>Waarde</td></tr>";
		for(i=1;i<=itemno;i++)
			{
				  groupOneValueX=''; groupOneValueY=''; groupOneValueZ='';  groupTwoValueX=''; groupTwoValueY=''; groupTwoValueZ=''; groupThreeValueX=''; groupThreeValueY=''; groupThreeValueZ=''; groupFourValueX=''; groupFourValueY=''; groupFourValueZ='';
				
			    try
					{						
						if(document.getElementById("groupOneValueX_"+i).value!='')
							{
								groupOneValueX=document.getElementById("groupOneValueX_"+i).value;						
							}
						if(document.getElementById("groupOneValueY_"+i).value!='')
							{
								groupOneValueY=document.getElementById("groupOneValueY_"+i).value;						
							}
						if(document.getElementById("groupOneValueZ_"+i).value!='')
							{
								groupOneValueZ=document.getElementById("groupOneValueZ_"+i).value;						
							}
							
						if(document.getElementById("groupTwoValueX_"+i).value!='')
							{
								groupTwoValueX=document.getElementById("groupTwoValueX_"+i).value;						
							}
						if(document.getElementById("groupTwoValueY_"+i).value!='')
							{
								groupTwoValueY=document.getElementById("groupTwoValueY_"+i).value;						
							}
						if(document.getElementById("groupTwoValueZ_"+i).value!='')
							{
								groupTwoValueZ=document.getElementById("groupTwoValueZ_"+i).value;						
							}
						
						
					}
				catch(err)	{	} 
				str=str+"<tr><td rowspan='3' align='center' class='tabAppearenceStyle_bold'>"+i+"</td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueX_"+i+"' id='groupOneValueX_"+i+"' value='"+groupOneValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueX_"+i+"' id='groupTwoValueX_"+i+"' value='"+groupTwoValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
				str=str+"<tr><td align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueY_"+i+"' id='groupOneValueY_"+i+"' value='"+groupOneValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueY_"+i+"' id='groupTwoValueY_"+i+"' value='"+groupTwoValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
				str=str+"<tr><td align='center' class='tabAppearenceStyle'>z</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueZ_"+i+"' id='groupOneValueZ_"+i+"' value='"+groupOneValueZ+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>z</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueZ_"+i+"' id='groupTwoValueZ_"+i+"' value='"+groupTwoValueZ+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
			}
		
		str=str+"</table>"; 		
		return str;
		
	}

function bubble_group_three_display(itemno)
	{
		var str="",dataGroup_1='',dataGroup_2='',dataGroup_3='',dataGroup_4='', groupOneValueX='', groupOneValueY='', groupTwoValueX='', groupTwoValueY='',groupThreeValueX='', groupThreeValueY='';
		var i=0,g1_value='#FF6633',g2_value='#FF33FF',g3_value='#0099CC',g4_value='#339900',pt_one='#FF6633',pt_two='#FF33FF',pt_three='#0099CC',pt_four='#339900';		
		var ps_one=0, ps_two=0, ps_three=0, ps_four=0, lw_one=1, lw_two=1, lw_three=1, lw_four=1, psh_one='', psh_two='', psh_three='', psh_four='';				
		
		 try
			{					
				try	{ if(document.getElementById("dataGroup_1").value!=''){ dataGroup_1=document.getElementById("dataGroup_1").value; }	}catch(err)	{	}
				try	{ if(document.getElementById("dataGroup_2").value!=''){ dataGroup_2=document.getElementById("dataGroup_2").value; }	}catch(err)	{	}
				try	{ if(document.getElementById("dataGroup_3").value!=''){ dataGroup_3=document.getElementById("dataGroup_3").value; } }catch(err)	{	}
				//try	{ if(document.getElementById("dataGroup_4").value!=''){ dataGroup_4=document.getElementById("dataGroup_4").value; } }catch(err)	{	}
				
				try	{ if(document.getElementById("cp_group_one").value!=''){	g1_value=document.getElementById("cp_group_one").value;		}	}catch(err)	{	}
				try	{ if(document.getElementById("cp_group_two").value!=''){	g2_value=document.getElementById("cp_group_two").value;		}	}catch(err)	{	} 				
				try	{ if(document.getElementById("cp_group_three").value!=''){	g3_value=document.getElementById("cp_group_three").value;	}	}catch(err)	{	} 				
				//try	{ if(document.getElementById("cp_group_four").value!=''){	g4_value=document.getElementById("cp_group_four").value;	}	}catch(err)	{	} 				
				
				try	{ if(document.getElementById("group_one_point_shape").value!='')	{ psh_one=document.getElementById("group_one_point_shape").value; 	}	}catch(err)	{	} 	
				try	{ if(document.getElementById("group_two_point_shape").value!=''){ psh_two=document.getElementById("group_two_point_shape").value; 		} 	}catch(err)	{	} 	
				try	{ if(document.getElementById("group_three_point_shape").value!=''){ psh_three=document.getElementById("group_three_point_shape").value; } 	}catch(err)	{	} 	
				//try	{ if(document.getElementById("group_four_point_shape").value!=''){ psh_four=document.getElementById("group_four_point_shape").value; 	} 	}catch(err)	{	} 	

			}
		catch(err)	{	} 
		
		
		
		str=str+"<table width='298' border='0' align='center' cellpadding='0' cellspacing='2'>";
		str=str+"<tr><td width='94'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 1</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 2</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 3</td></tr>";
		
		str=str+"<tr><td width='94' align='right' class='tabAppearenceStyle_bold'>Shape :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape_bubble('group_one_point_shape',psh_one) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape_bubble('group_two_point_shape',psh_two) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape_bubble('group_three_point_shape',psh_three) +"</td></tr>";
		//str=str+"<tr><td width='94' align='right' class='tabAppearenceStyle_bold'>Punt Dikte :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_point_size',ps_one) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_two_point_size',ps_two) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_three_point_size',ps_three) +"</td></tr>";
		//str=str+"<tr><td width='94' align='right' class='tabAppearenceStyle_bold'>Lijn Dikte :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_line_width',lw_one) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_two_line_width',lw_two) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_three_line_width',lw_three) +"</td></tr>";
		//str=str+"<tr><td width='94' align='right' class='tabAppearenceStyle_bold'>Punt Kleur :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_one,'point_one_col') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_two,'point_two_col') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_three,'point_three_col') +"</td></tr>";
		
		str=str+"<tr><td width='94' align='right' class='tabAppearenceStyle_bold'>Kleur :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g1_value,'group_one') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g2_value,'group_two') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g3_value,'group_three') +"</td></tr>";
		str=str+"<tr><td align='right' class='tabAppearenceStyle_bold'>Label</td><td width='12' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'><input name='dataGroup_1' id='dataGroup_1' value='"+dataGroup_1+"' type='text' size='8' class='textFielsStyle'/></td><td width='11' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='53' align='center' class='tabAppearenceStyle'><input name='dataGroup_2' id='dataGroup_2' value='"+dataGroup_2+"' type='text' size='8' class='textFielsStyle'/></td><td width='11' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='54' align='center' class='tabAppearenceStyle'><input name='dataGroup_3' id='dataGroup_3' value='"+dataGroup_3+"' type='text' size='8' class='textFielsStyle'/></td></tr>";
		str=str+"<tr><td align='center' class='tabAppearenceStyle_bold'>Point</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td></tr>";
		for(i=1;i<=itemno;i++)
			{				
				 groupOneValueX=''; groupOneValueY=''; groupOneValueZ='';  groupTwoValueX=''; groupTwoValueY=''; groupTwoValueZ=''; groupThreeValueX=''; groupThreeValueY=''; groupThreeValueZ=''; groupFourValueX=''; groupFourValueY=''; groupFourValueZ='';
				
			    try
					{						
						if(document.getElementById("groupOneValueX_"+i).value!='')
							{
								groupOneValueX=document.getElementById("groupOneValueX_"+i).value;						
							}
						if(document.getElementById("groupOneValueY_"+i).value!='')
							{
								groupOneValueY=document.getElementById("groupOneValueY_"+i).value;						
							}
						if(document.getElementById("groupOneValueZ_"+i).value!='')
							{
								groupOneValueZ=document.getElementById("groupOneValueZ_"+i).value;						
							}
							
						if(document.getElementById("groupTwoValueX_"+i).value!='')
							{
								groupTwoValueX=document.getElementById("groupTwoValueX_"+i).value;						
							}
						if(document.getElementById("groupTwoValueY_"+i).value!='')
							{
								groupTwoValueY=document.getElementById("groupTwoValueY_"+i).value;						
							}
						if(document.getElementById("groupTwoValueZ_"+i).value!='')
							{
								groupTwoValueZ=document.getElementById("groupTwoValueZ_"+i).value;						
							}
							
							
						if(document.getElementById("groupThreeValueX_"+i).value!='')
							{
								groupThreeValueX=document.getElementById("groupThreeValueX_"+i).value;						
							}
						if(document.getElementById("groupThreeValueY_"+i).value!='')
							{
								groupThreeValueY=document.getElementById("groupThreeValueY_"+i).value;						
							}		
						if(document.getElementById("groupThreeValueZ_"+i).value!='')
							{
								groupThreeValueZ=document.getElementById("groupThreeValueZ_"+i).value;						
							}				
						
					}
				catch(err)	{	} 
				
				str=str+"<tr><td rowspan='3' align='center' class='tabAppearenceStyle_bold'>"+i+"</td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueX_"+i+"' id='groupOneValueX_"+i+"' value='"+groupOneValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueX_"+i+"' id='groupTwoValueX_"+i+"' value='"+groupTwoValueX+"'  onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupThreeValueX_"+i+"' id='groupThreeValueX_"+i+"' value='"+groupThreeValueX+"' onKeyUp='enterkeypress(event,this.id);'  type='text' size='8' class='textFielsStyle'/></td></tr>";
				str=str+"<tr><td align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueY_"+i+"' id='groupOneValueY_"+i+"' value='"+groupOneValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueY_"+i+"' id='groupTwoValueY_"+i+"' value='"+groupTwoValueY+"'  onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>y </td><td align='center' class='tabAppearenceStyle'><input name='groupThreeValueY_"+i+"' id='groupThreeValueY_"+i+"' value='"+groupThreeValueY+"'  onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
				str=str+"<tr><td align='center' class='tabAppearenceStyle'>z</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueZ_"+i+"' id='groupOneValueZ_"+i+"' value='"+groupOneValueZ+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>z</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueZ_"+i+"' id='groupTwoValueZ_"+i+"' value='"+groupTwoValueZ+"'  onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>z </td><td align='center' class='tabAppearenceStyle'><input name='groupThreeValueZ_"+i+"' id='groupThreeValueZ_"+i+"' value='"+groupThreeValueZ+"'  onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
			}
			
		str=str+"</table>"; 	
		return str;
		
	}

function bubble_group_four_display(itemno)
	{
		var str="",dataGroup_1='',dataGroup_2='',dataGroup_3='',dataGroup_4='', groupOneValueX='', groupOneValueY='', groupTwoValueX='', groupTwoValueY='';
		
		var i=0,g1_value='#FF6633',g2_value='#FF33FF',g3_value='#0099CC',g4_value='#339900',pt_one='#FF6633',pt_two='#FF33FF',pt_three='#0099CC',pt_four='#339900';		
		var ps_one=0, ps_two=0, ps_three=0, ps_four=0, lw_one=1, lw_two=1, lw_three=1, lw_four=1, psh_one='', psh_two='', psh_three='', psh_four='';				
		 try
			{					
				try	{ if(document.getElementById("dataGroup_1").value!=''){ dataGroup_1=document.getElementById("dataGroup_1").value; }	}catch(err)	{	}
				try	{ if(document.getElementById("dataGroup_2").value!=''){ dataGroup_2=document.getElementById("dataGroup_2").value; }	}catch(err)	{	}
				try	{ if(document.getElementById("dataGroup_3").value!=''){ dataGroup_3=document.getElementById("dataGroup_3").value; } }catch(err)	{	}
				try	{ if(document.getElementById("dataGroup_4").value!=''){ dataGroup_4=document.getElementById("dataGroup_4").value; } }catch(err)	{	}
				
				try	{ if(document.getElementById("cp_group_one").value!=''){	g1_value=document.getElementById("cp_group_one").value;		}	}catch(err)	{	}
				try	{ if(document.getElementById("cp_group_two").value!=''){	g2_value=document.getElementById("cp_group_two").value;		}	}catch(err)	{	} 				
				try	{ if(document.getElementById("cp_group_three").value!=''){	g3_value=document.getElementById("cp_group_three").value;	}	}catch(err)	{	} 				
				try	{ if(document.getElementById("cp_group_four").value!=''){	g4_value=document.getElementById("cp_group_four").value;	}	}catch(err)	{	} 				
				
				try	{ if(document.getElementById("group_one_point_shape").value!='')	{ psh_one=document.getElementById("group_one_point_shape").value; 	}	}catch(err)	{	} 	
				try	{ if(document.getElementById("group_two_point_shape").value!=''){ psh_two=document.getElementById("group_two_point_shape").value; 		} 	}catch(err)	{	} 	
				try	{ if(document.getElementById("group_three_point_shape").value!=''){ psh_three=document.getElementById("group_three_point_shape").value; } 	}catch(err)	{	} 	
				try	{ if(document.getElementById("group_four_point_shape").value!=''){ psh_four=document.getElementById("group_four_point_shape").value; 	} 	}catch(err)	{	} 	

			}
		catch(err)	{	} 
		
		
		str=str+"<table width='283' border='0' align='center' cellpadding='0' cellspacing='2'>";
		str=str+"<tr><td width='43'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 1</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 2</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 3</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Group 4</td></tr>";
		
		str=str+"<tr><td width='43' align='right' class='tabAppearenceStyle_bold'>Shape :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape_bubble('group_one_point_shape',psh_one) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape_bubble('group_two_point_shape',psh_two) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape_bubble('group_three_point_shape',psh_three) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_point_shape_bubble('group_four_point_shape',psh_four) +"</td></tr>";
		//str=str+"<tr><td width='43' align='right' class='tabAppearenceStyle_bold'>Punt Dikte :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_point_size',ps_one) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_two_point_size',ps_two) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_three_point_size',ps_three) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_four_point_size',ps_four) +"</td></tr>";
		//str=str+"<tr><td width='43' align='right' class='tabAppearenceStyle_bold'>Lijn Dikte :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_one_line_width',lw_one) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_two_line_width',lw_two) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_three_line_width',lw_three) +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ list_menu_for_line('group_four_line_width',lw_four) +"</td></tr>";
		//str=str+"<tr><td width='43' align='right' class='tabAppearenceStyle_bold'>Punt Kleur :</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_one,'point_one_col') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_two,'point_two_col') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_three,'point_three_col') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(pt_four,'point_four_col') +"</td></tr>";
		
		
		str=str+"<tr><td width='43'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g1_value,'group_one') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g2_value,'group_two') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g3_value,'group_three') +"</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>"+ color_picker_icon_new(g4_value,'group_four') +"</td></tr>";
		str=str+"<tr><td height='26' align='right' class='tabAppearenceStyle_bold'>Label</td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'><input name='dataGroup_1' id='dataGroup_1' value='"+dataGroup_1+"' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>&nbsp;</td><td width='48' align='center' class='tabAppearenceStyle'><input name='dataGroup_2' id='dataGroup_2' value='"+dataGroup_2+"' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'><input name='dataGroup_3' id='dataGroup_3' value='"+dataGroup_3+"' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'><input name='dataGroup_4' id='dataGroup_4' value='"+dataGroup_4+"' type='text' size='8' class='textFielsStyle'/></td></tr>";
		str=str+"<tr><td align='center' class='tabAppearenceStyle_bold'>Point</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td><td align='center' class='tabAppearenceStyle'>&nbsp;</td><td align='center' class='tabAppearenceStyle'>Waarde</td></tr>";
		for(i=1;i<=itemno;i++)
			{
				 
				 groupOneValueX=''; groupOneValueY=''; groupOneValueZ='';  groupTwoValueX=''; groupTwoValueY=''; groupTwoValueZ=''; groupThreeValueX=''; groupThreeValueY=''; groupThreeValueZ=''; groupFourValueX=''; groupFourValueY=''; groupFourValueZ='';
				
			    try
					{						
						if(document.getElementById("groupOneValueX_"+i).value!='')
							{
								groupOneValueX=document.getElementById("groupOneValueX_"+i).value;						
							}
						if(document.getElementById("groupOneValueY_"+i).value!='')
							{
								groupOneValueY=document.getElementById("groupOneValueY_"+i).value;						
							}
						if(document.getElementById("groupOneValueZ_"+i).value!='')
							{
								groupOneValueZ=document.getElementById("groupOneValueZ_"+i).value;						
							}	
							
							
						if(document.getElementById("groupTwoValueX_"+i).value!='')
							{
								groupTwoValueX=document.getElementById("groupTwoValueX_"+i).value;						
							}
						if(document.getElementById("groupTwoValueY_"+i).value!='')
							{
								groupTwoValueY=document.getElementById("groupTwoValueY_"+i).value;						
							}
						if(document.getElementById("grouptwoValueZ_"+i).value!='')
							{
								groupTwoValueZ=document.getElementById("groupTwoValueZ_"+i).value;						
							}	
							
						if(document.getElementById("groupThreeValueX_"+i).value!='')
							{
								groupThreeValueX=document.getElementById("groupThreeValueX_"+i).value;						
							}							
						if(document.getElementById("groupThreeValueY_"+i).value!='')
							{
								groupThreeValueY=document.getElementById("groupThreeValueY_"+i).value;						
							}	
						if(document.getElementById("groupThreeValueZ_"+i).value!='')
							{
								groupThreeValueZ=document.getElementById("groupThreeValueZ_"+i).value;						
							}			
							
							
						if(document.getElementById("groupFourValueX_"+i).value!='')
							{
								groupFourValueX=document.getElementById("groupFourValueX_"+i).value;						
							}
						if(document.getElementById("groupFourValueY_"+i).value!='')
							{
								groupFourValueY=document.getElementById("groupFourValueY_"+i).value;						
							}						
						if(document.getElementById("groupFourValueZ_"+i).value!='')
							{
								groupFourValueZ=document.getElementById("groupFourValueZ_"+i).value;						
							}			
						
					}
				catch(err)	{	} 
				str=str+"<tr><td rowspan='3' align='center' class='tabAppearenceStyle_bold'>"+i+"</td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueX_"+i+"' id='groupOneValueX_"+i+"' value='"+groupOneValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>x</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueX_"+i+"' id='groupTwoValueX_"+i+"' value='"+groupTwoValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>x</td><td width='48' align='center' class='tabAppearenceStyle'><input name='groupThreeValueX_"+i+"' id='groupThreeValueX_"+i+"'  value='"+groupThreeValueX+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>x</td><td width='48' align='center' class='tabAppearenceStyle'><input name='groupFourValueX_"+i+"' value='"+groupFourValueX+"' id='groupFourValueX_"+i+"'  onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
				str=str+"<tr><td height='22' align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueY_"+i+"' id='groupOneValueY_"+i+"' value='"+groupOneValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>y</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueY_"+i+"' id='groupTwoValueY_"+i+"' value='"+groupTwoValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>y</td><td width='48' align='center' class='tabAppearenceStyle'><input name='groupThreeValueY_"+i+"' id='groupThreeValueY_"+i+"' value='"+groupThreeValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>y</td><td width='48' align='center' class='tabAppearenceStyle'><input name='groupFourValueY_"+i+"' id='groupFourValueY_"+i+"' value='"+groupFourValueY+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";
				str=str+"<tr><td height='22' align='center' class='tabAppearenceStyle'>z</td><td align='center' class='tabAppearenceStyle'><input name='groupOneValueZ_"+i+"' id='groupOneValueZ_"+i+"' value='"+groupOneValueZ+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td align='center' class='tabAppearenceStyle'>z</td><td align='center' class='tabAppearenceStyle'><input name='groupTwoValueZ_"+i+"' id='groupTwoValueZ_"+i+"' value='"+groupTwoValueZ+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>z</td><td width='48' align='center' class='tabAppearenceStyle'><input name='groupThreeValueZ_"+i+"' id='groupThreeValueY_"+i+"' value='"+groupThreeValueZ+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td><td width='7' align='center' class='tabAppearenceStyle'>z</td><td width='48' align='center' class='tabAppearenceStyle'><input name='groupFourValueZ_"+i+"' id='groupFourValueZ_"+i+"' value='"+groupFourValueZ+"' onKeyUp='enterkeypress(event,this.id);' type='text' size='8' class='textFielsStyle'/></td></tr>";

			
			}
			
		
		str=str+"</table>"; 	
		return str;		
	}
	
	
	
//====================================

var xmlHttp;

function showGrapgPreview()
	{	
			var strSubmit       = '';			
			var formElem;
			var strLastElemName = '';
			
			for (i = 0; i < document.formTab.elements.length; i++)
				 {
					formElem = document.formTab.elements[i];
					switch (formElem.type) 
						{
							// Text, select, hidden, password, textarea elements
							case 'text':
							case 'select-one':
							case 'checkbox':
							case 'radio':
							case 'hidden':
							case 'password':
							case 'textarea':
									strSubmit += formElem.name + '=' + escape(formElem.value) + '&';
									
							break;
							
						}
				}			
					
					
		if(document.formTab.graph_type.value=="BAR" || document.formTab.graph_type.value=="AREA" || document.formTab.graph_type.value=="LINE")			
			{
				var i=0,j=0,k=0,formElemValue='';
				j=document.formTab.data_noofitems.value;
				k=document.formTab.data_noofgrups.value;
				
				
				//==== If Group 1
				if(k==1)
					{
						for(i=1;i<=j;i++)
							{
								formElemValue=document.getElementById("dataItemName_"+i).value;
								strSubmit += "dataItemName_"+i+ '=' + escape(formElemValue) + '&';
								
								formElemValue=document.getElementById("groupOneValue_"+i).value;
								strSubmit += "groupOneValue_"+i+ '=' + escape(formElemValue) + '&';
								
							}
					}
					
				//==== If Group 2	
				if(k==2)
					{
						for(i=1;i<=j;i++)
							{
								formElemValue=document.getElementById("dataItemName_"+i).value;
								strSubmit += "dataItemName_"+i+ '=' + escape(formElemValue) + '&';
								
								formElemValue=document.getElementById("groupOneValue_"+i).value;
								strSubmit += "groupOneValue_"+i+ '=' + escape(formElemValue) + '&';
								
								formElemValue=document.getElementById("groupTwoValue_"+i).value;
								strSubmit += "groupTwoValue_"+i+ '=' + escape(formElemValue) + '&';
							}
					}
				
				//==== If Group 3	
				if(k==3)
					{
						for(i=1;i<=j;i++)
							{
								formElemValue=document.getElementById("dataItemName_"+i).value;
								strSubmit += "dataItemName_"+i+ '=' + escape(formElemValue) + '&';
								
								formElemValue=document.getElementById("groupOneValue_"+i).value;
								strSubmit += "groupOneValue_"+i+ '=' + escape(formElemValue) + '&';
								
								formElemValue=document.getElementById("groupTwoValue_"+i).value;
								strSubmit += "groupTwoValue_"+i+ '=' + escape(formElemValue) + '&';
								
								formElemValue=document.getElementById("groupThreeValue_"+i).value;
								strSubmit += "groupThreeValue_"+i+ '=' + escape(formElemValue) + '&';
							}
					}
					
				//==== If Group 4	
				if(k==4)
					{
						for(i=1;i<=j;i++)
							{
								formElemValue=document.getElementById("dataItemName_"+i).value;
								strSubmit += "dataItemName_"+i+ '=' + escape(formElemValue) + '&';
								
								formElemValue=document.getElementById("groupOneValue_"+i).value;
								strSubmit += "groupOneValue_"+i+ '=' + escape(formElemValue) + '&';
								
								formElemValue=document.getElementById("groupTwoValue_"+i).value;
								strSubmit += "groupTwoValue_"+i+ '=' + escape(formElemValue) + '&';
								
								formElemValue=document.getElementById("groupThreeValue_"+i).value;
								strSubmit += "groupThreeValue_"+i+ '=' + escape(formElemValue) + '&';
								
								formElemValue=document.getElementById("groupFourValue_"+i).value;
								strSubmit += "groupFourValue_"+i+ '=' + escape(formElemValue) + '&';
							}
					}
					
				//==== Goup Names
				for(i=1;i<=k;i++)
					{
						formElemValue=document.getElementById("dataGroup_"+i).value;
						strSubmit += "dataGroup_"+i+ '=' + escape(formElemValue) + '&';							
							
					}	
					
			}
			
			
			
		else if(document.formTab.graph_type.value=="PIE")			
			{
				var i=0,j=0,k=0,formElemValue='',formElemName='';
				j=document.formTab.Pie_data_noofitems.value;
				k=1;		
				
				//==== If Group 1
				if(k==1)
					{
						
						
						for(i=1;i<=j;i++)
							{
								
								formElemName="dataItemName_"+i;		
								formElemValue=browserCompatiablity(formElemName).value;								
								strSubmit += formElemName + '=' + escape(formElemValue) + '&';								
								
								formElemName="groupOneValue_"+i;
								formElemValue=browserCompatiablity(formElemName).value;
								strSubmit += formElemName + '=' + escape(formElemValue) + '&';													
							}
						
					}					
				
				/*	
				//==== Goup Names
				for(i=1;i<=k;i++)
					{
						formElemName="dataGroup_"+i;
						formElemValue=document.getElementById(formElemName).value;
						strSubmit += formElemName + '=' + escape(formElemValue) + '&';						
					}	
				*/
					
			}
			

	
			
		else if(document.formTab.graph_type.value=="XY" || document.formTab.graph_type.value=="SCATTER")			
			{
				var i=0,j=0,k=0,x=0,formElemValue='',formElemName='';
				j=document.formTab.XY_data_noofitems.value;
				k=document.formTab.XY_data_noofgrups.value;
				
				
				
				for(i=1;i<=j;i++)
					{
						for(x=1;x<=k;x++)
							{
								if(x==1){ fieldnameugra='One'; }
								else if(x==2){ fieldnameugra='Two'; }
								else if(x==3){ fieldnameugra='Three'; }
								else if(x==4){ fieldnameugra='Four'; }
								
								formElemName="group"+fieldnameugra+"ValueX_"+i;								
								formElemValue=browserCompatiablity(formElemName).value;
								strSubmit += formElemName + '=' + escape(formElemValue) + '&';
								
								//alert(formElemName+"="+formElemValue);
								
								formElemName="group"+fieldnameugra+"ValueY_"+i;								
								formElemValue=browserCompatiablity(formElemName).value;
								strSubmit += formElemName + '=' + escape(formElemValue) + '&';
								//alert(formElemName+"="+formElemValue);			
								
							}
						
					}			
				
				
				//==== Goup Names
				for(i=1;i<=k;i++)
					{					
						formElemName='';
						formElemName="dataGroup_"+i;								
						formElemValue=browserCompatiablity(formElemName).value;
						strSubmit += formElemName + '=' + escape(formElemValue) + '&';	
							
					}	
					
			}
			
			
		//alert(strSubmit);
		
		xmlHttp=GetXmlHttpObject();
		if (xmlHttp==null)
			{
				alert ("Browser does not support HTTP Request");
				return;
			} 
			
		var url="test/generate_graph.ajax_1aug2008.php";

		
		xmlHttp.open("POST",url,true);
		xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xmlHttp.onreadystatechange=stateChanged;		
		xmlHttp.send(strSubmit);
			
	} 
	
function stateChanged() 
	{ 
		if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
			{ 
				//document.getElementById("messageHolderPreview").innerHTML="";		
				document.getElementById("messageHolderPreview").innerHTML=xmlHttp.responseText;					
			} 
	} 

function GetXmlHttpObject()
	{ 
	
		var objXMLHttp=null
			
		//For Mozilla, Firefox, Safari, Opera, and Netscape:
		if (window.XMLHttpRequest)
			{
				
				try {		
							objXMLHttp = new ActiveXObject("Msxml2.XMLHTTP");										
					} 
				catch (e) 
					{
							try 
							{	
							   objXMLHttp = new ActiveXObject("Microsoft.XMLHTTP");						   
							} 
							catch (E) 
							{	
									objXMLHttp = new XMLHttpRequest();
									objXMLHttp.overrideMimeType('text/xml');
							}
					}
	
			}
	
		//For Internet Explorer:
		else if (window.ActiveXObject)
			{	
				try {		
							objXMLHttp = new ActiveXObject("Msxml2.XMLHTTP");
					} 
				catch (e) 
					{
							try 
							{	
								objXMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
							} 
							catch (E) 
							{	
									objXMLHttp = false;
							}
					}			
			}
		
	
		return objXMLHttp
	} 


function enterkeypress(evt,fielId) 
	{		
		
		evt = (evt) ? evt : event;
		var charCode = (evt.charCode) ? evt.charCode :  ((evt.which) ? evt.which : evt.keyCode);	
			
		//alert(charCode);
		if (charCode >= 96 && charCode <= 105) 
			{ 			
			}	
		else if(charCode >= 48 && charCode <= 57)		
			{			
			}
		else if(charCode == 190 || charCode == 109 || charCode == 189 || charCode == 8 || charCode == 110 || charCode == 188 || charCode == 9)		
			{			
			}
		else{				
				
				alert('Please enter only numeric or float values');			
				document.getElementById(fielId).value="";		
			}
		return true; 
		
	}

function hide_2d3d()
	{		
		browserCompatiablity('barAppearanceDiv').style.display='none';
	}
	
function show_2d3d()
	{		
		browserCompatiablity('barAppearanceDiv').style.display='block';
	}



var cp = new ColorPicker('window'); // Popup window
var cp2 = new ColorPicker(); // DIV style
cp.writeDiv();