function styles(k,s)
{

var style='';
var style='<table align="center">';
var count=73;
var ar1 = new Array(count); 

	for(var i=1; i<=count;i++)
	{
  ar1[i]=i+1;

	}
	/////////////////////////////////////////////////////////////////////////////////
	var k=parseInt(k);
	var s=parseInt(s);
	if(k>=12)
	{
      document.getElementById('previous').style.display='';
    }else{
	      document.getElementById('previous').style.display='none';
		  }
		  
   ////////////////////////////////////////////////////////////////////////////////
	if(s==0)
	{
	var k=k-44;
	if(k<0 ||k==1){k=1;document.getElementById('previous').style.display='none';}
    if(k<55){document.getElementById('next').style.display='';}

	}
	
	var sag= k+10;
	var sled= sag +12;
	
	var t=k;
	var p=k;
	var temp=k+1;
	document.getElementById('sag').value=sled;
	//document.getElementById('previous').style.display='';
	//alert(sled);
	if(sag>count){sag=count;document.getElementById('next').style.display='none'; }
	//alert(sag);
	for(var i=k; i<=sag;i++)
	{
	 if(temp>i)
  	{
  	p=i;
	t=i+1;
  	}
	else
	{
    p+=2;
	t+=2;
	}
	
	if(p>count || t>count)
	{
	
	}else
	{
  style=style+'<tr><td><img class="clickimage" src="'+gRootPath+'/generate.php?font=arial&font_size=10&align_text=center&text_color=FFFFFF&text=Click Me&style='+p+'" onClick="pom_styles('+p+');"/></td><td><img src="'+gRootPath+'/generate.php?font=arial&font_size=10&align_text=center&text_color=FFFFFF&text=Click Me&style='+t+'" onClick="pom_styles('+t+');"/></td></tr>';
  }
 
 
	}
	
	style=style+'</table>';
	document.getElementById('styl').innerHTML='';
document.getElementById('styl').innerHTML=style;

}
function download()
{
var font = document.getElementById('font').value;
var font_size = document.getElementById('fontsize').value;
var align_text =document.getElementById('align_text').value; 
var text_color =document.getElementById('fontcol').value;
var text =document.getElementById('text').value;
var style =document.getElementById('style').value;


///////////////////////////////////////////////////////////////////////////////////////////
 if(document.getElementById('bold').checked)
  {
   var style_bold= 1;

  }
  else
  {
     var style_bold= 0;

  }

///////////////////////////////////////////////////////////////////////////////////////////

 if(document.getElementById('italic').checked)
  {
   var style_italic=1;

  }
  else
  {
   var style_italic=0;

  }

document.getElementById('download').href =gRootPath+'/generate.php?font='+font+'&font_size='+font_size+'&align_text='+align_text+'&text_color='+text_color+'&style_italic='+style_italic+'&style_bold='+style_bold+'&text='+text+'&style='+style+'&download=on';
}

function	pom_styles(n)
{
//document.getElementById(n).style.display='none';
document.getElementById('text').style.backgroundImage='url('+gRootPath+'/buttongen/'+n+'.gif)';
document.getElementById('style').value=n;
submitForm();


}
function return_value()
{

  document.getElementById('button').src=gRootPath+'/images/blank.gif';
document.getElementById('textdiv').style.display=''; 
document.getElementById('button').style.display='inline'; 
document.getElementById('buttonleft').src=gRootPath+'/images/blank.gif'; 

document.getElementById('text').style.display='inline';
////////////////////////////////////////////////////////////////////////////////////
document.getElementById('text').style.color=document.getElementById('fontcol').value;
  document.getElementById('text').style.fontSize=document.getElementById('fontsize').value;
  document.getElementById('text').style.textAlign=document.getElementById('align_text').value;
  
  if(document.getElementById('bold').checked)
  {
   document.getElementById('text').style.fontWeight='bold';

  }
  else
  {
     document.getElementById('text').style.fontWeight='';

  }


  if(document.getElementById('italic').checked)
  {
   document.getElementById('text').style.fontStyle='italic';

  }
  else
  {
   document.getElementById('text').style.fontStyle='';

  }
 
////////////////////////////////////////////////////////////////////////////////////

document.getElementById('text').select();
}

