/*----------------------------------------------------------------------------\
|                                                                             |
|                               Component 1                                   |
|                                                                             |
|-----------------------------------------------------------------------------|
|          Copyright (c) 2007 BannerFans.com.  All rights reserved.           |
\----------------------------------------------------------------------------*/


var fp = '';
var fo = '';
var fc = 0;
var toolhide = 0;
var ibs = 0;

var fcatn = new Array;
fcatn[1] = '3D';
fcatn[2] = 'Creative';
fcatn[3] = 'Edgy';
fcatn[4] = 'Fancy';
fcatn[5] = 'Futuristic';
fcatn[6] = 'Gothic';
fcatn[7] = 'Graffity';
fcatn[18] = 'LCD';
fcatn[8] = 'Handwritten';
fcatn[9] = 'Movies';
fcatn[10] = 'Outlined';
fcatn[11] = 'Rounded';
fcatn[12] = 'Script';
fcatn[13] = 'Serif';
fcatn[14] = 'Stencil';
fcatn[15] = 'Typewriter';
fcatn[16] = 'Wavy';
fcatn[17] = 'Stock';

var fswn = new Array;
fswn[1] = 'Top left';
fswn[2] = 'Top middle';
fswn[3] = 'Top right';
fswn[0] = 'No shadow';
fswn[4] = 'Bottom left';
fswn[5] = 'Bottom middle';
fswn[6] = 'Bottom right';

var fopn = new Array;
fopn[100] = 0;
fopn[85] = 21;
fopn[70] = 42;
fopn[55] = 63;
fopn[40] = 84;
fopn[25] = 105;

var foln = new Array;
foln[1] = '1px';
foln[2] = '2px';
foln[3] = '3px';
foln[0] = 'Disabled';
foln[4] = '4px';
foln[5] = '5px';
foln[6] = '6px';

function getFontView2(x,y) {
	fp = y + '/';
	fo = x;
	var fStr = '<div class="pop1"><div id="fo' + fo + '" class="pop1a">';
	fStr += getFontCat(document.forms['cvs1'].elements['f' + x + 'c'].value);
	fStr += '</div><div class="pop1b">';
	fStr += '<iframe id="fview" name="fview" style="overflow-x: hidden; overflow-y: auto" src="/font_view.php?fc=' + document.forms['cvs1'].elements['f' + x + 'c'].value + '&fn=' + fo + '" scrolling="yes" background="transparent" allowtransparency="true" frameborder="0" width="100%" height="100%"></iframe>';
	fStr += '</div></div>';
	return fStr;
}

function getFontView2Ref(w) {
	m = getParentElement('fo' + fo);
	m.innerHTML = getFontCat(w);

}

function getFontCat(w) {
	fc = w;
	var fStr = '';
	for (i in fcatn) {
		if (i != fc)
			fStr += '<a href="/font_view.php?fc=' + i + '&fn=' + fo + '" onClick="getFontView2Ref(' + i + ');" target="fview">' + fcatn[i] + '</a> ';
		else
			fStr += '<a href="/font_view.php?fc=' + i + '&fn=' + fo + '" onClick="getFontView2Ref(' + i + ');" target="fview"><b>' + fcatn[i] + '</b></a> ';
		if (i != 17) fStr += '&middot ';
	}
	return fStr;
}

function getFontSize(x) {
	fStr = '<div class="pop3">';
	for (i=8;i<62;i+=2) {
		fStr += '<a class="sel2" href="javascript:void(0);" onClick="getFontSizeUpdate(' + x + ',\'' + i + '\');cClick();">' + i + '</a>';
	}
	fStr += '</div>';
	return fStr;
}

function getFontSizeUpdate(x,y) {
	document.forms['cvs1'].elements['fs' + x + 'n'].value = y + 'px';
	document.forms['cvs1'].elements['fs' + x].value = y;
}

function getFontRotate(x,y) {
	fp = y + '/';
	var fr = new Array;
	for (i=-90;i<95;i+=10) {
		fr[i] = i + '&#176;';
	}
	fStr = '<div class="pop2">';
	for (i=-90;i<95;i+=10) {
		fStr += '<div class="pop2a"><a href="javascript:void(0);" onClick="getFontRotateUpdate(' + x + ',\'' + i + '\');cClick();" title="' + fr[i] + '"><img src="' + fp + '/rotate_r' + i + '.gif" border="0" width="62" height="72" alt="' + fr[i] + '" /></a><a class="sel2" href="javascript:void(0);" onClick="getFontRotateUpdate(' + x + ',\'' + i + '\');cClick();">' + i + '&#176;</a></div>';
	}
	fStr += '</div>';
	return fStr;
}

