// JavaScript Document

$(function()

{

 

$('.fade1, .fade2, .fade3').hide();

$('.fade1').fadeIn(3000);

setTimeout(function() {$('.fade2').fadeIn(3000);},3000);

setTimeout(function() {$('.fade3').fadeIn(3000);},6000);

});


/*function hover effect*/

var _elementID;
var _xOffset =-100;
var _yOffset =-250;
 
function MouseX( event )
{
      if ( !event ) event = window.event;
      
      if ( event.pageX )
      {
            return event.pageX;
      }
      else if ( event.clientX )
      {
            return event.clientX + ( document.documentElement.scrollLeft ?  

document.documentElement.scrollLeft 
 
: document.body.scrollLeft );
      }
      else
      {
            return 0;
      }
}
 
function MouseY( event ) 
{
      if (!event) event = window.event; 
      
      if ( event.pageY )
      {
            return event.pageY; 
      }
      else if ( event.clientY )
      {
            return event.clientY + ( document.documentElement.scrollTop ? 

document.documentElement.scrollTop : 
 
document.body.scrollTop );
      }
      else
      {
            return 0;
      }
}
 
function Follow( event )
{
      if ( document.getElementById )
      {                       
            var divStyle = document.getElementById( _elementID ).style; 
            divStyle.left = ( parseInt( MouseX( event ) )+ _xOffset ) + 'px';
            divStyle.top = ( parseInt( MouseY( event ) )+ _yOffset ) + 'px'; 
            divStyle.visibility = 'visible';
      }
}
 
function Show( elementID )
{
      if ( document.getElementById )
      {     
            _elementID = elementID;
            
            document.onmousemove = Follow;
      }
}
 
function Hide( elementID )
{
      if ( document.getElementById )
      {     
            _elementID = elementID;
            
            var divStyle = document.getElementById( _elementID ).style;
            divStyle.visibility = 'hidden';
      
            document.onmousemove = '';
      }
}