function selectcstype(ian){
document.getElementById('selectsigntype').style.display = 'none';
document.getElementById('imagelist').style.display = 'block';
document.getElementById(ian).style.display = 'block';
}

function selectSign(selectedsign){
document.getElementById('imagelist').style.display = 'none';
document.getElementById('selectsigntype').style.display = 'none';
document.getElementById('afterselected').style.display = 'block';
newim = 'gx-cs-types/cust_' + selectedsign + '.gif';
document.getElementById('selectedheader').src = newim;
document.getElementById('csimage').value = newim;
signcat = selectedsign.slice(0,1);
endpoint = selectedsign.length;
signid = selectedsign.slice(1,endpoint);
setUpSign(signcat, signid);
}

function goBack(){
document.getElementById('w').style.display = 'none';
document.getElementById('p').style.display = 'none';
document.getElementById('s').style.display = 'none';
document.getElementById('m').style.display = 'none';
document.getElementById('imagelist').style.display = 'none';
document.getElementById('selectsigntype').style.display = 'block';
document.getElementById('afterselected').style.display = 'none';
}

function setUpSign(signcat, signid){

document.getElementById('formid').value = signid;

if(signcat=='m'||signcat=='2'){
document.getElementById('cstext').style.background = '#0082BF';
document.getElementById('cstext').style.color = '#fff';
document.getElementById('formtype').value = '2';
document.getElementById('selectedheader').style.width = '100';
document.getElementById('selectedheader').style.height = '100';
}

if(signcat=='w'||signcat=='1'){
document.getElementById('cstext').style.background = '#F4E416';
document.getElementById('cstext').style.color = '#000';
document.getElementById('formtype').value = '1';
document.getElementById('selectedheader').style.width = '100';
document.getElementById('selectedheader').style.height = '100';
}

if(signcat=='p'||signcat=='3'){
document.getElementById('cstext').style.background = '#E62C0D';
document.getElementById('cstext').style.color = '#fff';
document.getElementById('formtype').value = '3';
document.getElementById('selectedheader').style.width = '100';
document.getElementById('selectedheader').style.height = '100';
}

if(signcat=='s'||signcat=='4'){
document.getElementById('cstext').style.background = '#13832A';
document.getElementById('cstext').style.color = '#fff';
document.getElementById('formtype').value = '4';
document.getElementById('selectedheader').style.width = '100';
document.getElementById('selectedheader').style.height = '100';
}

if(signcat=='a'||signcat=='5'){
document.getElementById('cstext').style.background = '#fff';
document.getElementById('cstext').style.color = '#000';
document.getElementById('formtype').value = '5';
document.getElementById('selectedheader').style.width = '1';
document.getElementById('selectedheader').style.height = '1';
}

}

function setUpFinalSign(signcat, signid, sorientation){

if(signcat=='m'||signcat=='2'){
document.getElementById('cstext').style.background = '#0082BF';
document.getElementById('cstext').style.color = '#fff';
}

if(signcat=='w'||signcat=='1'){
document.getElementById('cstext').style.background = '#F4E416';
document.getElementById('cstext').style.color = '#000';
}

if(signcat=='p'||signcat=='3'){
document.getElementById('cstext').style.background = '#E62C0D';
document.getElementById('cstext').style.color = '#fff';
}

if(signcat=='s'||signcat=='4'){
document.getElementById('cstext').style.background = '#13832A';
document.getElementById('cstext').style.color = '#fff';
}

if(signcat=='a'||signcat=='5'){
document.getElementById('cstext').style.background = '#fff';
document.getElementById('cstext').style.color = '#000';
}

if(sorientation=='Landscape'){
document.getElementById('selectedpara').style.width = '280px';
document.getElementById('selectedpara').style.height = '227px';
document.getElementById('cstext').style.width = '240px';
document.getElementById('cstext').style.height = '107px';
document.getElementById('cstext').style.margin = '10px 20px';

}

}

function writetext(){
newtext = document.getElementById('signtext').value;
newlen = newtext.length;
if(newlen>200){
newtext = 'Please note the maximum number of characters is 200.  Please delete some characters.';
}
newtext = newtext.replace(/\r/g,'<br>');
brokenstring = newtext.split(' ');
document.getElementById('cstext').innerHTML = newtext;

count = 0;
maxstring = 0;

while(brokenstring[count]){
curlength = brokenstring[count].length;
if(curlength>maxstring){
maxstring = curlength;
}
count++;
}

if (maxstring>19){
document.getElementById('cstext').innerHTML = 'There is a word with more than 19 characters long.  Please choose a shorter word that will fit onto the sign.';
}

if(newlen<18&&maxstring<7){
document.getElementById('cstext').style.font = 'normal normal normal 40px/44px helvetica, arial, sans-serif';
}

else if(newlen<30&&maxstring<9){
document.getElementById('cstext').style.font = 'normal normal normal 30px/34px helvetica, arial, sans-serif';
}

else if(newlen<55&&maxstring<13){
document.getElementById('cstext').style.font = 'normal normal normal 20px/24px helvetica, arial, sans-serif';
}

else if(newlen<100&&maxstring<17){
document.getElementById('cstext').style.font = 'normal normal bold 15px/19px helvetica, arial, sans-serif';
}

else if(newlen<160&&maxstring<20){
document.getElementById('cstext').style.font = 'normal normal bold 12px/16px helvetica, arial, sans-serif';
}

else{
document.getElementById('cstext').style.font = 'normal normal bold 11px/13px helvetica, arial, sans-serif';
}

}

function landscape(){
document.getElementById('selectedpara').style.width = '280px';
document.getElementById('selectedpara').style.height = '227px';
document.getElementById('cstext').style.width = '240px';
document.getElementById('cstext').style.height = '107px';
document.getElementById('cstext').style.margin = '10px 20px';
document.getElementById('landscape').style.visibility = 'hidden';
document.getElementById('portrait').style.visibility = 'visible';
document.getElementById('sorientation').value = 'Landscape';
document.getElementById('size1').innerHTML = '200 x 150';
document.getElementById('size2').innerHTML = '400 x 200';
document.getElementById('size3').innerHTML = '400 x 300';
document.getElementById('size4').innerHTML = '450 x 300';
document.getElementById('size5').innerHTML = '600 x 400';
document.getElementById('size6').innerHTML = '600 x 450';
}

function portrait(){
document.getElementById('selectedpara').style.width = '200px';
document.getElementById('selectedpara').style.height = '280px';
document.getElementById('cstext').style.width = '160px';
document.getElementById('cstext').style.height = '160px';
document.getElementById('cstext').style.margin = '20px 10px';
document.getElementById('portrait').style.visibility = 'hidden';
document.getElementById('landscape').style.visibility = 'visible';
document.getElementById('sorientation').value = 'Portrait';
document.getElementById('size1').innerHTML = '150 x 200';
document.getElementById('size2').innerHTML = '200 x 400';
document.getElementById('size3').innerHTML = '300 x 400';
document.getElementById('size4').innerHTML = '300 x 450';
document.getElementById('size5').innerHTML = '400 x 600';
document.getElementById('size6').innerHTML = '450 x 600';
}