function getFontRotateUpdate(x,y) {
	document.forms['cvs1'].elements['fr' + x + 'n'].value = y + '°';
	document.forms['cvs1'].elements['fr' + x].value = y;
}

function getFontShadow(x,y) {
	fp = y + '/';
	fStr = '<div class="pop4">';
	for (i in fswn) {
		fStr += '<div class="pop4a" align="center"><a href="javascript:void(0);" onClick="getFontShadowUpdate(' + x + ',\'' + i + '\');cClick();" title="' + fswn[i] + '"><img src="' + fp + '/shadow_' + i + '_d.gif" border="0" width="58" height="60" alt="' + fswn[i] + '" /></a><a class="sel2" href="javascript:void(0);" onClick="getFontShadowUpdate(' + x + ',\'' + i + '\');cClick();"><nobr>' + fswn[i] + '</nobr></a></div>';
	}
	fStr += '</div>';
	return fStr;
}

function getFontShadowUpdate(x,y) {
	document.forms['cvs1'].elements['fswt' + x + 'n'].value = fswn[y];
	document.forms['cvs1'].elements['fswt' + x].value = y;
}

function getFontShadowOff(x,y) {
	fp = y + '/';
	fStr = '<div class="pop5">';
	for (i=1;i<=6;i++) {
		fStr += '<div class="pop5a" align="center"><a href="javascript:void(0);" onClick="getFontShadowOffUpdate(' + x + ',\'' + i + '\');cClick();" title="' + i + 'px"><img src="' + fp + '/shadow_o' + i + '_d.gif" border="0" width="60" height="62" alt="' + i + 'px" /></a><br /><a class="sel2" href="javascript:void(0);" onClick="getFontShadowOffUpdate(' + x + ',\'' + i + '\');cClick();">' + i + 'px</a></div>';
	}
	fStr += '</div>';
	return fStr;
}

function getFontShadowOffUpdate(x,y) {
	document.forms['cvs1'].elements['fswo' + x + 'n'].value = y + 'px';
	document.forms['cvs1'].elements['fswo' + x].value = y;
}

function getBannerSize(x,y) {
	var bS = x.split('x');
	var sTr = '<div style="padding: 0px"><table border="0" width="' + bS[0] + '" cellpadding="0" cellspacing="0">';
	sTr += '<tr><td style="font-weight: bold; height: ' + bS[1] + 'px; border: 1px #ff9756 dashed;" align="center" valign="center" onClick="cClick();">';
	sTr += y;
	sTr += '</td></tr><tr><td style="padding:5px 0 5px 0;"><a href="javascript:void(0);" onClick="cClick();" onMouseOver="cClick();">close preview</a></td></tr></table></div>';
	return sTr;
}

function getFontOpacity(x,y) {
	fp = y + '/';
	fStr = '<div class="pop6">';
	for (i=100;i>=25;i-=15) {
		fStr += '<div class="pop4a" align="center"><a href="javascript:void(0);" onClick="getFontOpacityUpdate(' + x + ',\'' + i + '\');cClick();" title="' + i + '%"><img src="' + fp + '/shadow_op' + i + '.gif" border="0" width="60" height="62" alt="' + i + '" /></a><br /><a class="sel2" href="javascript:void(0);" onClick="getFontOpacityUpdate(' + x + ',\'' + i + '\');cClick();">' + i + '%</a></div>';
	}
	fStr += '</div>';
	return fStr;
}

function getFontOpacityUpdate(x,y) {
	document.forms['cvs1'].elements['fop' + x + 'n'].value = y + '%';
	document.forms['cvs1'].elements['fop' + x].value = fopn[y];
}

function getBorderStyle(x,y) {
	var z = y == 1 ? (document.forms['cvs1'].elements['bdrt'][x-1].checked ? false : true) : (document.forms['cvs1'].elements['bdrt'][x-1].checked ? true : false);
	for (i=0;i<document.forms['cvs1'].elements['bdrt'].length;i++) {
		document.forms['cvs1'].elements['bdrt'][i].checked = false;
	}
	document.forms['cvs1'].elements['bdrt'][x-1].checked = z;
}

