Ajax Layer JavaScript DHTML

//Smoke Ring - http://www.btinternet.com/~kurt.grigg/javascript
/*
Paste this link as the last thing on your page, just before 

Make sure the smokering.js file and the ring image, or your chosen image, are 
in/uploaded to the same directory/folder as the web page using the script!
*/



Smoke Ring









//Smoke Ring - http://www.btinternet.com/~kurt.grigg/javascript
(function(){
var doesFilters = ((document.firstChild) && 
document.firstChild.filters);
var modernBrowser = ((document.getElementById) 
&& window.addEventListener || window.attachEvent);
if (doesFilters && modernBrowser){
//Configure here!
var theImage = new Image();
theImage.src = "http://www.rntsoft.com/style/logo.png"; //Put any image here.
/*Image height-width. A non-square image can be  
used but script runs smoother if it is square*/
var imgH = 150;  //height.
var imgW = 150;  //width. 
var runSpeed = 30;   //setTimeout speed.
//End.
var eqDims = (imgH==imgW);
var r,h,w,y,x,fadeStep,fadeFrom,expH,expW,curH,curW,temp;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('img').length;
document.write("+"position:absolute;top:-200px;left:-200px;height:"+imgH+"px;width:"+imgW+"px' />");
if (domWw) r = window;
else{ 
  if (d.documentElement && 
  typeof d.documentElement.clientWidth == "number" && 
  d.documentElement.clientWidth != 0)
  r = d.documentElement;
 else{ 
  if (d.body && 
  typeof d.body.clientWidth == "number")
  r = d.body;
 }
}
function winsize(){
if (domWw){
  h = r.innerHeight; 
  w = r.innerWidth;
 }
 else{
  h = r.clientHeight; 
  w = r.clientWidth;
 } 
}
function scrl(yx){
var y,x;
if (domSy){
 y = r.pageYOffset;
 x = r.pageXOffset;
 }
else{
 y = r.scrollTop;
 x = r.scrollLeft;
 }
return (yx == 0)?y:x;
}
function rst(){
y = Math.floor((imgH/2) + Math.random() * (h-imgH)) + scrl(0);
x = Math.floor((imgW/2) + Math.random() * (w-imgW)) + scrl(1);
fadeStep = 3;
fadeFrom = 100;
expH = (eqDims)?1:(1 * imgH) / 100;
expW = (eqDims)?1:(1 * imgW) / 100;
curH = 0; 
curW = 0; 
}
function SmokeRing(){
curH += expH;
curW += expW;
if (curH > imgH/4){ 
 fadeFrom -= fadeStep;
}
if (curH*2 >= imgH){
 rst();
}
 temp.top = y-curH+pix;
 temp.left = x-curW+pix;
 temp.height = (curH*2)+pix;
 temp.width = (curW*2)+pix;
 temp.filter = "alpha(opacity="+fadeFrom+")";
 setTimeout(SmokeRing,runSpeed); 
}
function init(){
temp = document.getElementById("ring"+idx).style;
winsize();
rst();
var strt = Math.floor(500+Math.random()*2000);
setTimeout(SmokeRing,strt);
}
if (window.addEventListener){
 window.addEventListener("load",init,false);
 window.addEventListener("resize",winsize,false);
 }  
else if (window.attachEvent){
 window.attachEvent("onload",init);
 window.attachEvent("onresize",winsize);
 }
}//End 
})();

#

#

#

#

#

#

#

#

#

#

#

#

#

#

#

#


#

#

#

#

#

#

#

#

#

#

#

#

#

#

#

#


#

#

#

#

#

#

#

#

#

#

#

#

#

#

#

#