﻿
    var tmenu 
    var timage 
    var tmenut
    
        function init()
        {
        tmenu = document.getElementById('thumbmenu');
        timage = document.getElementById('thumbitem');   
        }
    
     
        function openthumb(id){
            timage.width='75';timage.height='75';
        }
        function closethumb(id){
            timage.width='10';timage.height='10';
        }

   
        /* Mouseover bild */
        function onThumb(obj, userid){
            if (tmenut==null){
                
            }

            if (obj.className!='on' && obj.className!='off') {
                obj.className='on';
                opacity(obj.id,75,99,500);
            }
        }
        
         /* Mouseout bild */
        function offThumb(obj){
            if (obj.className=='on'){
                //tmenu.style.visibility='hidden';
                obj.className='off';
                setTimeout(function(){
                                obj.className='';opacity(obj.id,99,75,2000);
                           },2000)
            }
        }
        
         /* Mouseover Opacitysmooth */
        function opacity(id, opacStart, opacEnd, millisec) { 
            //speed for each frame 
            var speed = Math.round(millisec / 100); 
            var timer = 0; 

            //determine the direction for the blending, if start and end are the same nothing happens 
            if(opacStart > opacEnd) { 
                for(i = opacStart; i >= opacEnd; i--) { 
                    setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
                    timer++; 
                } 
            } else if(opacStart < opacEnd) { 
                for(i = opacStart; i <= opacEnd; i++) 
                    { 
                    setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
                    timer++; 
                } 
            } 
        } 

         /* Browser opacity */
        function changeOpac(opacity, id) { 
           var object = document.getElementById(id).style; 
            object.opacity = (opacity / 100); 
            object.MozOpacity = (opacity / 100); 
            object.KhtmlOpacity = (opacity / 100); 
            object.filter = "alpha(opacity=" + opacity + ")"; 
        }


        /* Hitta element */
        function findPos(obj) {
            var curleft = curtop = 0;
            if (obj.offsetParent) {
                curleft = obj.offsetLeft
                curtop = obj.offsetTop
                while (obj = obj.offsetParent) {
                    curleft += obj.offsetLeft
                    curtop += obj.offsetTop
                }
            }
        return [curleft,curtop];
        }