var cpu = new Array(0.5,1,2,4,6,8);
var ram = new Array(0.25,0.5,1,2,4,8,16);
var hdd = new Array(0.5,1,2,4,8);
	
$(function() {
	$("#cpu-set").slider({
		min: 0,
		max: 5,
		step: 1,
		range: "min",
		value: 0,
		slide: function( event, ui ) {
			$( "#cpu" ).val( cpu[ui.value] );
			setValue($('#cpu'));
			setManual();
			checkPriceValues(cpu[ui.value],ram[$("#ram-set").slider('value')],hdd[$("#hdd-set").slider('value')]);
		},
		change: function( event, ui ) {
			$( "#cpu" ).val( cpu[ui.value] );
			setValue($('#cpu'));
			checkPrice();
		}
	});
		
	$("#ram-set").slider({
		min: 0,
		max: 6,
		step: 1,
		range: "min",
		value: 1,
		slide: function( event, ui ) {
			var panel = $('#panel .btn-a').attr('id');
			$( "#ram" ).val( ram[ui.value] );
			setValue($('#ram'));
			setManual();
			checkPriceValues(cpu[$("#cpu-set").slider('value')],ram[ui.value],hdd[$("#hdd-set").slider('value')]);
			switch (panel) {
				case 'panel1': if(ui.value < 3) changePanel($('#panel2'),'panel2');
				case 'panel3': if(ui.value < 2) changePanel($('#panel2'),'panel2');
			}
			
		},	
		change: function( event, ui ) {
			$( "#ram" ).val( ram[ui.value] );
			setValue($('#ram'));
			checkPrice();
		}
	});
		
	$("#hdd-set").slider({
		min: 0,
		max: 4,
		step: 1,
		range: "min",
		value: 0,
		slide: function( event, ui ) {
			$( "#hdd" ).val( hdd[ui.value] * 100 );
			setValue($('#hdd'));
			setManual();
			checkPriceValues(cpu[$("#cpu-set").slider('value')],ram[$("#ram-set").slider('value')],hdd[ui.value]);
		},
		change: function( event, ui ) {
			$( "#hdd" ).val( hdd[ui.value] * 100 );
			setValue($('#hdd'));
			checkPrice();
		}		
	});
		
});

function setManual() {
	$('#pakiet-set').rotate(65);
	$('#pakiet .pakiet-a').removeClass('pakiet-a');
	$('#65').addClass('pakiet-a');
	Cufon.refresh('#pakiet li');
}

function setValue(elem) {
	elem.prev('span.digit-font').text(elem.val());
	Cufon.refresh('#conf .conf-desc .digit-font');
}

function changePanel(self,id) {
	id = id.replace('panel','');
	
	var input = $('#panel-radio input[value='+id+']');
	var ram = $("#ram-set").slider('value');
			
	$('.btn-a').removeClass('btn-a');
	self.addClass('btn-a');
	input.attr('checked',true);
}

function checkPriceValues(cpu_p, ram_p, hdd_p) {
	price = 24 + 28 * (cpu_p + ram_p + hdd_p);
	
	$('#vps_price').val(price);
	$('#conf-price span').html(price);
	Cufon.refresh('#conf-price');
}

function checkPrice() {
	var cpu_p = cpu[$("#cpu-set").slider('value')];
	var ram_p = ram[$("#ram-set").slider('value')];
	var hdd_p = hdd[$("#hdd-set").slider('value')];
	
	price = 24 + 28 * (cpu_p + ram_p + hdd_p);
	
	$('#vps_price').val(price);
	$('#conf-price span').html(price);
	Cufon.refresh('#conf-price');
}
	
$(document).ready(function(){
	
	checkPrice();
	setManual();
	
	$('#panel div.panel-btn').click(function(){
		var self = $(this);
		
		if(!self.hasClass('btn-a')) {
			var id = self.attr('id');
			var ram = $("#ram-set").slider('value');
			changePanel(self,id);
			
			switch (id) {
				case 'panel1':	if(ram < 3) { $('#ram-set').slider('option','value',3);	setManual(); checkPrice(); break; }
				case 'panel3':	if(ram < 2) { $('#ram-set').slider('option','value',2);	setManual(); checkPrice(); break; }
			}
		}
	});
			
	$('#pakiet li').click(function(){
		var angle = parseInt($(this).attr('id'));
		var panel = $('#panel .btn-a').attr('id');
		
		$('#pakiet-set').rotate(angle);
		
		$('#pakiet .pakiet-a').removeClass('pakiet-a');
		$(this).addClass('pakiet-a');
		Cufon.refresh('#pakiet li');
		switch (angle) {
			case -20: 	$('#cpu-set').slider('option','value',1); 
						$('#ram-set').slider('option','value',2);
						$('#hdd-set').slider('option','value',1); break;
			case   0: 	$('#cpu-set').slider('option','value',2); 
						$('#ram-set').slider('option','value',3);
						$('#hdd-set').slider('option','value',2); break;
			case  40: 	$('#cpu-set').slider('option','value',3); 
						$('#ram-set').slider('option','value',4);
						$('#hdd-set').slider('option','value',3); break;
		}
		switch (panel) {
			case 'panel1': if($('#ram-set').slider('value') < 3) changePanel($('#panel2'),'panel2');
			case 'panel3': if($('#ram-set').slider('value') < 2) changePanel($('#panel2'),'panel2');
		}
		checkPrice();
	});
});