// (C) 2006 Substance Design Ltd.

var currentFrame = 0;

var img_v_slider = new Array(3);
var img_h_slider = new Array(3);
var img_s_slider = new Array(3);

var text_v_slider = new Array(4);
var text_h_slider = new Array(4);

function updatePreview(f)
{
	var x = document.getElementById('width').value;
	var y = document.getElementById('height').value;
	
	var bg = document.getElementById('background'+f).value;

	var t1 = document.getElementById('text'+f+'_1').value;
	var t2 = document.getElementById('text'+f+'_2').value;
	
	var s1 = document.getElementById('fontsize'+f+'_1').value;
	var s2 = document.getElementById('fontsize'+f+'_2').value;
		
	var c1 = document.getElementById('fontcolor'+f+'_1').value;
	var c2 = document.getElementById('fontcolor'+f+'_2').value;
	
	var w1 = document.getElementById('fontweight'+f+'_1').value;
	var w2 = document.getElementById('fontweight'+f+'_2').value;
	
	var x1 = document.getElementById('horizontal'+f+'_1').value;
	var x2 = document.getElementById('horizontal'+f+'_2').value;
	
	var y1 = document.getElementById('vertical'+f+'_1').value;
	var y2 = document.getElementById('vertical'+f+'_2').value;
	
	var is = document.getElementById('imagescale'+f+'_1').value;
	var ix = document.getElementById('ihorizontal'+f+'_1').value;
	var iy = document.getElementById('ivertical'+f+'_1').value;
	
	var im = document.getElementById('image'+f+'_1').value;
	
	document.getElementById('preview'+f).src = "preview.php?f="+f+"&bg="+bg+"&im="+im+"&w="+x+"&h="+y+"&t1="+t1+"&t2="+t2+"&s1="+s1+"&s2="+s2+"&c1="+c1+"&c2="+c2+"&w1="+w1+"&w2="+w2+"&x1="+x1+"&x2="+x2+"&y1="+y1+"&y2="+y2+"&is="+is+"&ix="+ix+"&iy="+iy;
	//alert(document.getElementById('preview').src);
}

function presetSize(t)
{
	var temp = new Array();
	temp = t.value.split('x');
	var x = temp[0];
	var y = temp[1];
	document.getElementById('width').value = x;
	document.getElementById('height').value = y;
	updatePreview(currentFrame);
}


function updateFrames()
{

	var t = document.getElementById('framecount').value;
	var frames = '<li class="active"><a href="javascript:switchFrame(0);">Frame 1</a></li>';
	document.getElementById('frame'+currentFrame).className = 'frame_hidden';
	currentFrame = 0;
	document.getElementById('frame'+currentFrame).className = 'frame_show';
	for(var i=1;i<t;i++)
		frames+='<li><a href="javascript:switchFrame('+i+');">Frame '+(i+1)+'</a></li>';

	document.getElementById('tabs').innerHTML = frames;
	updatePreview(currentFrame);
}

function switchFrame(f)
{
	var tabs = document.getElementById('tabs').getElementsByTagName('li');
	tabs[currentFrame].className = '';
	document.getElementById('frame'+currentFrame).className = 'frame_hidden';
	currentFrame = f;
	tabs[currentFrame].className = 'active';
	document.getElementById('frame'+currentFrame).className = 'frame_show';
	updatePreview(currentFrame);
}

function updateBackground(id,c)
{
	document.getElementById(id).value = c.value;
	updatePreview(currentFrame);
}

function render()
{
	//alert("render.php?frames="+document.getElementById('framecount').value+"&delay="+document.getElementById('delay').value);
	var url = "render.php?.gif&frames="+document.getElementById('framecount').value+"&delay0="+document.getElementById('delay0').value+"&delay1="+document.getElementById('delay1').value+"&delay2="+document.getElementById('delay2').value+"&delay3="+document.getElementById('delay3').value+"&delay4="+document.getElementById('delay4').value
	
	day = new Date();
	id = day.getTime();
	window.open(url, id, 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width='+(20+document.getElementById('width').value*1)+',height='+(20+document.getElementById('height').value*1)+',left = 50,top = 50');
}

function setSubsequentImages(f,l)
{
	var is = document.getElementById('imagescale'+f+'_'+l).value;
	var ix = document.getElementById('ihorizontal'+f+'_'+l).value;
	var iy = document.getElementById('ivertical'+f+'_'+l).value;
	var im = document.getElementById('image'+f+'_'+l).selectedIndex;

	for(var i=f+1;i<5;i++)
	{
		document.getElementById('imagescale'+i+'_'+l).value = is;
		document.getElementById('ihorizontal'+i+'_'+l).value = ix;
		document.getElementById('ivertical'+i+'_'+l).value = iy;
		document.getElementById('image'+i+'_'+l).selectedIndex = im;

		img_s_slider[l][i].setValue(is);
		img_h_slider[l][i].setValue(ix);
		img_v_slider[l][i].setValue(iy);

		updatePreview(i);
	}
}

function setSubsequentText(f,l)
{
	var text = document.getElementById('text'+f+'_'+l).value;
	var fontsize = document.getElementById('fontsize'+f+'_'+l).selectedIndex;
	var fontweight = document.getElementById('fontweight'+f+'_'+l).selectedIndex;
	var horizontal = document.getElementById('horizontal'+f+'_'+l).value;
	var vertical = document.getElementById('vertical'+f+'_'+l).value;

	for(var i=f+1;i<5;i++)
	{
		document.getElementById('text'+i+'_'+l).value = text;
		document.getElementById('fontsize'+i+'_'+l).selectedIndex = fontsize;
		document.getElementById('fontweight'+i+'_'+l).selectedIndex = fontweight;
		document.getElementById('horizontal'+i+'_'+l).value = horizontal;
		document.getElementById('vertical'+i+'_'+l).value = vertical;
		
		text_v_slider[l][i].setValue(vertical);
		text_h_slider[l][i].setValue(horizontal);
		
		updatePreview(i);
	}
}