%html
  %div{'py:match':'content'}
    %br
    %br
    %br

    %table{'class':'grey','width':'650','align':'center'}
      %tr
        %td{'colspan':'4','align':'center'}
          %h1 %a{'href':'/products/'}Design your perfect server
          %h2
            Resize it as your business grows,
            %br
            instantly, from any web browser.

      %tr
        %th Processor
        %td Single core
        %td
          %div{'id':'cputrack', 'class':'slidertrack'}
            %div{'class':'slidertrackleft'}
            %div{'id':'cpuhandle', 'class':'sliderhandle'}
              %img{'src':'/images/slider-images-handle.png', 'style':'float:left;'}
        %td Eight cores

      %tr
        %th Memory
        %td 256MB
        %td
          %div{'id':'memtrack', 'class':'slidertrack'}
            %div{'class':'slidertrackleft'}
            %div{'id':'memhandle', 'class':'sliderhandle'}
              %img{'src':'/images/slider-images-handle.png', 'style':'float:left;'}
        %td 5GB

      %tr
        %th Disk
        %td 1GB
        %td
          %div{'id':'disktrack', 'class':'slidertrack'}
            %div{'class':'slidertrackleft'}
            %div{'id':'diskhandle', 'class':'sliderhandle'}
              %img{'src':'/images/slider-images-handle.png', 'style':'float:left;'}
        %td 2TB

    %script{'type':'text/javascript'}
      // <![CDATA[
      var  cpuslider = new Control.Slider( 'cpuhandle',  'cputrack', {sliderValue:0.5});
      var  memslider = new Control.Slider( 'memhandle',  'memtrack', {sliderValue:0.5});
      var diskslider = new Control.Slider('diskhandle', 'disktrack', {sliderValue:0.5});

      var count = 0;
      var cpudir = 0;
      var memdir = 0;
      var diskdir = 0;

      function animate()
      {
        if (count == 0) {
          cpudir  = Math.random()-0.5;
          memdir  = Math.random()-0.5;
          diskdir = Math.random()-0.5;
          count = 300;
        }

        cpuslider.setValue(cpuslider.value+cpudir/500);
        memslider.setValue(memslider.value+memdir/500);
        diskslider.setValue(diskslider.value+diskdir/500);

        count = count-1;
      }

      setInterval(animate, 10);
      // ]]>

    %br

    %table{'class':'invisible','width':'650','align':'center'}
      %tr
        %td{'valign':'top', 'width':'25%'}
          %h3 %a{'href':'/accounts/create'} Free trial
        %td{'valign':'top', 'width':'25%'}
          %h3 %a{'href':'/products/pricing'} Competitive prices
        %td{'valign':'top', 'width':'25%'}
          %h3 %a{'href':'/products/infrastructure'} Advanced infrastructure
        %td{'valign':'top', 'width':'25%'}
          %h3 %a{'href':'/products/bandwidth'} UK data centre

      %tr
        %td{'valign':'top', 'style':'padding:3pt;'}
          You can test our powerful products, and then purchase capacity on
          the first wave of our infrastructure roll-out.
        %td{'valign':'top', 'style':'padding:3pt;'}
          We offer pricing for both subscription and burst use. Buy exactly
          the capacity you need, when you need it.
        %td{'valign':'top', 'style':'padding:3pt;'}
          KVM virtualization delivers the full power of our infrastructure
          to your servers, and supports any PC operating system.
        %td{'valign':'top', 'style':'padding:3pt;'}
          We have fast direct links to the UK/EU internet. Your data is
          stored within EU jurisdiction and data protection laws.


  %xi:include{'href':'layout'}