// The settings

 $.fn.qtip.styles.qpicstyle = {
	 name: 'dark',
	 color: 'black',
	 tip: 'leftTop',
	 width: 310,
	 border: {
	 	width:1
		},
	padding: 5
 }
 
  $.fn.qtip.styles.qpicright = {
	 name: 'dark',
	 color: 'black',
	 tip: 'rightTop',
	 width: 410,
	 border: {
	 	width:1
		},
	padding: 5
 }
 
   $.fn.qtip.styles.qpicleft = {
	 name: 'dark',
	 color: 'black',
	 tip: 'leftTop',
	 width: 410,
	 border: {
	 	width:1
		},
	padding: 5
 }
 
   $.fn.qtip.styles.qkontakt = {
	 name: 'dark',
	 color: 'black',
	 tip: 'topLeft',
	 width: 600,
	 border: {
	 	width:1
		},
	padding: 5
 }
 
 $.fn.qtip.styles.qhelp = {
	 name: 'blue',
	 color: 'black',
	 tip: 'topMiddle',
	 border: {
	 	width:1
		},
	padding: 5
 }
 
 
// The tips
 
 $(document).ready(function()
 {

    $(".qtip_kontakt").qtip(
     {
content: '<table width="100%" border="0" cellpadding="0" class="contact"><tr class="ansvarig"><td><img src="/assets/anders.jpg" /><br/><br/>Anders Berggren</td><td><img src="/assets/tina.jpg" /><br/><br/>Tina Karlenius</td><td><img src="/assets/christian.jpg" /><br/><br/>Christian Karlenius</td></tr><tr><td width="33%" >Säljansvarig</td><td width="33%">Orderansvarig</td><td width="33%">Installationsansvarig</td></tr><tr class="blue"><td>08-400 252 00</td><td>08-400 252 00</td><td>08-400 252 00</td></tr></table>',
		 position: {
			 corner: {
			   target: 'bottomMiddle',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qkontakt',
	 show: 'mouseover',
	 hide: 'mouseout'
     });


    $("#qtip_vav").qtip(
     {
		 content: '<img src="/assets/vav_large.jpg">',
		 position: {
			 corner: {
			   target: 'leftTop',
			   tooltip: 'topRight'
			 }
		 },
	 style: 'qpicright',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

    $("#qtip_500").qtip(
     {
		 content: '<img src="/assets/500_large.jpg">',
		 position: {
			 corner: {
			   target: 'leftTop',
			   tooltip: 'topRight'
			 }
		 },
	 style: 'qpicright',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

    $("#qtip_zon").qtip(
     {
		 content: '<img src="/assets/zon_large.jpg">',
		 position: {
			 corner: {
			   target: 'rightTop',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicleft',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

    $("#qtip_tat").qtip(
     {
		 content: '<img src="/assets/tat_large.jpg">',
		 position: {
			 corner: {
			   target: 'rightTop',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicleft',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

    $("#qtip_col").qtip(
     {
		 content: '<img src="/assets/col_large.jpg">',
		 position: {
			 corner: {
			   target: 'rightTop',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicleft',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

    $("#qtip_yt").qtip(
     {
		 content: '<img src="/assets/yt_large.gif">',
		 position: {
			 corner: {
			   target: 'leftTop',
			   tooltip: 'topRight'
			 }
		 },
	 style: 'qpicright',
	 show: 'mouseover',
	 hide: 'mouseout'
     });
	 
     $("#qtip_ram").qtip(
     {
		 content: '<img src="/assets/ram_large.gif">',
		 position: {
			 corner: {
			   target: 'rightTop',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicleft',
	 show: 'mouseover',
	 hide: 'mouseout'
     });
	 
    $("#qtip_log").qtip(
     {
		 content: '<img src="/assets/p_0006.jpg">',
		 position: {
			 corner: {
			   target: 'leftTop',
			   tooltip: 'topRight'
			 }
		 },
	 style: 'qpicright',
	 show: 'mouseover',
	 hide: 'mouseout'
     });	 
	 
    $("#qtip_pediluxe").qtip(
     {
		 content: '<img src="/flow/images/Pediluxe.jpg">',
		 position: {
			 corner: {
			   target: 'rightMiddle',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicstyle',
	 show: 'mouseover',
	 hide: 'mouseout'
     });
	 
     $("#qtip_pedimat").qtip(
     {
		 content: '<img src="/flow/images/Pedimat.jpg">',
		 position: {
			 corner: {
			   target: 'rightMiddle',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicstyle',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

     $("#qtip_pedimat_ultra").qtip(
     {
		 content: '<img src="/flow/images/PedimatUltra.jpg">',
		 position: {
			 corner: {
			   target: 'rightMiddle',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicstyle',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

     $("#qtip_pedigrid").qtip(
     {
		 content: '<img src="/flow/images/pedigrid.jpg">',
		 position: {
			 corner: {
			   target: 'rightMiddle',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicstyle',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

     $("#qtip_gridline").qtip(
     {
		 content: '<img src="/flow/images/Gridline17mm.jpg">',
		 position: {
			 corner: {
			   target: 'rightMiddle',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicstyle',
	 show: 'mouseover',
	 hide: 'mouseout'
     });
	
     $("#qtip_gridline_plus").qtip(
     {
		 content: '<img src="/flow/images/GridlinePlus.jpg">',
		 position: {
			 corner: {
			   target: 'rightMiddle',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicstyle',
	 show: 'mouseover',
	 hide: 'mouseout'
     });
	 
     $("#qtip_helix_z1").qtip(
     {
		 content: '<img src="/flow/images/HelixZ1.jpg">',
		 position: {
			 corner: {
			   target: 'rightMiddle',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicstyle',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

     $("#qtip_helix_z2").qtip(
     {
		 content: '<img src="/flow/images/HelixZ2.jpg">',
		 position: {
			 corner: {
			   target: 'rightMiddle',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicstyle',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

     $("#qtip_zone3").qtip(
     {
		 content: '<img src="/flow/images/Zone3.jpg">',
		 position: {
			 corner: {
			   target: 'rightMiddle',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicstyle',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

     $("#qtip_zone4").qtip(
     {
		 content: '<img src="/flow/images/Zone4.jpg">',
		 position: {
			 corner: {
			   target: 'rightMiddle',
			   tooltip: 'topLeft'
			 }
		 },
	 style: 'qpicstyle',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

     $("#qtip_depth").qtip(
     {
		 content: 'This explains djupet',
		 position: {
			 corner: {
			   target: 'bottomMiddle',
			   tooltip: 'topMiddle'
			 }
		 },
	 style: 'qhelp',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

     $("#qtip_tzon").qtip(
     {
		 content: 'This explains zon',
		 position: {
			 corner: {
			   target: 'bottomMiddle',
			   tooltip: 'topMiddle'
			 }
		 },
	 style: 'qhelp',
	 show: 'mouseover',
	 hide: 'mouseout'
     });
	 
      $("#qtip_pris").qtip(
     {
		 content: 'This explains prisindikation.',
		 position: {
			 corner: {
			   target: 'bottomMiddle',
			   tooltip: 'topMiddle'
			 }
		 },
	 style: 'qhelp',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

     $("#qtip_belastning").qtip(
     {
		 content: 'This explains maxbelastning.',
		 position: {
			 corner: {
			   target: 'bottomMiddle',
			   tooltip: 'topMiddle'
			 }
		 },
	 style: 'qhelp',
	 show: 'mouseover',
	 hide: 'mouseout'
     });
	 
     $("#qtip_absorp").qtip(
     {
		 content: 'This explains  absorpstionsyta',
		 position: {
			 corner: {
			   target: 'bottomMiddle',
			   tooltip: 'topMiddle'
			 }
		 },
	 style: 'qhelp',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

     $("#qtip_skrap").qtip(
     {
		 content: 'This explains skrapförmåga.',
		 position: {
			 corner: {
			   target: 'bottomMiddle',
			   tooltip: 'topMiddle'
			 }
		 },
	 style: 'qhelp',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

     $("#qtip_tork").qtip(
     {
		 content: 'This explains torkförmåga.',
		 position: {
			 corner: {
			   target: 'bottomMiddle',
			   tooltip: 'topMiddle'
			 }
		 },
	 style: 'qhelp',
	 show: 'mouseover',
	 hide: 'mouseout'
     });

     $("#qtip_material").qtip(
     {
		 content: 'This explains material',
		 position: {
			 corner: {
			   target: 'bottomMiddle',
			   tooltip: 'topMiddle'
			 }
		 },
	 style: 'qhelp',
	 show: 'mouseover',
	 hide: 'mouseout'
     });
});