// Global variables
var isCSS, isW3C, isIE4, isNN4, isIE6CSS;

// Initialize upon load to let all browsers establish content objects
function initDHTMLAPI( ) {
    if (document.images) {
        isCSS = (document.body && document.body.style) ? true : false;
        isW3C = (isCSS && document.getElementById) ? true : false;
        isIE4 = (isCSS && document.all) ? true : false;
        isNN4 = (document.layers) ? true : false;
        isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ?
            true : false;
    }
}

// Return the available content width space in browser window
function getInsideWindowWidth( ) {
    if (window.innerWidth) {
        return window.innerWidth;
    } else if (isIE6CSS) {
        // measure the html element's clientWidth
        return document.body.parentElement.clientWidth;
    } else if (document.body && document.body.clientWidth) {
        return document.body.clientWidth;
    }
    return 0;
}

// Return the available content height space in browser window
function getInsideWindowHeight( ) {
    if (window.innerHeight) {
        return window.innerHeight;
    } else if (isIE6CSS) {
        // measure the html element's clientHeight
        return document.body.parentElement.clientHeight;
    } else if (document.body && document.body.clientHeight) {
        return document.body.clientHeight;
    }
    return 0;
}




function findPos(coord, obj)
{
        var curleft = 0;
        if (obj.offsetParent){
                while (obj.offsetParent){
                        if (coord == 'x') {curleft += obj.offsetLeft}
                        else {curleft += obj.offsetTop}
                        obj = obj.offsetParent;
                }
        }
        else if (obj.coord)
                curleft += obj.coord;
        return curleft;
}


function getElementStyle(elem, IEStyleProp, CSSStyleProp) {
    if (elem.currentStyle) {
        return elem.currentStyle[IEStyleProp];
    } else if (window.getComputedStyle) {
        var compStyle = window.getComputedStyle(elem, "");
        return compStyle.getPropertyValue(CSSStyleProp);
    }
    return "";
}


function playSound(id) {
   if (document.getElementById(id))
    if (document.all && document.getElementById(id).FileName) {
			try {
				document.getElementById(id).Play();
			}catch (e){};
    }
}


function setDivClass(div, className){
        try     { if (div.attributes['collapsed'].value != "false") div.className = className;}
        catch (e)       {div.className = className;     }
}


function setParentMenuVisibility(allowHide, menuID){
        var menus = document.getElementsByTagName('menu');
        for(var j=0; j<menus.length; j++) {
                spans = menus[j].getElementsByTagName('DIV');
                for(var s=0; s<spans.length; s++)
                        if (spans[s].attributes['menu'])
                                if (spans[s].attributes['menu'].value == menuID){
                                menus[j].setAttribute('allowHide', allowHide);
                                setParentMenuVisibility(allowHide, menus[j].id);
                        }
        }
}


function parentMenu(obj){
        var parent = obj.parentNode;
        while (parent.tagName != 'MENU')        {
                parent = parent.parentNode;
                if (parent.tagName == 'BODY') return null;
        }
        return parent;
}

