document.write("<style>.menulist li ul li{ height:15px; }</style>")
var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;

var _speed = 0.6

function initPage()
{
    /*if(navigator.appVersion.indexOf("MSIE 7.0")!=-1){
		if (typeof $("menu").down().down().onclick == "function"){
			//
			//alert(cuenta)
			go()
			return
		}
		cuenta++
		$("menu").down().down().onclick = function(){alert(cuenta)}
		setTimeout("initPage()",200)
	} else*/
    //setTimeout("go()", 1000)
		
    go()
}
function go(){

    //alert("Start")
    var menu = $("listMenuRoot");
    if (menu)
    {
        var _lis = menu.immediateDescendants()
        wrapper_id = 0;
        _lis.each(function(li){
            var ul = li.down().next()
			
            wrapElement(ul, "div")
            li.slider = li.down().next()
            li.n_id = wrapper_id
            li.setAttribute("id", "li_"+wrapper_id)
            li.slider.setAttribute("id", "wrapper_"+wrapper_id)
            wrapper_id++
            li.ul = li.slider.down()
			
            li.ul.li = li
            var _sublis = li.ul.immediateDescendants()
            var max = 0;
            _sublis.each(function(subli){
                //alert(max)
                var sz = subli.down().getWidth()
                if (sz>max) max = sz;
            });
            //
            var amax = li.down().getDimensions().width;
			
            if(!IE6)if(amax>max) max = amax
            //alert(li.down()+" => "+li.down().getDimensions().width+" => "+max);
            li.style.width = max + "px" // li.slider.getWidth()+1  + "px"
            li.moving = false
            li.move_timeout = 0
            li.onmouseover = function (){
                clearTimeout(this.move_timeout)
                if (!this.moving&&!this.opened){
                    this.opened = true
                    this.moving = true
					
                    this.slider.style.height = ""
                    var d = new Date();
                    this.startTime = d.getTime()
                    if (this.effect)this.effect.cancel()
                    this.effect = Effect.SlideDown(this.slider,{
                        duration:_speed,
                        afterFinish: function(effect){
                            effect.element.up().moving = false
                            effect.element.up().opening = false
                        }
                    });
                    callMe('hidden')
                }
            }
            li.onmouseout = function (){
				
                if(this.opened == true){
                    clearTimeout(this.move_timeout)
                    var d = new Date();
                    var total_time = _speed * 1000 + 200
                    var elapsed_time = d.getTime() - this.startTime
                    var when = total_time - elapsed_time
                    if(when < 1) when = 1
                    var tm_txt = "slideTimeout('"+this.n_id+"')"
                    this.move_timeout = setTimeout(tm_txt, when);
					
                }
            }
			
            //uls...
            li.ul.onmouseover = function (){
                clearTimeout(this.li.move_timeout)
                this.li.moving = false
                callMe('hidden')
            }
            li.ul.onmouseout = function (){
                clearTimeout(this.li.move_timeout)
                var tm_txt = "slideTimeout('"+this.li.n_id+"')"
                this.li.move_timeout = setTimeout(tm_txt, 200);
				
            }
        });
        _lis.each(function(li){
            li.slider.hide()
        });
    }
//alert(cuenta)
	
}
function slideTimeout(id){
    callMe('visible')
    li = $("li_"+id)
    li.moving = true
    li.effect.cancel()
    li.effect = Effect.SlideUp(li.slider,{
        duration:_speed,
        afterFinish: function(effect){
            var li = effect.element.up();
            li.moving = false;
            li.opened = false
        }
    })
}
function wrapElement( el, wrapper, clss) { 
    var newNode = document.createElement(wrapper);
    if (clss)newNode.setAttribute("class", clss)
    var parent = el.parentNode;
    newNode.appendChild(el.cloneNode(true));
    parent.replaceChild(newNode, el);
} 
function envia(idvideo,opcion,director)
{
    document.formvideos.video.value = idvideo;
    document.formvideos.opcion.value = opcion;
    document.formvideos.director.value = director;
    document.formvideos.submit();
}
	
