// JavaScript Document

	
	function back(no)
	{
		if(no == 'Solid')
		{
			document.getElementById('layer_solid').style.display='block';
			document.getElementById('layer_gradient').style.display='none';			
			document.getElementById('layer_background_image').style.display='none';
			
			document.getElementById('layer_gradient_mode').style.display='none';
			document.getElementById('layer_background_enhancement').style.display='none';
			
		}
		else if(no == 'Gradient')
		{
			document.getElementById('layer_solid').style.display='none';
			document.getElementById('layer_gradient').style.display='block';			
			document.getElementById('layer_background_image').style.display='none';	
			
			document.getElementById('layer_gradient_mode').style.display='block';
			document.getElementById('layer_background_enhancement').style.display='none';
					
		}
		else if(no == 'Upload')
		{
			document.getElementById('layer_solid').style.display='none';
			document.getElementById('layer_gradient').style.display='none';			
			document.getElementById('layer_background_image').style.display='block';
			
			document.getElementById('layer_gradient_mode').style.display='none';
			document.getElementById('layer_background_enhancement').style.display='block';
			
			document.getElementById('upload_image_layer').style.display='block';
			document.getElementById('predefined_image_layer').style.display='none';			
			
			
		}
		else if(no == 'PredefinedBack')
		{
			document.getElementById('layer_solid').style.display='none';
			document.getElementById('layer_gradient').style.display='none';			
			document.getElementById('layer_background_image').style.display='block';
			
			document.getElementById('layer_gradient_mode').style.display='none';
			document.getElementById('layer_background_enhancement').style.display='block';
			
			document.getElementById('upload_image_layer').style.display='none';
			document.getElementById('predefined_image_layer').style.display='block';		
						
		}
		
	}
	////////////////////////////////////////
	function border(no)
	{
		if(no == 'Solid')
		{
			document.getElementById('solid_dashed_properties').style.display='block';
			document.getElementById('double_properties').style.display='none';
		}
		else if(no == 'Double Solid')
		{
			document.getElementById('solid_dashed_properties').style.display='block';
			document.getElementById('double_properties').style.display='block';					
		}
		else if(no == 'Dashed')
		{
			document.getElementById('solid_dashed_properties').style.display='block';
			document.getElementById('double_properties').style.display='none';
		}
		else if(no == 'Double Dashed')
		{
			document.getElementById('solid_dashed_properties').style.display='block';
			document.getElementById('double_properties').style.display='block';
		}
		else
		{
			document.getElementById('solid_dashed_properties').style.display='none';
			document.getElementById('double_properties').style.display='none';
		}
		
	}		
	/////////////////////////////////////////////////////////////////////////////////	
	function showTab(option)
	{
		if(option == 1)
		{
			document.getElementById('background').style.display='block';
			document.getElementById('text').style.display='none';
			document.getElementById('effects').style.display='none';
			document.getElementById('border').style.display='none';
			document.getElementById('format').style.display='none';
			document.getElementById('clip_arts').style.display='none';
			
			document.forms.frm.tabs.value = option;			
			document.getElementById('tab1').className='current';
			document.getElementById('tab2').className='';
			document.getElementById('tab3').className='';
			document.getElementById('tab4').className='';
			document.getElementById('tab5').className='';
			document.getElementById('tab6').className='';			
									
		}
		else if(option == 2)
		{
			document.getElementById('background').style.display='none';
			document.getElementById('text').style.display='block';
			document.getElementById('effects').style.display='none';
			document.getElementById('border').style.display='none';
			document.getElementById('format').style.display='none';
			document.getElementById('clip_arts').style.display='none';
			
			document.forms.frm.tabs.value = option;
			document.getElementById('tab1').className='';			
			document.getElementById('tab2').className='current';
			document.getElementById('tab3').className='';
			document.getElementById('tab4').className='';
			document.getElementById('tab5').className='';
			document.getElementById('tab6').className='';
						
		}
		else if(option == 3)
		{
			document.getElementById('background').style.display='none';
			document.getElementById('text').style.display='none';
			document.getElementById('effects').style.display='block';
			document.getElementById('border').style.display='none';
			document.getElementById('format').style.display='none';
			document.getElementById('clip_arts').style.display='none';
			
			document.forms.frm.tabs.value = option;
			document.getElementById('tab1').className='';
			document.getElementById('tab2').className='';
			document.getElementById('tab3').className='current';
			document.getElementById('tab4').className='';
			document.getElementById('tab5').className='';
			document.getElementById('tab6').className='';
			
		}
		else if(option == 4)
		{
			document.getElementById('background').style.display='none';
			document.getElementById('text').style.display='none';
			document.getElementById('effects').style.display='none';
			document.getElementById('border').style.display='block';
			document.getElementById('format').style.display='none';
			document.getElementById('clip_arts').style.display='none';
			
			document.forms.frm.tabs.value = option;
			document.getElementById('tab1').className='';
			document.getElementById('tab2').className='';
			document.getElementById('tab3').className='';
			document.getElementById('tab4').className='current';
			document.getElementById('tab5').className='';
			document.getElementById('tab6').className='';
		}
		else if(option == 5)
		{
			document.getElementById('background').style.display='none';
			document.getElementById('text').style.display='none';
			document.getElementById('effects').style.display='none';
			document.getElementById('border').style.display='none';
			document.getElementById('format').style.display='block';
			document.getElementById('clip_arts').style.display='none';
			
			document.forms.frm.tabs.value = option;
			document.getElementById('tab1').className='';
			document.getElementById('tab2').className='';
			document.getElementById('tab3').className='';
			document.getElementById('tab4').className='';
			document.getElementById('tab5').className='current';
			document.getElementById('tab6').className='';
		}
		else if(option == 6)
		{
			document.getElementById('background').style.display='none';
			document.getElementById('text').style.display='none';
			document.getElementById('effects').style.display='none';
			document.getElementById('border').style.display='none';
			document.getElementById('format').style.display='none';
			document.getElementById('clip_arts').style.display='block';
			
			document.forms.frm.tabs.value = option;
			document.getElementById('tab1').className='';
			document.getElementById('tab2').className='';
			document.getElementById('tab3').className='';
			document.getElementById('tab4').className='';
			document.getElementById('tab5').className='';
			document.getElementById('tab6').className='current';			
		}
		
		
	}	
	/////////////////////////////////////////////////////////////////////////////////
	
	function show_lightbox(layer1,layer2)
	{
		document.getElementById(layer1).style.display='block';
		document.getElementById(layer2).style.display='block';
		
		var hscroll = (document.all ? document.scrollLeft : window.pageXOffset);
		var vscroll = (document.all ? document.scrollTop : window.pageYOffset);				
		var dimension = get_browserdimension();	
		
		
		document.getElementById(layer1).style.top=150 + vscroll+"px";
		document.getElementById(layer2).style.height = dimension.y + vscroll +"px" ;
				
		
		document.getElementById('combo_predefined').style.visibility='hidden';
	}
	function hide_lightbox(layer1,layer2)
	{
		document.getElementById(layer1).style.display='none';
		document.getElementById(layer2).style.display='none';
		
		document.getElementById('combo_predefined').style.visibility='visible';
	}
	function show_controls(input,layer,mode)
	{
		document.getElementById("controls").style.display='block';
		document.getElementById("controls_background").style.display='block';
		
		var hscroll = (document.all ? document.scrollLeft : window.pageXOffset);
		var vscroll = (document.all ? document.scrollTop : window.pageYOffset);				
		var dimension = get_browserdimension();	
		
		
		document.getElementById("controls").style.top=150 + vscroll+"px";
		document.getElementById("controls_background").style.height = dimension.y + vscroll +"px" ;
		
		get_controls(input,layer,mode);
	}
	function put_controlsvalue(input,myvalue)
	{
		document.getElementById(input).value = myvalue;
		
		document.getElementById("controls").style.display='none';
		document.getElementById("controls_background").style.display='none';
	}
	/////////////////////////////////////////////////////////////
	function select_backgrounds_type(path,file,layer1,layer2)
	{
		document.forms.frm.predefined_file.value = path+file;		
		
		document.getElementById('predefined_image_layer').innerHTML = " Your Predefined Background Image:<br> <img src='"+path+file+"' width='100' height='100' />"; 
		
		hide_lightbox(layer1,layer2);
	}
	////////////////////////////////////////////////////////////
	function select_cliparts_type(path,file,layer1,layer2)
	{
		var b = document.forms.frm.cliparts_no.value;
		
		var c1 = "clip_layer_"+b;
		var c2 = "clipart_"+b;
		
		document.getElementById(c1).innerHTML = " <img src='"+path+file+"' border='0'  />"; 		
		document.getElementById(c2).value = path+file;
		
		hide_lightbox(layer1,layer2);
	}
	function show_cliparts_lightbox(layer1,layer2,no)
	{
		document.getElementById(layer1).style.display='block';
		document.getElementById(layer2).style.display='block';		
		
		document.getElementById('combo_predefined').style.visibility='hidden';
		
		
		var hscroll = (document.all ? document.scrollLeft : window.pageXOffset);
		var vscroll = (document.all ? document.scrollTop : window.pageYOffset);				
		var dimension = get_browserdimension();	
		
		
		document.getElementById(layer1).style.top=150 + vscroll+"px";
		document.getElementById(layer2).style.height = dimension.y + vscroll +"px" ;
		
		
		document.forms.frm.cliparts_no.value = no;
	}	
	////////////////////////////////////////////////////////////
	function select_font_type(path,file,layer1,layer2)
	{
		var b = document.forms.frm.font_no.value;
		
		var f1 = "font_type"+b;
		var f2 = "font_type_path"+b;
		
				
		document.getElementById(f1).value = file;
		document.getElementById(f2).value = path;
				
		//document.forms.frm.font_type+b.value = file;
		//document.forms.frm.font_type_path+b.value = path;
		
		hide_lightbox(layer1,layer2);
	}
	function show_fonts_lightbox(layer1,layer2,no)
	{
		document.getElementById(layer1).style.display='block';
		document.getElementById(layer2).style.display='block';		
		
		document.getElementById('combo_predefined').style.visibility='hidden';
		
		var hscroll = (document.all ? document.scrollLeft : window.pageXOffset);
		var vscroll = (document.all ? document.scrollTop : window.pageYOffset);				
		var dimension = get_browserdimension();	
		
		
		document.getElementById(layer1).style.top=150 + vscroll+"px";
		document.getElementById(layer2).style.height = dimension.y + vscroll +"px" ;
		
		
		document.forms.frm.font_no.value = no;
	}	
	//////////////////////////////////////////////////////////////////////////////////
	function go_newStart()
	{
		var cfm = window.confirm("Do you want to start new banner.All changes in current banner will be lost.");
		if(cfm)
		{
			window.location.href = "index.php";
		}
	}