function getBorderNum(x) {
	if (x.substring(0,2) != 'op') {
		fStr = '<div class="pop7" align="center">';
		for (i=0;i<=20;i++) {
			fStr += '<a class="sel2" href="javascript:void(0);" onClick="getBorderNumUpdate(\'' + x + '\',\'' + i + '\');cClick();">' + i + '</a>';
		}
	}
	else {
		fStr = '<div class="pop8" align="center">';
		for (i=100;i>=25;i-=15) {
			fStr += '<a class="sel2" href="javascript:void(0);" onClick="getBorderNumUpdate(\'' + x + '\',\'' + i + '\');cClick();">' + i + '%</a>';
		}
	}
	fStr += '</div>';
	return fStr;
}

function getBorderNumUpdate(x,y) {
	if (x.substring(0,2) != 'op') {
		document.forms['cvs1'].elements['bdr' + x].value = y;
	}
	else {
		document.forms['cvs1'].elements['bdr' + x].value = fopn[y];
		document.forms['cvs1'].elements['bdr' + x + 'n'].value = y + '%';
	}
}

function getBorderStyle2(x) {
	if (document.forms['cvs1'].elements['bdrt'][x].checked == false) {
		document.forms['cvs1'].elements['bdrt'][x].checked = true;
	};
	m = getElement('bdrob1');
	n = getElement('bdrob2');
	p = getElement('bdrobt1');
	q = getElement('bdrobt2');
	if (x == 0) {
		m.style.display = 'none';
		n.style.display = 'none';
	}
	else if (x < 3) {
		p.innerHTML = 'Border properties:'
		m.style.display = 'block';
		n.style.display = 'none';
	}
	else {
		p.innerHTML = 'Outer border properties:'
		q.innerHTML = 'Inner border properties:'
		m.style.display = 'block';
		n.style.display = 'block';
	}
}

function getRadioChecked(x,y) {
	document.forms['cvs1'].elements[x][y].checked = true;
}

function getColorBox(x,y) {
	if (y.length == 6) {
		document.forms['cvs1'].elements[x].style.background = '#' + y;
	}
}

function getFontOutline(x,y) {
	fp = y + '/';
	fStr = '<div class="pop4">';
	for (i in foln) {
		fStr += '<div class="pop4a" align="center"><a href="javascript:void(0);" onClick="getFontOutlineUpdate(' + x + ',\'' + i + '\');cClick();" title="' + foln[i] + '"><img src="' + fp + '/outline_' + i + '_d.gif" border="0" width="58" height="60" alt="' + foln[i] + '" /></a><br /><a class="sel2" href="javascript:void(0);" onClick="getFontOutlineUpdate(' + x + ',\'' + i + '\');cClick();"><nobr>' + foln[i] + '</nobr></a></div>';
	}
	fStr += '</div>';
	return fStr;
}

function getFontOutlineUpdate(x,y) {
	document.forms['cvs1'].elements['fefs' + x + 'n'].value = foln[y];
	document.forms['cvs1'].elements['fefs' + x].value = y;
}

function getBgType(x) {
	for (i=0;i<4;i++) {
		m = getElement('bgbl'+i);
		if (i != x)
			m.style.display = 'none';
		else
			m.style.display = 'block';
	}
	if (x == 3 && ibs == 0) {
		document.forms['cvs1'].elements['bs'][0].checked = true;
		ibs = 1;
	}
}

function getBgGradient(x) {
	document.forms['cvs1'].elements['bggcp' + x].checked = true;
}

function getBgGradientDir(x) {
	document.forms['cvs1'].elements['bggd'][x].checked = true;
}

function getToolbox() {
	m = getElement('toolbox');
	if (m.style.display == 'none') {
		m.style.display = 'block';
		toolhide = 0;
	}
	else {
		m.style.display = 'none';
		toolhide = 1;
	}
	getPaneOpt();
}

function getPaneOpt(x) {
	n = getElement('paneopt1');
	if (toolhide == 1) {
		n.innerHTML = '<a href="javascript:void(0);" onClick="getToolbox();return false;">show tools</a>';
	}
	else {
		n.innerHTML = '<a href="javascript:void(0);" onClick="getToolbox();return false;">hide tools</a>';
	}
}

function getCodeBack() {
	getToolsShow();
	window.parent.document.forms['cvs1'].submit();
}

function getToolsShow() {
	if (window.parent.toolhide == 0) {
		m = getParentElement('toolbox');
		m.style.display = 'block';
	}
	m = getParentElement('paneopt1');
	m.style.display = 'block';
	m = getParentElement('nav1');
	m.style.display = 'block';
}

function getToolsHide() {
	m = getParentElement('paneopt1');
	m.style.display = 'none';
	m = getParentElement('toolbox');
	m.style.display = 'none';
	m = getParentElement('nav1');
	m.style.display = 'none';
}