var DDSPEED = 4;
var DDTIMER = 15;
var tt = null;
var c_id = null;
// main function to handle the mouse events //
function ddMenu(id, d, w){
    var h = document.getElementById(id + '-ddheader');
    var c = document.getElementById(id + '-ddcontent');
    clearInterval(c.timer);
    if (d == 1) {
        c_id = id;
        var l = document.getElementById(id + '-tl');
        var r = document.getElementById(id + '-tr');
        h.style.background = '#896a93';
        h.style.color = '#fff';
        l.style.background = '#896a93 url(/images/site/lround.png) left top no-repeat';
        l.style.color = '#fff';
        r.style.background = 'url(/images/site/rround.png) right top no-repeat';
        
        clearTimeout(h.timer);
        if (c.maxh && c.maxh <= c.offsetHeight) {
            return
        }
        else 
            if (!c.maxh) {
                c.style.display = 'block';
                c.style.height = 'auto';
                c.maxh = c.offsetHeight;
                c.style.height = '0px';
                
				// menunun genişliğini al.
				var k = document.getElementById(id + '-divmenu');
				var wi = null;
				if (k)
					wi = k.offsetWidth;
				
                c.style.width = (w >= wi ? w : wi) + 'px';
                
            }
        c.timer = setInterval(function(){
            ddSlide(c, 1)
        }, DDTIMER);
    }
    else {
        h.timer = setTimeout(function(){
            ddCollapse(c, id)
        }, 50);
    }
}

// collapse the menu //
function ddCollapse(c, id){
    c.timer = setInterval(function(){
        ddSlide(c, -1)
    }, DDTIMER);
    ustmenuhover(c, id);
}

function ustmenuhover(c, id){
    if (c.offsetHeight <= 5 || c_id != id) {
        clearTimeout(tt);
        var h = document.getElementById(id + '-ddheader');
        var l = document.getElementById(id + '-tl');
        var r = document.getElementById(id + '-tr');
        if (h) {
            h.style.background = '#ffffff';
            h.style.color = '#a4937f';
            l.style.background = '#ffffff';
            l.style.color = '#a4937f';
            r.style.background = '#ffffff';
            //c.style.height = '0px';
       }
                    
    }
    else 
        tt = setTimeout(function(){
            ustmenuhover(c, id)
        }, DDTIMER / 2);
    
}

// cancel the collapse if a user rolls over the dropdown //
function cancelHide(id){
    var h = document.getElementById(id + '-ddheader');
    var c = document.getElementById(id + '-ddcontent');
    clearTimeout(h.timer);
    clearInterval(c.timer);
    if (c.offsetHeight < c.maxh) 
        c.timer = setInterval(function(){
            ddSlide(c, 1)
        }, DDTIMER);
}

// incrementally expand/contract the dropdown and change the opacity //
function ddSlide(c, d){
    var currh = c.offsetHeight;
    var dist;
    if (d == 1) 
        dist = (Math.round((c.maxh - currh) / DDSPEED));
    else 
        dist = (Math.round(currh / DDSPEED));
    
    if (dist <= 1 && d == 1) 
        dist = 1;
    
    c.style.height = currh + (dist * d) + 'px';
    c.style.opacity = currh / c.maxh;
    c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
    if ((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)) {
        clearInterval(c.timer);
    }
}