jQuery.noConflict();
var dir;
var scrolling=0;
var scrollSpeed=2;
var scrollSpeedMouseWheel=24;
var scrollTimeout=20;
var latestSmilesCount;
var currentSmile=0;
var scrollerWorking=false;
var intOverallDelta = 0;

jQuery(function(jQuery) {
    jQuery('#arrow img').show();
    jQuery('#arrow img.Up').click(function(){
        dir=1;
        scroll(1);
    });
    jQuery('#arrow img.Down').click(function(){
        dir=-1;
        scroll(1);
    });
    jQuery("#latestSmiles").bind('mousewheel', function(event, delta) {
		
        if(scrollerWorking) return false;
        if (delta > 0){
            dir=1;
            scroll(1);
        }
        else if (delta < 0){
            dir=-1;
            scroll(1);
        }
        return false;
    });
});

jQuery(document).ready(function(){
    //mouse wheel
				
    //Show arrows
    jQuery('#latestSmiles').mouseenter(function(){
        //jQuery('#smileScrollUpArea').show(325);
        //jQuery('#smileScrollDownArea').show(325);
        }).mouseleave(function(){
        jQuery('#smileScrollUpArea').hide(325);
        jQuery('#smileScrollDownArea').hide(325);
    });
	
    //Scroll up
    jQuery('#smileScrollUpArea').mouseenter(function(){
        dir=1;
        scrolling=1;
        scroll(0);
    }).mouseleave(function(){
        scrolling=0;
    });
	
    //Scroll down
    jQuery('#smileScrollDownArea').mouseenter(function(){
        dir=-1;
        scrolling=1;
        scroll(0);
    }).mouseleave(function(){
        scrolling=0;
    });
	
    if(currentLoadSmile){
        var tid=jQuery('.latestSmile'+currentLoadSmile).attr('id');
        if(tid != null)
        {
            tid=tid.substr(11);
            if (tid > latestSmilesCount - 3) {
                currentSmile= latestSmilesCount - 3;
            }
            else {
                currentSmile = tid;
            }
        }
        jQuery('#smileScroller').scrollTo('#latestSmile'+currentSmile, 800);
    }
});
function scroll(useMouseWheelSpeed)
{
    scrollerWorking=true;
    /*if(useMouseWheelSpeed)
	{
		speed=scrollSpeedMouseWheel;
	}
	else
	{
		speed=scrollSpeed;
	}
	var nTop=parseInt(document.getElementById('smileScroller').scrollTop);
	if(dir>0)
	{
		nTop-=speed;
	}
	else
	{
		nTop+=speed;
	}
	
	
	if(nTop<0)
	{
		scrolling=0;
		nTop=0;
		changeArrow('Down');
	}
	else if(nTop>jQuery('#scrollable').outerHeight()-jQuery('#smileScroller').outerHeight())
	{
		scrolling=0;
		nTop=jQuery('#scrollable').outerHeight()-jQuery('#smileScroller').outerHeight();
		changeArrow('Up');
	}
	
	document.getElementById('smileScroller').scrollTop=nTop;
	if(scrolling)
		setTimeout('scroll('+useMouseWheelSpeed+')',scrollTimeout);*/
	
    if(dir>0)
    {
        if (currentSmile > 0) {
            currentSmile--;
            if(currentSmile==0)
            {
                changeArrow('Down');
            }
        }
        else
        {
            scrollerWorking=false;
            return;
        }
    }
    else
    {
        if (currentSmile < latestSmilesCount - 3) { //1 + (smiles per page=4)
			
            currentSmile++;
            if(currentSmile==latestSmilesCount-3)
            {
                changeArrow('Up');
            }
        }
        else
        {
            scrollerWorking=false;
            return;
        }
    }
    jQuery('#smileScroller').scrollTo('#latestSmile'+currentSmile, 800);
    scrollerWorking=false;
    if(scrolling)
        setTimeout('scroll('+useMouseWheelSpeed+')',scrollTimeout);
}
function changeArrow(dir)
{
//jQuery('#arrow img').hide();
//jQuery('#arrow img.'+dir).show();
}