card=3
txt=1
orderPackage=1;
cardStl=new Array("","Holy Spirit Centered","Cross with Holy Spirit","Holy Spirit","Bible")
cardTxt=new Array("","You're in Our Prayers","Welcome","We Missed You","Thank You","God Bless You On Your Birthday","Remembering You Today","In Touch with GOD","For You on Your Birthday","Gentle Are His Ways","Peace is Knowing Jesus","May You Be Blessed","Rejoice in His Love")


function changeCard(n){
	card = n;
	swapCard(n);
	changeTxt(txt);
	updateDesignSel_reg(n);
	//document.forms['mainform'].elements["card_style"].value = card;
	//document.getElementById("cardStyle").innerHTML=cardStl[card];
}

function changeTxt(n){
	txt = n;
	var txtStr = cardTxt[txt];
	var cardStr = cardStl[card];
	swapTxt(n);	
	updateTextSel_reg(n)
	//document.forms['mainform'].elements["card_text"].value = txt;
	//document.forms['mainform'].elements["options"].value = "Design: " + cardStr + " \nText: " + txtStr;
	//document.getElementById("cardText").innerHTML = txtStr;
}

function swapCard(n) {
	card = n;
	document.getElementById("Card").style.background = "url(images/card" + n + ".gif)";
	txtImg = document.getElementById('Text');
	txtImg.style.left = (1 == card ? '85px' : '160px');
	txtImg.style.top = (1 == card ? '175px' : '155px');
	swapTxt(txt);
}

function swapTxt(n) {
	txt = n;
	source = "images/txt" + n;
	source += (card == 1 ? "s.gif" : ".gif");
	txtImg = document.getElementById("Text");
	txtImg.src = source;
	txtImg.width = (card == 1 ? 154 : 163);
	txtImg.height = (card == 1 ? 64 : 85);		
}

function updatePrices(qty) {
	if (qty <= 0) {
		document.getElementById('formQty').focus();
		return false;
	}
	var price_per = getPrice(qty);
	var qty_per = 25;
	document.getElementById("cardTotal").innerHTML = qty * qty_per;
	document.getElementById("cardQty").innerHTML = qty;
	document.getElementById("cardPrice").innerHTML = price_per.toFixed(2);
	document.getElementById("totalPrice").innerHTML = (qty * price_per).toFixed(2);
}

function updatePriceDisplay() {
	updatePrices(document.getElementById('formQty').value);
}


/*
function showactualsize(){
	sizeWin = open("size.html","sizeWin","width=480, height=400, resizable=yes")
}

*/

var wizardSteps = 6;
var wizardSelected = 1;

function init_wizard() {
    show_wizard(1);
}
function show_wizard(section) {
    for (var i = 1; i <= wizardSteps; i++) {
        if (i == section) {
            document.getElementById('step' + i).style.display = 'block';
            wizardSelected = i;
            if (i == wizardSteps) showCardSummary();
        } else {
            document.getElementById('step' + i).style.display = 'none';
        }
    }
    updateCardDisplay();
}

function go_forward_wiz(current) {
	var numDesigns = parseInt(document.getElementById('numDesigns').value);
	if (numDesigns < current) {
		//No more designs to choose from... skip to the end.
		show_wizard(wizardSteps);
	} else {
		show_wizard(current + 1);
	}
}

function go_backward_wiz(current) {
	var numDesigns = parseInt(document.getElementById('numDesigns').value);
	if (wizardSteps == current) {
		//We're at the end of the wizard, skip to the last design
		show_wizard(numDesigns + 1);
	} else {
		show_wizard(current - 1);
	}
}

function updateDesignSel(n) {
	var numDesigns = parseInt(document.getElementById('numDesigns').value);
	if (wizardSelected < 2 || wizardSelected > numDesigns + 1) return false;
	updateSel(document.forms[0].elements['design'+ (wizardSelected - 1)], n);
}

function updateTextSel(n) {
	var numDesigns = parseInt(document.getElementById('numDesigns').value);
	if (wizardSelected < 2 || wizardSelected > numDesigns + 1) return false;
	updateSel(document.forms[0].elements['text'+ (wizardSelected - 1)], n);
}

function updateDesignSel_reg(n) {
	updateSel(document.forms[0].elements['card_style'], n);
}

function updateTextSel_reg(n) {
	updateSel(document.forms[0].elements['card_text'], n);
}

function updateSel(the_select, n) {
	var loop;
	for (loop=0; loop < the_select.options.length; loop++) {
		if (the_select.options[loop].value == n) {
			 the_select.selectedIndex = loop;
		}
	}
}

function updateCardDisplay() {
	var numDesigns = parseInt(document.getElementById('numDesigns').value);
	if (wizardSelected < 2 || wizardSelected > numDesigns + 1) return false;
	var cardId = document.forms[0].elements['design'+ (wizardSelected - 1)].value;
	var textId = document.forms[0].elements['text'+ (wizardSelected - 1)].value;
	if (!cardId) cardId = 3;
	if (!textId) textId = 1;
	swapCard(cardId);
	swapTxt(textId);
}

function showCardSummary() {
	var numDesigns = parseInt(document.getElementById('numDesigns').value);
	var i;
	var card_style, card_text;
	var content = '<table><tr><th>Design #</th><th>Card Design</th><th>Text</th></tr>';
	for (i = 1; i <= numDesigns; ++i) {
		card_style = cardStl[document.forms[0].elements['design'+ i].value]
		card_text = cardTxt[document.forms[0].elements['text'+ i].value]
		if (!card_style || !card_text) continue;
		content += '<tr><th>' + i + '</th><td>' + card_style + '</td><td>' + card_text + '</td></tr>';
	}
	content += '</table>';
	document.getElementById('summary').innerHTML = content;
}