var isRegistered = true;
var submitCount = 0;
var req = null;

window.addEvent('domready', function(){

	if($('continue') == null) {

		req = new Request.HTML({url:'/pricing/json/', 
			onSuccess: function(html) {
				$('pricing-result').set('text', '');
				$('pricing-result').adopt(html);
			},
			onFailure: function() {
				$('pricing-result').set('text', 'The request failed.');
			}
		});
		
		//createSlider($('p7'), '20 x 24', 0, 4, 1, $('pv1'));
		//createSlider($('p6'), '16 x 20', 0, 4, 1, $('pv2'));
		createSlider($('p6'), 'Wallart', 0, 3, 1, $('pv6'));
		createSlider($('p5'), '11 x 14', 0, 10, 1, $('pv5'));
		createSlider($('p4'), '8 x 10', 0, 30, 1, $('pv4'));
		createSlider($('p3'), '5 x 7', 0, 30, 1, $('pv3'));
		createSlider($('p2'), '4 x 5', 0, 30, 1, $('pv2'));
		createSlider($('p1'), ' Wallets', 0, 400, 48, $('pv1'));
		
		submitCount = 1;
	}

	if($('continue') != null) {
		if(formStatus) {
			parent.hidePopup();
		}
	}
});

function hidePopup() {
	isRegistered = true;
	SqueezeBox.close();
	processRequest();
}

function processRequest() {
	if(isRegistered == false && submitCount > 0) {
		SqueezeBox.initialize();
	    
		SqueezeBox.open('/pricing/form/', {
				handler: 'iframe',
				size: {x: 600, y: 500}
			});
			
		$('pricing-result').set('text', 'Complete form to receive your custom quote!');		
	} else {
		$('pricing-result').set('text', 'Finding the best deal. Please wait...');
		req.post($('pricing'));
		submitCount++;
	}
}

function createSlider(el, label, min, max, increments, fe) {
	var slider = new Slider(el.getElement('.slider'), el.getElement('.slider').getElement('.knob'), {
		steps: (max-min)/increments,
		range: [min, max],
		onChange: function(value){

			
			
			if(el == $('p6')) {
				$('pv6').value = 0; $('pv7').value = 0; $('pv8').value = 0; $('pv9').value = 0;

				switch(value) {
					case 0:
						el.getElement('.value').set('html', 'No Wall Portrait');
					break;
					case 1:
						el.getElement('.value').set('html', '16 x 20 Wall Portrait');
						$('pv6').value = 1;
					break;
					case 2:
						el.getElement('.value').set('html', '20 x 24 Wall Portrait');
						$('pv7').value = 1;
					break;
					case 3:
						el.getElement('.value').set('html', '24 x 30 Wall Portrait');
						$('pv8').value = 1;
					break;
					case 4:
						el.getElement('.value').set('html', '30 x 40 Wall Portrait');
						$('pv9').value = 1;
					break;																
				}
			} else {
				el.getElement('.value').set('html', '(' + value + ') ' + label);
				fe.value = value;		
			}
			
		},
		onComplete: function(value){
			if(submitCount > 0) {
				processRequest();
			}
			
		}
	});
	
	slider.set(fe.value);
}