var fixeddiv = document.getElementById('fixeddiv');
var floatdiv = document.getElementById('floatdiv');
var clientW = document.documentElement.clientWidth;
if(clientW  < 1152){
    floatdiv.style.display = "none" ;
    fixeddiv.style.display = "block" ;
}else{
    floatdiv.style.display = "block" ;
    fixeddiv.style.display = "none" ;
}

 var floatingMenuId = 'floatdiv';
 var floatingMenu =
 {
     targetX: -95,
     targetY: 10,

     hasInner: typeof(window.innerWidth) == 'number',
     hasElement: typeof(document.documentElement) == 'object'
         && typeof(document.documentElement.clientWidth) == 'number',

     menu:
         document.getElementById
         ? document.getElementById(floatingMenuId)
         : document.all
           ? document.all[floatingMenuId]
           : document.layers[floatingMenuId]
 };

 floatingMenu.move = function ()
 {
     floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
     floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
 }

 floatingMenu.computeShifts = function ()
 {
     var de = document.documentElement;

     floatingMenu.shiftX =
         floatingMenu.hasInner
         ? pageXOffset
         : floatingMenu.hasElement
           ? de.scrollLeft
           : document.body.scrollLeft;
     if (floatingMenu.targetX < 0)
     {
         floatingMenu.shiftX +=
             floatingMenu.hasElement
             ? de.clientWidth
             : document.body.clientWidth;
     }

     floatingMenu.shiftY =
         floatingMenu.hasInner
         ? pageYOffset
         : floatingMenu.hasElement
           ? de.scrollTop
           : document.body.scrollTop;
     if (floatingMenu.targetY < 0)
     {
         if (floatingMenu.hasElement && floatingMenu.hasInner)
         {
             // Handle Opera 8 problems
             floatingMenu.shiftY +=
                 de.clientHeight > window.innerHeight
                 ? window.innerHeight
                 : de.clientHeight
         }
         else
         {
             floatingMenu.shiftY +=
                 floatingMenu.hasElement
                 ? de.clientHeight
                 : document.body.clientHeight;
         }
     }
 }

 floatingMenu.calculateCornerX = function()
 {
     if (floatingMenu.targetX != 'center')
         return floatingMenu.shiftX + floatingMenu.targetX;

     var width = parseInt(floatingMenu.menu.offsetWidth);

     var cornerX =
         floatingMenu.hasElement
         ? (floatingMenu.hasInner
            ? pageXOffset
            : document.documentElement.scrollLeft) +
           (document.documentElement.clientWidth - width)/2
         : document.body.scrollLeft +
           (document.body.clientWidth - width)/2;
     return cornerX;
 };

 floatingMenu.calculateCornerY = function()
 {
     if (floatingMenu.targetY != 'center')
         return floatingMenu.shiftY + floatingMenu.targetY;

     var height = parseInt(floatingMenu.menu.offsetHeight);

     // Handle Opera 8 problems
     var clientHeight =
         floatingMenu.hasElement && floatingMenu.hasInner
         && document.documentElement.clientHeight
             > window.innerHeight
         ? window.innerHeight
         : document.documentElement.clientHeight

     var cornerY =
         floatingMenu.hasElement
         ? (floatingMenu.hasInner
            ? pageYOffset
            : document.documentElement.scrollTop) +
           (clientHeight - height)/2
         : document.body.scrollTop +
           (document.body.clientHeight - height)/2;
     return cornerY;
 };

 floatingMenu.doFloat = function()
 {
     // Check if reference to menu was lost due
     // to ajax manipuations
     if (!floatingMenu.menu)
     {
         menu = document.getElementById
             ? document.getElementById(floatingMenuId)
             : document.all
               ? document.all[floatingMenuId]
               : document.layers[floatingMenuId];

         initSecondary();
     }

     var stepX, stepY;

     floatingMenu.computeShifts();

     var cornerX = floatingMenu.calculateCornerX();

     var stepX = (cornerX - floatingMenu.nextX) * .07;
     if (Math.abs(stepX) < .5)
     {
         stepX = cornerX - floatingMenu.nextX;
     }

     var cornerY = floatingMenu.calculateCornerY();

     var stepY = (cornerY - floatingMenu.nextY) * .07;
     if (Math.abs(stepY) < .5)
     {
         stepY = cornerY - floatingMenu.nextY;
     }

     if (Math.abs(stepX) > 0 ||
         Math.abs(stepY) > 0)
     {
         floatingMenu.nextX += stepX;
         floatingMenu.nextY += stepY;
         floatingMenu.move();
     }

     setTimeout('floatingMenu.doFloat()', 20);
 };

 // addEvent designed by Aaron Moore
 floatingMenu.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']++;
 };

 floatingMenu.init = function()
 {
     floatingMenu.initSecondary();
     floatingMenu.doFloat();
 };

 // Some browsers init scrollbars only after
 // full document load.
 floatingMenu.initSecondary = function()
 {
     floatingMenu.computeShifts();
     floatingMenu.nextX = floatingMenu.calculateCornerX();
     floatingMenu.nextY = floatingMenu.calculateCornerY();
     floatingMenu.move();
 }

 if (document.layers)
     floatingMenu.addEvent(window, 'onload', floatingMenu.init);
 else
 {
     floatingMenu.init();
     floatingMenu.addEvent(window, 'onload',
         floatingMenu.initSecondary);
 }
