var st = 40;
	var start = 250;
	var slide_value = start;
	var input_click = true;
	var nodes = 0;
	var min = 0;
	var free = 0;
	var indexpage = "false";
	$(document).ready(function() {
		free = $("#slider_prices").attr("free");
		nodes = parseInt($("#slider_prices").attr("nodes"));
		indexpage = parseInt($("#slider_prices").attr("indexpage"));
		region =  $("#slider_prices").attr("region");

		if(!nodes) nodes = 1;
		
		if (nodes > 0) {
			if(nodes >= 1) {
				nodes = nodes -1;
			}
			start = (nodes) * st;
			min_bijk = start;
			slide_value = start;
		}
		
        $(function() {
            $("#moving_slider").slider({
                range: "min",
                value: start,
                min: min,
				min_bijk: min_bijk,
                max: 620,
                step: st,

                start: function(event, ui) {

                },
                slide: function(event, ui) {
                        slide_value = ui.value;
                        setClouds(ui.value);
                        setNumbers($("#moving_slider").position());
						
                }
            });
            var pos = $("#moving_slider").position();

            $("#clouds").css("top",pos.top+30+"px").css("left",pos.left+15+"px");
            setClouds(start);
            setNumbers()
	});

        $(".clickable").live("click",function(){
//        alert(this.tagName)
            if (!input_click){
                var input = $(this).find("input");
                if (input.attr("checked") == true) input.attr("checked",false)
                else input.attr("checked",true)
            }
            input_click = false;
            setNumbers()
        })

        $("input[type=checkbox]").live("click",function(){
            input_click = true;
            setNumbers()
        })


     });
	 
	 function showPopular(count){
		var pos = $("#shuttle").position();
		//$("h2").html(slide_value + " " + pos.top + " " +pos.left)
		$("#mostpopular")
			.css({top: pos.top, left: pos.left + slide_value + count*4 - 10})
			.fadeIn("fast");
	 }

     function setClouds(val){
        var count = val/st;
		var img = "";
		var free_nodes = 1;
		if (free == 1) free_nodes = 1;
        $("#clouds").html("");
        for (var i = 0; i < 15; i++){
			if (i < free_nodes) img =  "cloud_icon_green.png"
			else img = "cloud_icon_active.png";
            //if (i <= count) $("#clouds").append('<img src="/htdocs/images/design/cloud_icon_active.png" alt="" class="single_cloud" style="" />');
            //else $("#clouds").append('<img src="/htdocs/images/design/cloud_icon.png" alt="" class="single_cloud" style="" />');
            if (i <= count) $("#clouds").append('<div class="node_cloud_slide"><img src="/htdocs/images/design/'+img+'" alt="" class="" style="" /><span>'+(i +1)+'</span></div>');
            else $("#clouds").append('<div class="node_cloud_slide"><img src="/htdocs/images/design/cloud_icon.png" alt="" /><span></span></div>');

        }
		$('#nodes').val(count + 1);
     }

     function setNumbers(pos){
		
		//var correction = 1;
		//if (free == 1) correction = 0;
        var count = Math.round(slide_value/st) + 1;
		var pricespan = $("#monthly_price span");
		var li = $("#slider_prices li[id="+count+"]");
		
		//alert(count)
		if (indexpage == "true" || indexpage){
			if (count == 5) showPopular(count);
			else $("#mostpopular").fadeOut("fast");
		}
        var price = parseFloat(li.attr("price"));

				//if (free == 1)
		if (count > 1) price = parseFloat($("#slider_prices li[id="+(count-1)+"]").attr("price"));
		
        $("span.cpu").html(li.attr("cpu"));
        $("span.ram").html(li.attr("ram"));
        $("span.hdd").html(li.attr("hdd"));
        $("span.net").html(li.attr("net"));
        $("span.net").closest("p").find("span.unit").html(li.attr("net_u"));
        if ($("#backup").attr("checked") == true) price += 5;
        if ($("#monitoring").attr("checked") == true) price += 10;
       
	var priceWithCurrency = price+" &euro;";
	if(region == "NA") priceWithCurrency = "&#36;"+price;
	freepromo = "+ 6 days Free Promo!";
	freepromo1node = "Free promo for 6 days!";
		
	if (free == 1) {
			pricespan.html(priceWithCurrency).css("font-size","23px").css("color","#575757");
		} else {
			if (count < 2 && region != "banned") {pricespan.html("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");$(".freepromo").html(freepromo1node);}
			else if(region !="banned"){pricespan.html(priceWithCurrency);$(".freepromo").html(freepromo);}
			else {pricespan.html(priceWithCurrency).css("font-size","23px").css("color","#575757");}
		}
		$("input[name=amount]").val(price);
		$("input[name=ordered_nodes]").val(count);
//console.log(indexpage);
       // alert(val)
     }