var timeoutId;

$(document).ready(function()
{	
	if(parseInt($('#scroll-content').height()) <= parseInt($('#scroll-mask').height())-5) $("#kaydirak").css('display','none');

if(parseInt($('#scroll-content').height()) > parseInt($('#scroll-mask').height())-5){
if (window.addEventListener)
	window.addEventListener('DOMMouseScroll', wheel, false);
	window.onmousewheel = document.onmousewheel = wheel;
}

$('#kaydirak').click(function(e)
	{
		var yCoord = e.pageY;
		var offset = $(this).offset();
		var mouseY = yCoord - offset.top;
		var tracker = $(this).children(); 
		var trackerSize = tracker.height(); 
		var trackerPos = parseInt(tracker.css('top'));
		if((mouseY < trackerPos) || (mouseY > (trackerPos + trackerSize)))
		if((mouseY - (trackerSize / 2)) <= 0)
		{
			tracker.css('top', '0px');
		}
		else if((mouseY - (trackerSize / 2)) >= ($(this).height()- trackerSize))
		{
			tracker.css('top', ($(this).height() - trackerSize) + 'px');
		}
		else{
			tracker.css('top',(mouseY - (trackerSize / 2)) +'px');
		}
		kaydirTrack();
	});

	$('#kaydirak img').draggable({containment: "parent", cursor:'pointer' , axis: "y", drag : kaydir});
});

function scroller(){
	var maskSize = parseInt($('#scroll-mask').height());
	var contentSize = parseInt($('#scroll-content').height());
	var kaydiracTop = parseInt($("#kaydirak img").css('top'));
	var kaydiracSize = parseInt($("#kaydirak img").height());
	var kaydirakSize = parseInt($("#kaydirak").css('height'));
	var top = (kaydiracTop / (kaydirakSize - kaydiracSize)) * (contentSize - maskSize);
	return top;
}

function kaydirTrack(){
		var top = scroller();
		top = '-' + top + 'px';
		$('#scroll-content').animate({top:top }, {duration: 1500, easing: 'easeOutBack'} );
}

function kaydirHop(){
		var top = scroller();
		top = '-' + top + 'px';
		$('#scroll-content').css('top', top);
}

function kaydirDown()
{
	var kaydirak =  parseInt($('#kaydirak img').css('top'));
	var yol = parseInt($('#kaydirak').height());
	var scroller = parseInt($('#kaydirak img').height());
	var top = kaydirak + 5;
	if((top+scroller) > yol)
	$('#kaydirak img').css('top',yol-scroller+'px');
	else
	$('#kaydirak img').css('top',top+'px');
	kaydirHop();
}

function kaydirUp()
{
	var kaydirak =  parseInt($('#kaydirak img').css('top'));
	var top = kaydirak - 5;
	if((top) < 0)
	$('#kaydirak img').css('top','0px');
	else
	$('#kaydirak img').css('top',top+'px');
	kaydirHop();
}

function kaydir()
{
	var top = scroller();
	clearTimeout(timeoutId);
	var ctop = -1 * parseInt($('#scroll-content').css('top'));
	if (Math.abs(ctop-top)<2)
	{
		$('#scroll-content').css('top', "-"+top+"px");
	}
	else
	{
		var y = Math.round(ctop - (ctop-top)/4);
		$('#scroll-content').css('top', "-"+y+"px");
		timeoutId = window.setTimeout('kaydir('+top+')', 25);
	}
}

function handle(delta) {
        if (delta < 0)
		kaydirDown();
        else
		kaydirUp();
}

function wheel(event){
        var delta = 0;
        if (!event) /* For IE. */
                event = window.event;
        if (event.wheelDelta) { /* IE/Opera. */
                delta = event.wheelDelta/120;
                if (window.opera)
                        delta = -delta;
        } else if (event.detail) { /** Mozilla case. */
                delta = -event.detail/3;
        }
        if (delta)
                handle(delta);
        if (event.preventDefault)
                event.preventDefault();
	event.returnValue = false;
}