$(document).ready(function() {
  
  //alert("Thanks for visiting!");
  
  $('#pic1').qtip({
    content: {
      url: 'http://www.hyrlett.nu/form1.html'
    },
    show: 'mouseover',
    hide: 'mouseout',
    position: {
      corner: {
        tooltip: 'rightMiddle',
        target: 'center'
      }
    },
    hide: {
      fixed: true // Make it fixed so it can be hovered over
    },
    style: {
      border: {
        width: 2,
        radius: 10
      },
      background: '#fff',
      padding: 5, 
      width: 290,
      textAlign: 'left',
      tip: true, // Give it a speech bubble tip with automatic corner detection
      name: 'light' // Style it according to the preset 'cream' style
    }
  });
  
  $('#pic2').qtip({
    content: {
      url: 'http://www.hyrlett.nu/form2.html'
    },
    show: 'mouseover',
    hide: 'mouseout',
    position: {
      corner: {
        tooltip: 'leftMiddle',
        target: 'center'
      }
    },
    hide: {
      fixed: true // Make it fixed so it can be hovered over
    },
    style: {
      border: {
        width: 2,
        radius: 10
      },
      background: '#fff',
      padding: 5, 
      width: 280,
      textAlign: 'left',
      tip: true, // Give it a speech bubble tip with automatic corner detection
      name: 'light' // Style it according to the preset 'cream' style
    }
  });
 
  // Add Scroller Object
  $jScroller.add("#scroller_container","#scroller","right",1);
  $jScroller.config.refresh = 30; // Refreshrate 100ms

  // Start Autoscroller
  $jScroller.start();
  
});