var actualPos = 0;
	
	function moveL(allWidth, visibleWidth){ 
		if (actualPos<0) {
			var merge = Math.abs(allWidth - visibleWidth);
			actualPos+=merge;
			new Effect.Move('scrollable', { x: actualPos, y: 0,  mode: 'absolute'}); return false;
		} else {
			return "";
		}
	}

	function moveR(allWidth, visibleWidth) { 
		if (actualPos>=0) {
			var merge = Math.abs(allWidth - visibleWidth);
			actualPos-=merge;			
			new Effect.Move('scrollable', { x: actualPos, y: 0,  mode: 'absolute'}); return false;
		} else {
			return false;
		}
	}
	
	// -----
	
	var actualSubPos = 0;

	function moveSubL(allWidth, visibleWidth) { 
		if (actualSubPos<0) {
			var merge = Math.abs(allWidth - visibleWidth);
			actualSubPos+=merge;
			
			new Effect.Move('subScrollable', { x: actualSubPos, y: 0,  mode: 'absolute'}); return false;
		} else {
			return "";
		}
	}
	
	function moveSubR(allWidth, visibleWidth) { 
		if (actualSubPos>=0) {
			var merge = Math.abs(allWidth - visibleWidth);
			actualSubPos-=merge;			
			new Effect.Move('subScrollable', { x: actualSubPos, y: 0,  mode: 'absolute'}); return false;
		} else {
			return false;
		}
	}
    
    // --------------------------------
    
    var isDown= null;

    var theFromElm = null;
    Event.observe('product_type', 'mouseover', function(event) {
        var element = event.element();
        var elt = null
        if (theFromElm == null || (elt = theFromElm.up('#product_type')) == null) {
            elt = null;
        }
        //console.log("mouseover:"+elt);
        if ((element.id=='product_type' && elt == null) || ((theFromElm == null || theFromElm.id!='product_type') && elt == null)) {
        if (effectUp != null) effectUp.cancel();
        if (effectDown != null) effectDown.cancel();
        isDown= true;
        vishow();
        }
    });

    Event.observe('product_type', 'mouseout', function(event) {
        theFromElm = event.element();
    });

    Event.observe(document.body, 'mouseover', function(event) {
        if (theFromElm!=null && (theFromElm.id=='product_type' || theFromElm.up('#product_type') != null) &&   event.element().up('#product_type')==null && event.element().id!='product_type') {
        if (effectUp != null) effectUp.cancel();
        if (effectDown != null) effectDown.cancel();
        isDown = false;
        disable();
        theFromElm = null;
        }
    });
    
    //----------------------------------
    //  on mouse over, display all subcategory panel
    
    var effectDown = null;
    var effectUp = null;
    
    var posun= 2;
    var premenna=0;
    var isShow= false;
    var cas;
    function vishow() {
    if (isDown) {
         if (premenna<130) {
            while(premenna<130) {
                premenna+=5;
                document.getElementById('show_image').style.height = premenna + 'px';
                if (premenna >= 20) {
                    if (document.getElementById('scroll_prev') != null) {
                        document.getElementById('scroll_prev').style.marginTop = (premenna/2) + 'px';
                    }
                    if (document.getElementById('scroll_next') != null) {    
                        document.getElementById('scroll_next').style.marginTop = (premenna/2) + 'px';
                    } 
                }
                cas =window.setTimeout("vishow()", 2);
                return false;
            }
        } else {
            window.clearTimeout(cas);
            return false;
        }
    
      }      
    }

	
	function disable() {
    if (!isDown) {
        if (premenna>0) {
            while (premenna> 0) {
                premenna-=5;
                document.getElementById('show_image').style.height = premenna + 'px';
                if (premenna >= 20) {
                    if (document.getElementById('scroll_prev') != null) {
                        document.getElementById('scroll_prev').style.marginTop = (premenna/2) + 'px';
                    }
                    if (document.getElementById('scroll_next') != null) {    
                        document.getElementById('scroll_next').style.marginTop = (premenna/2) + 'px';
                    }
                } 
                cas = window.setTimeout("disable()", 1);
                return false;
            }
        } else {
            window.clearTimeout(cas);
            return false;
        }
	}}