var cost = 9.00;
var img_path = "images/";


function start () {
sizes()
reg_update()
reg2_update()
tag_update()
badge_update()
border_update()
background_update()



price_update()

}




function price_update () {
var cost = 9;

//prices [pounds]
var reg_price = 0.0;
var reg2_update = 0;
var tag_price = 0.0;
var font_price = 0.0;
var border_price = 1.5;
var badge_price = 3.0;
var background_price = 0;
var supply_front_price = 9;
var front_size_price = 0;



if (document.getElementById ('form_tag').value != "" )   //SLOGAN PRICE
{
 cost = cost + tag_price;
 if (document.getElementById ('form_tag').value == "")  
  {
   cost = cost - tag_price;
   document.getElementById('tag').innerHTML = "";
  }
}

if  (document.getElementById ('form_background').value != "none") { //BACKGROUND PRICE
cost = cost + background_price;
}
if  (document.getElementById ('form_border').value != "none") { //BORDER PRICE
cost = cost + border_price;
}
if  (document.getElementById ('form_badge').value != "none") { //BADGE PRICE
cost = cost + badge_price;
}
if  (document.getElementById ('form_font').value != "normal") { //FONT PRICE
cost = cost + font_price;
}
if  (document.getElementById ('form_supply_front').checked == true) { //SUPPLY FRONT PRICE
cost = cost + supply_front_price;
}




if(cost%1 != 0){
document.getElementById ('price').innerHTML = "Your price is <span>£"+cost+"0</span>";  // this writes the final cost
}
else {
document.getElementById ('price').innerHTML = "Your price is <span>£"+cost+"</span>";  // this writes the final cost	
}
document.getElementById('total_price').value = cost;
}



///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function sizes() {


if (document.getElementById('form_supply_front').checked == true) {
document.getElementById('form_front_size').disabled = false;
}
else {
document.getElementById('form_front_size').disabled = true;
}



price_update();
}



///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function tag_update () {
var tag = document.getElementById('tag');
var form_tag = document.getElementById('form_tag');
tag.innerHTML = "<span>" + form_tag.value + "</span>";  //tag update
if (form_tag.value == "Your slogan here") {tag.innerHTML = "";} //no default text in div
tag.innerHTML.replace(/  /g, "");
form_tag.value.replace(/  /g, "");
price_update();
}
//////////////////////////////////////
function reg_update ()
{
var form_reg = document.form.reg.value;
var form_font = document.getElementById('form_font');
var reg = document.getElementById('reg');
//// Updated 29/3/07 for lowcase convert ////
var work=document.form.reg.value;
//// Updated 29/3/07 for lowcase convert ////

if (form_reg.value != "" ) {
var chars=document.form.reg.value.split("");
var i=0;
var output = "";
for (i=0;i<chars.length;i++) {
//// Updated 29/3/07 for lowcase convert ////
var chars1=form_reg.charAt(i).toLowerCase();
//// Updated 29/3/07 for lowcase convert ////
 if (chars[i] != " "){
 //// Updated 29/3/07 for lowcase convert ////
 output = output + "<img src='" + img_path + "fonts/" + form_font.value + "/" + chars1 + ".gif' alt='' />";  //font jigsaw :D
 //// Updated 29/3/07 for lowcase convert ////
  }
 else {
 output = output + "<img src='" + img_path + "fonts/_.gif' alt='' width='40' />";  //font jigsaw :D
 }
}
reg.innerHTML = output;
}

price_update();

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


//////////////////////////////////////
function reg2_update ()
{
var form_reg2 = document.form.reg2.value;
var form_font = document.getElementById('form_font');
var reg2 = document.getElementById('reg2');
//// Updated 29/3/07 for lowcase convert ////
var work=document.form.reg2.value;
//// Updated 29/3/07 for lowcase convert ////

if (form_reg2.value != "" ) {
var chars=document.form.reg2.value.split("");
var i=0;
var output = "";
for (i=0;i<chars.length;i++) {
//// Updated 29/3/07 for lowcase convert ////
var chars1=form_reg2.charAt(i).toLowerCase();
//// Updated 29/3/07 for lowcase convert ////
 if (chars[i] != " "){
 //// Updated 29/3/07 for lowcase convert ////
 output = output + "<img src='" + img_path + "fonts/" + form_font.value + "/" + chars1 + ".gif' alt='' />";  //font jigsaw :D
 //// Updated 29/3/07 for lowcase convert ////
  }
 else {
 output = output + "<img src='" + img_path + "fonts/_.gif' alt='' width='40' />";  //font jigsaw :D
 }
}
reg2.innerHTML = output;
}

price_update();

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


function border_update() {
var border = document.getElementById('border');
var form_border = document.getElementById('form_border');
border.style.backgroundImage = "url(" + img_path + "borders/" + form_border.value + ".gif)";
if (form_border.value == "none") {border.style.background = "none";} 

price_update();
}
//////////////////////////////////////
function badge_update() {
var badge = document.getElementById('badge');
var form_badge = document.getElementById('form_badge');
badge.style.backgroundImage = "url(" + img_path + "badges/" + form_badge.value + ".gif)";
if (form_badge.value == "none") {badge.style.background = "none";} 

price_update();
}
//////////////////////////////////////
function background_update() {
var background = document.getElementById('background');
var form_background = document.getElementById('form_background');
background.style.backgroundImage = "url(" + img_path + "backgrounds/" + form_background.value + ".gif)";
background.style.backgroundRepeat= "no-repeat";
if (form_background.value == "none") {background.style.background = "none";} 

price_update();
}
//////////////////////////////////////