/* Script by: www.jtricks.com 
      * Version: 20071017 
      * Latest version: 
      * www.jtricks.com/javascript/navigation/floating.html 
      */  
	  	
     var floatingMenuId1  = 'div1';  
	 var x_length=(Math.floor(screen.availWidth/3.6));
		if(x_length==400){
		x_length=489;
		}else if(x_length==222){
		x_length=269;
		}
	 
     var floatingMenu1 =  
    {  
       targetX1: x_length,  
        targetY1: 209,  
     
        hasInner: typeof(window.innerWidth) == 'number',  
       hasElement: typeof(document.documentElement) == 'object'  
           && typeof(document.documentElement.clientWidth) == 'number',  
      
        menu:  
            document.getElementById  
            ? document.getElementById(floatingMenuId1)  
           : document.all  
              ? document.all[floatingMenuId1]  
             : document.layers[floatingMenuId1]  
    };  
      
   floatingMenu1.move = function ()  
   {  
       floatingMenu1.menu.style.left = floatingMenu1.nextX + 'px';  
	 //  alert(floatingMenu1.menu.style.left);
        floatingMenu1.menu.style.top = floatingMenu1.nextY + 'px';  
			  // alert(floatingMenu1.menu.style.top);
    }  
      
   floatingMenu1.computeShifts = function ()  
    {  
      var de = document.documentElement;  
    
      floatingMenu1.shiftX =    
           floatingMenu1.hasInner    
           ? pageXOffset    
            : floatingMenu1.hasElement    
             ? de.scrollLeft    
              : document.body.scrollLeft;    
       if (floatingMenu1.targetX1 < 0)  
        {  
            floatingMenu1.shiftX +=  
               floatingMenu1.hasElement  
                ? de.clientWidth  
               : document.body.clientWidth;  
        }  
      
        floatingMenu1.shiftY =   
           floatingMenu1.hasInner  
            ? pageYOffset  
           : floatingMenu1.hasElement  
              ? de.scrollTop  
              : document.body.scrollTop;  
        if (floatingMenu1.targetY1 < 0)  
        {  
           if (floatingMenu1.hasElement && floatingMenu1.hasInner)  
           {  
                // Handle Opera 8 problems  
                floatingMenu1.shiftY +=  
                   de.clientHeight > window.innerHeight  
                   ? window.innerHeight  
                   : de.clientHeight  
           }  
            else  
            {  
               floatingMenu1.shiftY +=  
                   floatingMenu1.hasElement  
                  ? de.clientHeight  
                   : document.body.clientHeight;  
            }  
        }  
    }  
      
      floatingMenu1.calculateCornerX = function()  
   {  
       if (floatingMenu1.targetX1 != 'center')  
            return floatingMenu1.shiftX + floatingMenu1.targetX1;  
      
        var width = parseInt(floatingMenu1.menu.offsetWidth);  
       var cornerX =  
            floatingMenu1.hasElement  
            ? (floatingMenu1.hasInner  
               ? pageXOffset  
               : document.documentElement.scrollLeft) +   
              (document.documentElement.clientWidth - width)/2  
            : document.body.scrollLeft +   
              (document.body.clientWidth - width)/2; 
			 
       return cornerX;  
    };  
      
    floatingMenu1.calculateCornerY = function()  
    {  
        if (floatingMenu1.targetY1 != 'center')  
           return floatingMenu1.shiftY + floatingMenu1.targetY1;  
     
       var height = parseInt(floatingMenu1.menu.offsetHeight);  
        // Handle Opera 8 problems  
       var clientHeight =   
           floatingMenu1.hasElement && floatingMenu1.hasInner  
           && document.documentElement.clientHeight   
              > window.innerHeight  
           ? window.innerHeight  
           : document.documentElement.clientHeight  
       var cornerY =  
           floatingMenu1.hasElement  
         ? (floatingMenu1.hasInner    
             ? pageYOffset  
             : document.documentElement.scrollTop) +   
             (clientHeight - height)/2  
          : document.body.scrollTop +   
            (document.body.clientHeight - height)/2;  
			 
       return cornerY;  
   };  
  floatingMenu1.doFloat = function()  
  {  
      var stepX, stepY;  
     
       floatingMenu1.computeShifts();  
      var cornerX = floatingMenu1.calculateCornerX();  
       var stepX = (cornerX - floatingMenu1.nextX) * .07;  
       if (Math.abs(stepX) < .5)  
       {  
           stepX = cornerX - floatingMenu1.nextX;  
      }  
       var cornerY = floatingMenu1.calculateCornerY();  
       var stepY = (cornerY - floatingMenu1.nextY) * .07;  
       if (Math.abs(stepY) < .5)  
       {  
           stepY = cornerY - floatingMenu1.nextY;  
       }  
      if (Math.abs(stepX) > 0 ||  
          Math.abs(stepY) > 0)  
      {  
          floatingMenu1.nextX += stepX;  
          floatingMenu1.nextY += stepY;  
         floatingMenu1.move();  
      }  
       setTimeout('floatingMenu1.doFloat()', 20);  
  };  
   // addEvent designed by Aaron Moore  
  floatingMenu1.addEvent = function(element, listener, handler)  
   {  
       if(typeof element[listener] != 'function' ||   
          typeof element[listener + '_num'] == 'undefined')  
      {  
           element[listener + '_num'] = 0;  
           if (typeof element[listener] == 'function')  
           {  
               element[listener + 0] = element[listener];  
              element[listener + '_num']++;  
          }  
          element[listener] = function(e)  
           {  
               var r = true;  
             e = (e) ? e : window.event;  
               for(var i = element[listener + '_num'] -1; i >= 0; i--)  
               {  
                   if(element[listener + i](e) == false)  
                       r = false;  
             }  
               return r;  
           }  
       }  
       //if handler is not already stored, assign it  
       for(var i = 0; i < element[listener + '_num']; i++)  
           if(element[listener + i] == handler)  
              return;  
       element[listener + element[listener + '_num']] = handler;  
       element[listener + '_num']++;  
   };  
  floatingMenu1.init = function()  
  {  
       floatingMenu1.initSecondary();  
       floatingMenu1.doFloat();  
   };  
  // Some browsers init scrollbars only after  
   // full document load.  
   floatingMenu1.initSecondary = function()  
  {  
      floatingMenu1.computeShifts();  
       floatingMenu1.nextX = floatingMenu1.calculateCornerX();  
      floatingMenu1.nextY = floatingMenu1.calculateCornerY();  
	  //alert( floatingMenu1.nextX);
	    //alert(  floatingMenu1.nextY);
      floatingMenu1.move();  
   }  
     
   if (document.layers)  
       floatingMenu1.addEvent(window, 'onload', floatingMenu1.init);  
   else  
   {  
       floatingMenu1.init();  
       floatingMenu1.addEvent(window, 'onload',  
           floatingMenu1.initSecondary);  
   }