var page = [];
page[0] = {'name':'Choose'};
page[1] = {'name':'1 Page'};
page[2] = {'name':'2 Pages'};
page[3] = {'name':'3 Pages'};
page[4] = {'name':'5 Pages'};
page[5] = {'name':'10 Pages'};
var default_page = 0;
var tat = [];
tat[0] = {'name':'Choose'};
tat[1] = {'name':'1 Day'};
tat[2] = {'name':'3 Days'};
tat[3] = {'name':'1 Week'};
tat[4] = {'name':'2 Weeks'};
tat[5] = {'name':'1 Month'};
var default_tat = 0;

var page_text = $('pages');
var page_value = $('pages_value');
var cost_page = page[default_page].cost;
page_text.innerHTML = page[default_page].name;
if (page_value.value) {
	default_page = page_value.value;
	page_text.innerHTML = page[page_value.value].name;
}

var tat_text = $('days');
var tat_value = $('days_value');
var cost_tat = tat[default_tat].cost;
tat_text.innerHTML = tat[default_tat].name;
if (tat_value.value) {
	default_tat = tat_value.value;
	tat_text.innerHTML = tat[tat_value.value].name;
}

var page_slider = new Control.Slider($('page_marker'), $('page_track'), {
	range: $R(0, 5),
	values: $R(0, 5),
	sliderValue: default_page,
	onChange: function(value) {
		page_text.innerHTML = page[value].name;
		page_value.value = value;
	}
});

var tat_slider = new Control.Slider($('tat_marker'), $('tat_track'), {
	range: $R(0, 5),
	values: $R(0, 5),
	sliderValue: default_tat,
	onChange: function(value) {
		tat_text.innerHTML = tat[value].name;
		turnaround_value.value = value;
	}
});

function calc_price() {
	var total = 0;

	var markup = document.orderform.markup.value;
	if (markup=='trans')
		total += cost_trans;
	else
		total += cost_strict;
		
	var template = document.orderform.template.value;
	if (template=='css')
		total += cost_css;
	else
		total += cost_wp;
	
	total += cost_page;
	total += cost_tat;
	document.orderform.cost.value = total;
	var total_cost_text = $('price');
	total_cost_text.innerHTML = '$'+total;

	var hidden_cost_field = $('amount');
	//if (hidden_cost_field)
		//hidden_cost_field.value = total;
}

function pageChangeValue(change) {
	var value = page_slider.value;
	page_slider.setValue(value+change);
}

function tatChangeValue(change) {
	var value = tat_slider.value;
	tat_slider.setValue(value+change);
}