function submitForm()
{
document.getElementById('button').src=gRootPath+'/images/loading.gif';
document.getElementById('textdiv').style.display='none'; 
document.getElementById('download').style.display='none';


var font = document.getElementById('font').value;
var font_size = document.getElementById('fontsize').value;
var align_text =document.getElementById('align_text').value; 
var text_color =document.getElementById('fontcol').value;
var text =document.getElementById('text').value;
var style =document.getElementById('style').value;


///////////////////////////////////////////////////////////////////////////////////////////
 if(document.getElementById('bold').checked)
  {
   var style_bold= 1;

  }
  else
  {
     var style_bold= 0;

  }

 if(document.getElementById('italic').checked)
  {
   var style_italic=1;

  }
  else
  {
   var style_italic=0;

  }

  document.getElementById('button').src=gRootPath+'/images/blank.gif';
document.getElementById('textdiv').style.display=''; 
document.getElementById('button').style.display='inline'; 
document.getElementById('buttonleft').src=gRootPath+'/generate.php?font='+font+'&font_size='+font_size+'&align_text='+align_text+'&text_color='+text_color+'&style_italic='+style_italic+'&style_bold='+style_bold+'&text='+text+'&style='+style+''; 

document.getElementById('text').style.display='none';
document.getElementById('download').style.display='';
document.getElementById('overlay').style.display='';

//document.getElementById('text').style.backgroundImage='url('+gRootPath+'/generate.php?font='+font+'&font_size='+font_size+'&align_text='+align_text+'&text_color='+text_color+'&style_italic='+style_italic+'&style_bold='+style_bold+'&text='+text+')';
}

function getOrderString(){
	var font = document.getElementById('font').value;
	var font_size = document.getElementById('fontsize').value;
	var align_text =document.getElementById('align_text').value; 
	var text_color =document.getElementById('fontcol').value;
	var text =document.getElementById('text').value;
	var style =document.getElementById('style').value;

	 if(document.getElementById('bold').checked)
   		var style_bold= 1;
  	else
     		var style_bold= 0;

 	if(document.getElementById('italic').checked)
   		var style_italic=1;
  	else
   		var style_italic=0;
	text = escape(text);
	return gRootPath+'/generate.php?font='+font+'&font_size='+font_size+'&align_text='+align_text+'&text_color='+text_color+'&style_italic='+style_italic+'&style_bold='+style_bold+'&text='+text+'&style='+style+''; 
}


function smena()
{
var sag=document.getElementById('sag').value;

//alert(sag);
styles(sag);
 document.getElementById('textdiv').style.display=''; 
 document.getElementById('button').src=gRootPath+'/images/blank.gif';
// document.getElementById('text').src=gRootPath+'/buttongen/1.gif';
document.getElementById('text').style.backgroundImage="url("+gRootPath+"/buttongen/1.gif)";
document.getElementById('download').style.display='';
//var img=document.getElementById('text').style.backgroundImage;
//alert(img);

}


function instructOverlay(){
	var lFile = document.getElementById('FiletoDownload');
	lFile.value=getOrderString()+'&download=on';
	var lForm = document.getElementById('OverlayUploadForm');
	lForm.submit();
}

function refrech()
{
 // var text_color = document.getElementById('fontcol').value;
  document.getElementById('text').style.color=document.getElementById('fontcol').value;
  document.getElementById('text').style.fontSize=document.getElementById('fontsize').value;
  document.getElementById('text').style.textAlign=document.getElementById('align_text').value;
  
  if(document.getElementById('bold').checked)
  {
   document.getElementById('text').style.fontWeight='bold';

  }
  else
  {
     document.getElementById('text').style.fontWeight='';

  }


  if(document.getElementById('italic').checked)
  {
   document.getElementById('text').style.fontStyle='italic';

  }
  else
  {
   document.getElementById('text').style.fontStyle='';

  }
 
submitForm();	

}