// JavaScript Document
$(document).ready(function () {

$('#logo').hide();
$('#logo').fadeIn(2000);
$('#logo_home').hide();
$('#logo_home').fadeIn(2000);

// 3moments Home Logo Glow							
$('#glow').hide();
		var i=0
		for (i=0;i<=500;i++)
		{
		$('#glow').fadeIn(5000);
		$('#glow').fadeOut(2000);					
		};
		
// Ladies
$('#lady_cms').hide();
$('#lady_cms').fadeIn(3000);		
$('#lady_host').hide();
$('#lady_host').fadeIn(3000);	
$('#lady_graphic').hide();
$('#lady_graphic').fadeIn(3000);	
$('#lady_webdesign').hide();
$('#lady_webdesign').fadeIn(3000);	
$('#lady_3d').hide();
$('#lady_3d').fadeIn(3000);	
		
//Gallery fade in
$('#gallery').hide();			
$('#gallery').fadeIn(5000);

//Dudes Shake on Load
$('.dude_webdesign').shakeit(1);
$('.dude_cms').shakeit(3);
$('.dude_host').shakeit(2);
$('.dude_graphic').shakeit(5);
$('.dude_3d').shakeit(4);

//webdesign_hover
$('.dude_webdesign').hover(function(){
	$(this).shakeit(1);
 });
 //webdesign_click
  $('.dude_webdesign').qtip({
	content: '<b>Web Design</b><br /><p>Website Design is our forte.  We strive to bring life to designs, creating a vibrant, interactive yet informative contents.</p> <a href="http://www.3moments.com/web-design.htm">Click for more</a>',
	show: { when: 'click', delay: 0, solo: true, ready: false },
	hide: { when: {
		  target: $(document.body).children().not( $(self) ),
		  event: 'mousedown'
	   }
	},
	position: {
	  corner: {
		target: 'topMiddle',
		tooltip: 'bottomRight'
	  }
	},
	style: { 
	  name: 'dark', // Inherit from preset style
	  border: { width: 1, radius: 5, color: '#e9eaeb' },
	  background: '#822049',
	  width: 300,
	  tip: { corner:'bottomRight' , size: { x: 15, y: 35 }  } 
   }

});
//cms_hover 
$('.dude_cms').hover(function(){
	$(this).shakeit(1);
});
//cms_click
 $('.dude_cms').qtip({
	content: '<b>CMS</b><br /><p>With Content Mangement System or CMS as it is also known, we can create a website that allows you, as the user, to easily create and update contents of your website.</p> <a href="http://www.3moments.com/content-management-system.htm">Click for more</a>',
	show: { when: 'click', delay: 0, solo: true, ready: false  },
	effect: { type: 'slide' },
	hide: { when: {
		  target: $(document.body).children().not( $(self) ),
		  event: 'mousedown'
	   }
	},
	position: {
	  corner: {
		target: 'topMiddle',
		tooltip: 'bottomRight'
	  }
	},
	style: { 
	  name: 'dark', // Inherit from preset style
	  border: { width: 1, radius: 5, color: '#e9eaeb' },
	  background: '#822049',
	  width: 300,
	  tip: { corner:'bottomRight' , size: { x: 15, y: 35 }  } 
   }

})

//host_hover
$('.dude_host').hover(function(){
	$(this).shakeit(1);
});
//host_click
 $('.dude_host').qtip({
	content: '<b>Managed Hosting</b><br /><p>Using the latest technology, we have our own dedicated web server to host your websites.  This gives you and our Clients ultimate server performance so your websites can load reliably and really fast.</p> <a href="http://www.3moments.com/managed-hosting.htm">Click for more</a>',
	show: { when: 'click', delay: 0, solo: true, ready: false },
	hide: { when: {
		  target: $(document.body).children().not( $(self) ),
		  event: 'mousedown'
	   }
	},
	position: {
	  corner: {
		target: 'topMiddle',
		tooltip: 'bottomMiddle'
	  }
	},
	style: { 
	  name: 'dark', // Inherit from preset style
	  border: { width: 2, radius: 5, color: '#e9eaeb' },
	  background: '#822049',
	  width: 300,
	  tip: { corner:'bottomMiddle' , size: { x: 15, y: 35 }  } 
   }

})
//graphic_hover
$('.dude_graphic').hover(function(){
	$(this).shakeit(1);
});
//graphic_click
$('.dude_graphic').qtip({
	content: '<b>Graphic Design</b><br /><p>We love thinking outside-of-the-box! Our creative team can provide graphic design service that range from simple leaflets to complex brochures.</p> <a href="http://www.3moments.com/graphic-design.htm">Click for more</a>',
	show: { when: 'click', delay: 0, solo: true, ready: false },
	hide: { when: {
		  target: $(document.body).children().not( $(self) ),
		  event: 'mousedown'
	   }
	},
	position: {
	  corner: {
		target: 'topMiddle',
		tooltip: 'bottomLeft'
	  }
	},
	style: { 
	  name: 'dark', // Inherit from preset style
	  border: { width: 2, radius: 5, color: '#e9eaeb' },
	  background: '#822049',
	  width: 300,
	  tip: { corner:'bottomLeft' , size: { x: 15, y: 35 }  } 
   }
})

//3d_hover
$('.dude_3d').hover(function(){
	$(this).shakeit(1);
});
//3d_click
$('.dude_3d').qtip({
	content: '<b>3D Visualisation</b><br /><p>With a background in architecture, we can use the our creativity and 3d visualisation skills to bring life to your architectural designs.</p> <a href="http://www.3moments.com/3d-visualisation.htm">Click for more</a>',
	show: { when: 'click', delay: 0, solo: true, ready: false },
	hide: { when: {
		  target: $(document.body).children().not( $(self) ),
		  event: 'mousedown'
	   }
	},
	position: {
	  corner: {
		target: 'topMiddle',
		tooltip: 'bottomLeft'
	  }
	},
	style: { 
	  name: 'dark', // Inherit from preset style
	  border: { width: 2, radius: 5, color: '#e9eaeb' },
	  background: '#822049',
	  width: 300,
	  tip: { corner:'bottomLeft' , size: { x: 15, y: 35 }  } 
   }

})


});