function createSoundObject(sound) {
        if (!document.getElementById(sound)){
                return '<OBJECT ID="'+sound+'" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" WIDTH="0" HEIGHT="0"><PARAM  id="soundFile" NAME="FILENAME" VALUE="'+sound+'"><PARAM NAME="AutoStart" VALUE="False"><PARAM NAME="TransparentAtStart" VALUE="True"><PARAM NAME="ShowControls" VALUE="0"><PARAM NAME="ShowDisplay" VALUE="0"><PARAM NAME="ShowStatusBar" VALUE="0"><PARAM NAME="AutoSize" VALUE="0"></OBJECT>';
        }else{return ''};
}

        function initMenu(nvideo){
				video(nvideo);
                initDHTMLAPI( );

                var zIndex = 0;
                menus = document.getElementsByTagName('menu');
                for(var i=0; i<menus.length; i++) {
                        menu = menus[i];
                        menu.style.display = 'none';
                        menu.setAttribute('allowHide', true);

                        menu.onmouseover = function(){
                                setParentMenuVisibility(false, this.id);
                //              this.style.display = 'none';
                                this.setAttribute('allowHide', false);
                //              this.style.display = '';
                                hideAll();
                        }
                        menu.onmouseout = function(){
                                setParentMenuVisibility(true, this.id);
                //              this.style.display = 'none';
                                this.setAttribute('allowHide', true);
                //              this.style.display = '';
                                hideAll();
                        };
                }

                for (var m=0; m<menus.length; m++){
                        menu = menus[m];
                        try {if (menu.attributes['sound']) menu.innerHTML = createSoundObject(menu.attributes['sound'].value) + menu.innerHTML;}
                        catch (e){}

                        spans = menu.getElementsByTagName('SPAN');
                        if (spans.length == 0)  spans = menu.getElementsByTagName('DIV');
                        for(var i=0; i<spans.length; i++){
                                if ( menu.attributes['open'])
                                        if ( menu.attributes['close'])
                                                spans[i].setAttribute('collapsed', true);

                                if (spans[i].attributes['sound'])
                                        spans[i].innerHTML = spans[i].innerHTML + createSoundObject(spans[i].attributes['sound'].value);
                                if (spans[i].attributes['menu']) {setDivClass(spans[i],'EXPANDABLE');}

                                if (spans[i].getElementsByTagName('A')) {
                                        spans[i].onclick = function(){
                                                aHrefs = this.getElementsByTagName('A');
                                                if (aHrefs.length > 0) {aHrefs[0].click();}
                                        }
                                }

                                if (spans[i].attributes['menu']) {
                                        var atr = parentMenu(spans[i]).attributes['close'];
                                        if (atr)
                                                if ((atr.value == 'onclick') || (atr.value == 'onclickout')){
                                                        document.getElementById(spans[i].attributes['menu'].value).onmouseout = function(){
                                                                this.setAttribute('allowHide', false);
                                                                hideAll();
                                                        };

                                                }
                                }


                                spans[i].onmouseover = function(){
                                        try {   playSound(this.attributes['sound'].value);}
                                        catch(e){
                                                if (parentMenu(this).attributes['sound']) playSound(parentMenu(this).attributes['sound'].value);
                                        };
                                        setDivClass(this,'HOVER');
                                        if (this.attributes['menu']) {
                                                var menu = document.getElementById(this.attributes['menu'].value);
                                        //      menu.style.display = 'none';
                                                menu.setAttribute('allowHide', false);
                                        //      menu.style.display = '';
                                                setDivClass(this,'EXPANDABLEHOVER');
                                                if (getElementStyle(this, 'display', 'display') == 'inline') {
                                                        x = findPos('x',this);
                                                        if (x+menu.clientWidth > getInsideWindowWidth()){
                                                                x = x + this.offsetWidth - menu.clientWidth;
                                                        }
                                                        if (x < 0 ) x = findPos('x',this);
                                                        y = findPos('y',this) + this.offsetHeight;
                                                        if (y+menu.clientHeight > getInsideWindowHeight()){
                                                                y = y - this.offsetHeight - menu.clientHeight;
                                                        }
                                                        if (y < 0) y = findPos('y',this) + this.offsetHeight;
                                                }else {
                                                        x = findPos('x',this) + this.offsetWidth;
                                                        if (x+menu.clientWidth > getInsideWindowWidth()){
                                                                x = x - this.offsetWidth - menu.clientWidth;
                                                        }
                                                        if (x < 0 ) x = findPos('x',this) + this.offsetWidth;

                                                        y = findPos('y',this);
                                                        if (y+menu.clientHeight > getInsideWindowHeight()){
                                                                y = y  + this.offsetHeight - menu.clientHeight;
                                                        }
                                                        if (y < 0) y = findPos('y',this);

                                                }
                                                var style = menu.style;
                                                style.top = y;
                                                style.left = x;
                                                if (!parentMenu(this).attributes['open']){
                                                        setSRC(this);
                                                        show(menu);
                                                }else{
                                                        if (parentMenu(this).attributes['open'].value != 'onclick'){
                                                                setSRC(this);
                                                                show(menu);
                                                        }
                                                }
                                        }
                                };

                                if (parentMenu(spans[i]).attributes['open'])
                                        if (parentMenu(spans[i]).attributes['open'].value == 'onclick')
                                                if (spans[i].attributes['menu'])
                                                        spans[i].onclick = function(){
                                                                var menu = document.getElementById(this.attributes['menu'].value);

                                                                if (!this.attributes['collapsed']){
                                                                        setSRC(this);
                                                                        zIndex++;
                                                                        this.style.zIndex = zIndex;
                                                                        show(menu);
                                                                }else{
                                                                        if (this.attributes['collapsed'].value == "true"){
                                                                                if (parentMenu(this).attributes['close'])
                                                                                        if (parentMenu(this).attributes['close'].value == "onclickout"){
                                                                                        var     spans = parentMenu(this).getElementsByTagName('SPAN');
                                                                                        if (spans.length == 0)  spans = parentMenu(this).getElementsByTagName('DIV');
                                                                                        for (var s=0;s<spans.length ;s++ ){
                                                                                                spans[s].setAttribute('collapsed', true);
                                                                                                try{
                                                                                                        hide(document.getElementById(spans[s].attributes['menu'].value));
                                                                                                        setDivClass(spans[s],'EXPANDABLE');
                                                                                                //      alert(spans[s].attributes['menu'].value);
                                                                                                }
                                                                                                catch (e){setDivClass(spans[s],'');}
                                                                                        }
                                                                                //      hideAll();
                                                                                }
                                                                                setDivClass(this, 'EXPAND');
                                                                                this.setAttribute('collapsed', false);
                                                                                setSRC(this);
                                                                                                                                                        zIndex++;
                                                                        this.style.zIndex = zIndex;

                                                                                show(menu);
                                                                        }else{
                                                                                this.setAttribute('collapsed', true);
                                                                                setDivClass(this,'EXPANDABLE');
                                                                                                                                                        zIndex++;
                                                                        this.style.zIndex = zIndex;

                                                                                hide(menu);
                                                                        }

                                                                }
                                                        }


                                spans[i].onmouseout = function(){
                                        var allowHide = true;
                                        var art = parentMenu(this).attributes['close'];
                                        if (art)
                                                if ((art.value == 'onclick') || (art.value == 'onclickout')) allowHide = false;
                                        if (this.attributes['menu']) {
                                                        var menu = this.attributes['menu'].value;
                                                        document.getElementById(menu).setAttribute('allowHide', allowHide);
                                                        setDivClass(this,'EXPANDABLE');
                                                } else {setDivClass(this,'');}
                                                if (!parentMenu(this).attributes['collapsed'])  hideAll();
                                };
                        }




                        function hide(obj){
                                obj.style.display = 'none';
                        }


                        function setSRC(menuItem){
                                try{document.getElementById(menuItem.getAttribute('targetID')).setAttribute(menuItem.getAttribute('targetAttribute'), menuItem.getAttribute('targetValue'));}
                                catch(e){}
                        }

                        function show(obj){
                                        zIndex++;
                                        obj.style.zIndex = zIndex;
                                        obj.style.display = '';
                                        obj.style.visibility = 'hidden';
                                        try{
                                                obj.filters[0].Apply();
                                                obj.style.visibility = 'visible';
                                                obj.filters[0].Play();
                                        } catch(e){obj.style.visibility = 'visible'; }
                        }




                        function hideAll() {
                                timer = setTimeout( function(){
                                                        menus = document.getElementsByTagName('menu');
                                                        for(var i=0; i<menus.length; i++)
                                                                if (menus[i].attributes['allowHide'])
                                                                        if(menus[i].attributes['allowHide'].value == 'true')
                                                                                menus[i].style.display = 'none';
                                                }, 150);
                        }

                }
        }
		
	function video(nvideo) {  
				switch(nvideo){
					case 1:
						video="internet1";
						ancho="240";
						alto="180";
						nombre="internet1.flv";
					break;
					case 2:
						video="internet2";
						ancho="320";
						alto="240";
						nombre="internet2.flv";
					break;
				}
				//flashembed(video,{src:'FlowPlayerDark.swf',width:240,height:180,play:false},{config:{videoFile:'internet1.flv',autoPlay:false}});
				if(nvideo!=3){
					flashembed(video,{src:'FlowPlayerDark.swf',width:ancho,height:alto,play:false},{config:{videoFile:nombre,autoPlay:false}});
				}
			}