// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

$(document)
		.ready(
				function() {

    				VPSDefault = 1
                    maxAssignableNodes = 5

                    var VPSCost = new Array();
                    VPSCost[1] = '12.99';
                    VPSCost[2] = '25.99';
                    VPSCost[3] = '39.99';
                    VPSCost[4] = '52.99';
                    VPSCost[5] = '65.99';

					nodeCPU = 400 /* In MHZ */
					nodeRAM = 360 /* In MB */
					nodeHDD = 16 /* In GB */
					nodeBandwidth = 200 /* In GB */

					for (i = 1; i <= maxAssignableNodes; i++) {
						$('#vps-chooser .slider-wrap .slider-nodes').append(
								"<li id=\"node-" + i + "\">" + i + "</li>");
					}
					;

					function setTotalValues(nodes) {
						$('#vps-chooser .cpu p').text(
								((nodes * nodeCPU) / 1000) + "GHz");
						$('#vps-chooser .ram p').text(
								(nodes * nodeRAM) + "MB");
						$('#vps-chooser .storage p').text(
								(nodes * nodeHDD) + "GB");
						$('#vps-chooser .bandwidth p').text(
								(nodes * nodeBandwidth) + "GB");

						if ($('#vps-chooser .nodesused').is('*'))
							$('#vps-chooser .nodesused p').text(nodes);

						// Only Price it up if the price is shown
						if ($('#vps-chooser .price').is('*')) {
							$('#vps-chooser .price p.cost').text(
									"£" + (VPSCost[nodes]));
							$('#vps-chooser .price p.saving').text(
									"£" + Math.round(VPSCost[nodes] / nodes)
											+ " per node");
						}

					}
					;

					selectedNodes = $(
							'#vps-chooser .slider-wrap #slider input[name=selectionid]')
							.val();
					if (selectedNodes > 0) {
						assignedNodes = selectedNodes
					} else {
						assignedNodes = VPSDefault
					}
					;
					$('#vps-chooser .slider-wrap #slider').addClass("active");
					$('#vps-chooser .slider-wrap #slider').css("width",(69 * maxAssignableNodes) + "px");
					$('#vps-chooser .slider-background-repeat').css("width", ((85 * maxAssignableNodes) ) + "px");
					$('#vps-chooser .slider-wrap #slider input').css("display", "none");
					setTotalValues(assignedNodes);
					for ( var y = 0; y <= assignedNodes; y++) {
						$("#vps-chooser .slider-wrap #node-" + y).addClass(
								"active");
					}
					$('#vps-chooser .slider-wrap #slider .ui-slider-handle')
							.mousedown( function() {
								$(this).addClass("active");
							});
					$('#vps-chooser .slider-wrap #slider .ui-slider-handle')
							.mouseup( function() {
								$(this).removeClass("active");
							});
					$('#vps-chooser .slider-wrap #slider.ui-slider')
							.slider(
									{
										min : 1,
										max : maxAssignableNodes,
										startValue : assignedNodes,
										animate : true,
										change : function(e, ui) {

											var t = jQuery(this);
											var x = jQuery(t).slider("value");
											jQuery(t).find('input').val(x);
											for ( var y = 0; y <= x; y++) {
												$(
														"#vps-chooser .slider-wrap #node-"
																+ y).addClass(
														"active");
											}
											for ( var y = x + 1; y <= maxAssignableNodes; y++) {
												$(
														"#vps-chooser .slider-wrap #node-"
																+ y)
														.removeClass("active");
											}

											setTotalValues(x);

										}
									});

				});