/*
	Property: KP Media web-dev
	Author: Max Belushkin (belushkin@gmail.com)
	Release date: january 2008
*/
    var Index           = null;
    var Index_next      = null;
    var speed		= false;
    var id		= null;

    /*
    * 
     Function click in left button
    *
    */

function clLeft(){
	if (speed == false){
		speed = true;
		display = 'none';
		img_original    = new Image();
		Index = sb.shift();
		_('block[' + Index.index + ']').parentNode.removeChild(_('block[' + Index.index + ']'));
		sb.push(Index);
		Index_next 	 = document.createElement('li');
		img_original.src = sb[4].i;
		id 		 = sb[4].index;
		if (img_original.complete == true)
			display = 'block';
		Index_next.innerHTML = '<h2><a href="'+sb[3].r+'">'+sb[3].t+'</a></h2><div id = "d_img_' + id + '" class="mootoo"><a href="' + sb[4].u + '" id = "Ihref_' + id + '" style="display:'+ display +';"><img width="120" height="75" src="' + img_original.src + '" border="0" alt="'+sb[4].a+'"></a></div><div style="width: 124px;"><a href="'+sb[4].u+'">'+sb[4].a+'</a></div>';
		Index_next.id = 'block[' + sb[4].index + ']';
		_('gallery_motion').appendChild(Index_next);
		if (img_original.complete == true){
			_('Ihref_' + id).style.display = 'block';
			_('d_img_' + id).className = '';
			speed = false;
		}
		else
		{
			checkImage();
		}
	}
    };

    /*
    * 
     Function click in right button
    *
    */

function clRight(){

	if (speed == false)
	{
		speed = true;
		display = 'none';
		img_original    = new Image();
		Index = sb.pop();
		_('block[' + sb[4].index + ']').parentNode.removeChild(_('block[' + sb[4].index + ']'));
		Index_next = document.createElement('li');
		id = sb[0].index;
		img_original.src = Index.i;
		if (img_original.complete == true)
			display = 'block';
		Index_next.innerHTML = '<h2><a href = "' + Index.r + '">' + Index.t + '</a></h2><div id = "d_img_' + id + '" class="mootoo"><a href="' + Index.u + '" id = "Ihref_' + id + '" style="display:'+ display +';"><img width="120" height="75" src="' + img_original.src + '" border="0" alt="'+Index.a+'"></a></div><div style="width:124px;"><a href="'+Index.u+'">'+Index.a+'</a></div>';
		Index_next.id = 'block[' + Index.index + ']';
		_('block[' + sb[0].index + ']').parentNode.insertBefore(Index_next,_('block[' + sb[0].index + ']'));
		sb.unshift(Index);
		if (img_original.complete == true){
			_('Ihref_' + id).style.display = 'block';
			_('d_img_' + id).className = '';
			speed = false;
		}
		else
		{
			checkImage();
		}
	}
    };

    /*
    * 
     Function for check Image in carousel for load. If !load then ajax-loader else normal img
    *
    */
    function checkImage()
    {
	if (img_original.complete)
	{                        
		_('Ihref_' + id).style.display = 'block';
		_('d_img_' + id).className = '';
		speed = false;
	}
	else
	{
		setTimeout("checkImage()",100);
	}
    }

    /*
    * 

    *
    */
    function hookEvent(element, eventName, callback)
    {
	if(typeof(element) == "string")
		element = document.getElementById(element);

        if(element == null)
		return;

	if(element.addEventListener)

	{
		if(eventName == 'mousewheel')
		{
		      element.addEventListener('DOMMouseScroll', callback, false); 
    		}
		element.addEventListener(eventName, callback, false);
  	}
  	else 
	if(element.attachEvent)
		element.attachEvent("on" + eventName, callback);
    }

    /*
    * 

    *
    */
    function unhookEvent(element, eventName, callback)
    {
  	if(typeof(element) == "string")
		element = document.getElementById(element);
  	if(element == null)
		return;

  	if(element.removeEventListener)
  	{
		if(eventName == 'mousewheel')
    		{
			element.removeEventListener('DOMMouseScroll', callback, false); 
    		}

    		element.removeEventListener(eventName, callback, false);
  	}
  	else 
	if(element.detachEvent)
		element.detachEvent("on" + eventName, callback);
    }

    /*
    * 

    *
    */
    function cancelEvent(e)
    {
	e = e ? e : window.event;

	if(e.stopPropagation)
		e.stopPropagation();

	if(e.preventDefault)
    		e.preventDefault();

	e.cancelBubble = true;
	e.cancel = true;
	e.returnValue = false;
	return false;
    }

    /*
    * 

    *
    */
    function MouseWheel(e)
    {
	e = e ? e : window.event;
	var wheelData = e.detail ? e.detail * -1 : e.wheelDelta / 40;

	if (wheelData < 0) clLeft();
	if (wheelData > 0) clRight();

	return cancelEvent(e);
    }

hookEvent('scrollContent', 'mousewheel', MouseWheel);
/*
_('scrollContent').onmouseover = function(e){ timer = setTimeout("hookEvent('scrollContent', 'mousewheel', MouseWheel);",400);};
_('scrollContent').onmouseout  = function(e){clearTimeout(timer); unhookEvent('scrollContent', 'mousewheel', MouseWheel);}
*/