fixedMenuId = 'fixeddiv';

var fixedMenu =
{
    hasInner: typeof(window.innerWidth) == 'number',
    hasElement: document.documentElement != null
       && document.documentElement.clientWidth,

    menu: document.getElementById
        ? document.getElementById(fixedMenuId)
        : document.all
          ? document.all[fixedMenuId]
          : document.layers[fixedMenuId]
};


fixedMenu.computeShifts = function()
{
    fixedMenu.shiftX = fixedMenu.hasInner
        ? pageXOffset
        : fixedMenu.hasElement
          ? document.documentElement.scrollLeft
          : document.body.scrollLeft;
    if (fixedMenu.targetLeft > 0)
        fixedMenu.shiftX += fixedMenu.targetLeft;
    else
    {
        fixedMenu.shiftX +=
            (fixedMenu.hasElement
              ? document.documentElement.clientWidth
              : fixedMenu.hasInner
                ? window.innerWidth - 20
                : document.body.clientWidth)
            - fixedMenu.targetRight
            - fixedMenu.menu.offsetWidth;
    }

    fixedMenu.shiftY = fixedMenu.hasInner
        ? pageYOffset
        : fixedMenu.hasElement
          ? document.documentElement.scrollTop
          : document.body.scrollTop;
    if (fixedMenu.targetTop > 0)
        fixedMenu.shiftY += fixedMenu.targetTop;
    else
    {
        fixedMenu.shiftY +=
            (fixedMenu.hasElement
            ? document.documentElement.clientHeight
            : fixedMenu.hasInner
              ? window.innerHeight - 20
              : document.body.clientHeight)
            - fixedMenu.targetBottom
            - fixedMenu.menu.offsetHeight;
    }
};

fixedMenu.moveMenu = function()
{
    fixedMenu.computeShifts();

    if (fixedMenu.currentX != fixedMenu.shiftX
        || fixedMenu.currentY != fixedMenu.shiftY)
    {
        fixedMenu.currentX = fixedMenu.shiftX;
        fixedMenu.currentY = fixedMenu.shiftY;

        if (document.layers)
        {
            fixedMenu.menu.left = fixedMenu.currentX;
            fixedMenu.menu.top = fixedMenu.currentY;
        }
        else
        {
            fixedMenu.menu.style.left = fixedMenu.currentX + 'px';
            fixedMenu.menu.style.top = fixedMenu.currentY + 'px';
        }
    }

    fixedMenu.menu.style.right = '';
    fixedMenu.menu.style.bottom = '';
};

fixedMenu.floatMenu = function()
{
    fixedMenu.moveMenu();
    setTimeout('fixedMenu.floatMenu()', 20);
};

// addEvent designed by Aaron Moore
fixedMenu.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 = 0; i < element[listener + '_num']; 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']++;
};

fixedMenu.supportsFixed = function()
{
    var testDiv = document.createElement("div");
    testDiv.id = "testingPositionFixed";
    testDiv.style.position = "fixed";
    testDiv.style.top = "0px";
    testDiv.style.right = "0px";
    document.body.appendChild(testDiv);
    var offset = 1;
    if (typeof testDiv.offsetTop == "number"
        && testDiv.offsetTop != null
        && testDiv.offsetTop != "undefined")
    {
        offset = parseInt(testDiv.offsetTop);
    }
    if (offset == 0)
    {
        return true;
    }

    return false;
};

fixedMenu.init = function()
{
    if (fixedMenu.supportsFixed())
        fixedMenu.menu.style.position = "fixed";
    else
    {
        var ob =
            document.layers
            ? fixedMenu.menu
            : fixedMenu.menu.style;

        fixedMenu.targetLeft = parseInt(ob.left);
        fixedMenu.targetTop = parseInt(ob.top);
        fixedMenu.targetRight = parseInt(ob.right);
        fixedMenu.targetBottom = parseInt(ob.bottom);

        if (document.layers)
        {
            menu.left = 0;
            menu.top = 0;
        }
        fixedMenu.addEvent(window, 'onscroll', fixedMenu.moveMenu);
        fixedMenu.floatMenu();
    }
};

fixedMenu.addEvent(window, 'onload', fixedMenu.init);