Subversion Repositories SmartDukaan

/* 
 * @(#)iehover-fix.js 
 * 
 * This source is part of the FLEXCUBE Software System and is copyrighted by i-flex solutions limited. 
 * 
 * All rights reserved.  No part of this work may be reproduced, stored in a retrieval system, 
 * adopted or transmitted in any form or by any means, electronic, mechanical, 
 * photographic, graphic, optic recording or otherwise, translated in any language or 
 * computer language, without the prior written permission of i-flex solutions limited. 
 * 
 * i-flex solutions limited. 
 * 10-11, SDF I, SEEPZ, Andheri (East), 
 * Mumbai - 400 096. 
 * India 
 * 
 * Copyright ©2008 by i-flex solutions limited. 
 */ 

// Created a long, long time ago by Tanny O'Haley
// Update history.
// 24 Oct 2006 - Added to http://tanny.ica.com
// 14 Jul 2006 - Modified the way the iframe is added to the DOM. I no longer use 
//                      innerHTML but use DOM methods.
// 15 Sep 2006 - Added a check to see if the target element onmouseout is contained
//                      in the onmouseout element. If it is then I dont' remove the
//                      sfhover class. I made use of the Microsoft proprietary
//                      obj.contains() method.
//               Added check to make sure that the sfhover class is not already in
//                      the li element.
//

sfHover = function() {
        // Support the standard nav without a class of nav.
        var el = document.getElementById("nav");
        if(!/\bnav\b/.test(el.className) && el.tagName == "UL")
                setHover(el);

        // Find all unordered lists.
        var ieNavs = document.getElementsByTagName('ul');
        for(i=0; i<ieNavs.length; i++) {
                var ul = ieNavs[i];
                // If they have a class of nav add the menu hover.
                if(/\bnav\b/.test(ul.className))
                        setHover(ul);
        }

}

function setHover(nav) {
        var ieULs = nav.getElementsByTagName('ul');
        if (navigator.appVersion.substr(22,3)!="5.0") {
                // IE script to cover <select> elements with <iframe>s
                for (j=0; j<ieULs.length; j++) {
                        var ieMat=document.createElement('iframe');
                        if(document.location.protocol == "https:")
                                ieMat.src="//0";
                        else if(window.opera != "undefined")
                                ieMat.src="";
                        else
                                ieMat.src="javascript:false";
                        ieMat.scrolling="no";
                        ieMat.frameBorder="0";
                        ieMat.style.width=ieULs[j].offsetWidth+"px";
                        ieMat.style.height=ieULs[j].offsetHeight+"px";
                        ieMat.style.zIndex="-1";
                        ieULs[j].insertBefore(ieMat, ieULs[j].childNodes[0]);
                        ieULs[j].style.zIndex="101";
                }
                // IE script to change class on mouseover
                var ieLIs = nav.getElementsByTagName('li');
                for (var i=0; i<ieLIs.length; i++) if (ieLIs[i]) {
                        // Add a sfhover class to the li.
                        ieLIs[i].onmouseover=function() {
                                if(!/\bsfhover\b/.test(this.className))
                                        this.className+=" sfhover";
                        }
                        ieLIs[i].onmouseout=function() {
                                if(!this.contains(event.toElement))
                                        this.className=this.className.replace(' sfhover', '');
                        }
                }
        } else {
                // IE 5.0 doesn't support iframes so hide the select statements on hover and show on mouse out.
                // IE script to change class on mouseover
                var ieLIs = document.getElementById('nav').getElementsByTagName('li');
                for (var i=0; i<ieLIs.length; i++) if (ieLIs[i]) {
                        ieLIs[i].onmouseover=function() {this.className+=" sfhover";hideSelects();}
                        ieLIs[i].onmouseout=function() {this.className=this.className.replace(' sfhover', '');showSelects()}
                }
        }
}

// If IE 5.0 hide and show the select statements.
function hideSelects(){
        var oSelects=document.getElementsByTagName("select");
        for(var i=0;i<oSelects.length;i++)
                oSelects[i].className+=" hide";
}

function showSelects(){
        var oSelects=document.getElementsByTagName("select");
        for(var i=0;i<oSelects.length;i++)
                oSelects[i].className=oSelects[i].className.replace(" hide","");
}

// Run this only for IE.
if (window.attachEvent) window.attachEvent('onload', sfHover);
// end