function verDIV(id)
{
    var tmpId = "video"+id;
    var boton = document.getElementById("enlace_"+id)
    var imgs = boton.getElementsByTagName("img")
    var img = imgs[0]
    var is_visible = false;
    if (document.getElementById(tmpId).style.display == 'block')
    {
        document.getElementById("texto_videos").style.display = "block";
        img.className=""
        document.getElementById(tmpId).style.display = 'none';
    }
    else
    {
        document.getElementById("texto_videos").style.display = "none";
        img.className="transparent_class"
        document.getElementById(tmpId).style.display = 'block';
        is_visible = true;
    }
    return is_visible;
}
var timeout = null;
function callMe(state){
    if (mov_cont = document.getElementById("moviecontainer")){
        if(state == 'hidden'){
            clearTimeout(timeout)
            mov_cont.style.visibility=state;
            document.getElementById("containertexto").style.visibility= 'visible';
        } else {
            clearTimeout(timeout)
            timeout = setTimeout("restoreCallMe()", 500)
        }
    }
}
function restoreCallMe(){
    document.getElementById("moviecontainer").style.visibility = "visible"
    document.getElementById("containertexto").style.visibility= 'hidden';
}
var Pagination = {
    pages: 0,
    actual_page: 1,
    last_selected: false,
    setPages: function(pages) {
        this.pages = pages
    },
    next: function(){
        this.showActual(this.actual_page + 1);
    },
    previous: function(){
        this.showActual(this.actual_page - 1);
    },
 
    showActual: function(page){
        if(page <= this.pages && page > 0){
            this.checkDisabled(page);
            this.hideAll();
            $("parrilla_"+page).style.display = "block";
            this.actual_page = page;
        }
       
    },
    checkDisabled: function(page){
        if(page == 1){
            $("previous_page").className = "disabled";
        } else {
            $("previous_page").className = "";
        }
        if(page < this.pages){
            $("next_page").className = "";
        } else {
            $("next_page").className = "disabled";
        }
    },
    hideAll: function(){
        $("contenedor_parrilla").childElements().each(function(first){
            first.style.display = "none"
        })
    },
    previousImage: function(){
        var order_actual = images_gal.images[this.last_selected].order;
        var id = images_gal.orders[order_actual - 1].img_id;
        this.showImg(id);
    },
    nextImage: function(){
        var order_actual = images_gal.images[this.last_selected].order;
        var id = images_gal.orders[order_actual + 1].img_id;
        this.showImg(id);
    },
    showImgFromLink: function(id){
        var timeout = setTimeout("Pagination.showImg("+id+", true)");
        return false;
    },
    showImg: function(id, from_link){
        if(id != "false"){
            var elem = images_gal.images[id];
            //alert(elem.page);
            this.showActual(elem.page);
            if(elem.order <= 0){
                $("previous_image").hide();
            } else {
                $("previous_image").show();
            }
            //alert(elem.order+" => "+images_gal.orders.length);
            if(elem.order >= images_gal.orders.length - 1){
                $("next_image").hide();
            } else {
                $("next_image").show();
            }
            $("imageSelect").value = id;
            if(this.last_selected){
                if(verDIV(this.last_selected)){
                    verDIV(this.last_selected);
                }
            }
            if(from_link){
                if(verDIV(id)){
                    verDIV(id);
                }
            } else {
                if(!verDIV(id)){
                    verDIV(id);
                }
            }
        
            this.last_selected = id;
            var thumb = $("image_"+id).getAttribute("src");
            var img = new Image();
            img.src = thumb.replace(/thumb/, "pic" );
            $("the_image").update(img);
            var hi = $("hover_image");
            hi.show();
            $("pagination").hide();
            $("image_pagination").show();
            return false;
        } else {
            this.closeActualPic();
        }
    },
    closeActualPic: function(){
        $("imageSelect").value = "false";
        if(this.last_selected){
            if(verDIV(this.last_selected)){
                verDIV(this.last_selected);
            }
            this.last_selected = false;
        }
        $("hover_image").hide();
        $("pagination").show();
        $("image_pagination").hide();
    }
};