jQuery.noConflict();
var speedX;
var overElement = false;
var animating = false;
var brakeSpeed = 5;
var elementsSize = 145 //size of each element in px
var viewWidth = 766;

function startToMove(){
	var xPos = jQuery("#brands ul").css('left').split('px')[0];
	var way = 1;if(speedX<0)way = -1;
	
	//step and interval = speed control
	var absSpeed = Math.abs(speedX);
	var interval = Math.round((1/absSpeed )* 1300);
	var step = 8;
	if(interval>10)step = 4;
	if(interval<6)step = 12;
	
	
	//jQuery("#develop2").text('xpos:'+xPos+',inter:'+ interval);
	
	var stopMoving = false;
	//right boundary 
	
	var theWidth = elementsSize * jQuery('#brands li').size();
	var allowedOffset = theWidth-viewWidth;
	if(xPos<=(allowedOffset*-1) && way==-1)stopMoving = true;
	
	//left boundary
	if(xPos>=0 && way==1)stopMoving = true;
	
	//move
	if(!stopMoving)
		jQuery("#brands ul").css('left',(parseInt(xPos)+parseInt(step*way))+'px');
	
	if(!overElement){
		interval = 1;
		reduceSpeed();   
	}
	  if(speedX!=0){
		interval = Math.ceil((interval));
		animating = true;
		setTimeout("startToMove()",interval);
	} else {
		animating = false;
	}
	
}

function speed(){
	jQuery("#brands").mousemove(function(e){				
		var x = e.pageX - this.offsetLeft;
   		var y = e.pageY - this.offsetTop;
		if(x<=0 || y<=0){
			overElement = false;
		} else overElement = true;		
		var linear = x - 460;
		speed=linear*-1;
		speedX = speed;							
			
		if(!animating){
			startToMove();
		}	
	 });
	
	jQuery("#brands").mouseout(function(e){	
		if (!e) var e = window.event;
		var tg = (window.event) ? e.srcElement : e.target;
		
		
		var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
		//jQuery("#develop2").text('tag:'+tg.nodeName+',related:'+ e.relatedTarget.nodeName);
		if (e.relatedTarget.nodeName != 'DIV') return;
		while (reltg != tg && reltg.nodeName != 'BODY')
			reltg= reltg.parentNode;
		if (reltg== tg || e.relatedTarget.id=='brands' ) return;
		// Mouseout took place when mouse actually left layer
		overElement = false;
	});
}

function reduceSpeed(){
	acc = Math.abs(Math.ceil(speedX/100));
	acc++;
	var way = -1;if(speedX<0)way = 1;
	speedX = (brakeSpeed*way*acc)+speedX;
	if((speedX<brakeSpeed && speedX>=0)  || (speedX>-1*(brakeSpeed))&&(speedX<=0)){
		speedX = 0;
	}
}

jQuery(function() {
        jQuery('.thumbnail').lightBox({
			overlayBgColor: '#000',
			overlayOpacity: 0.5,
			imageLoading: 'resources_core/images/lightbox/loading.gif',
			imageBtnClose: 'resources_core/images/lightbox/close.gif',
			imageBtnPrev: 'resources_core/images/lightbox/prev.gif',
			imageBtnNext: 'resources_core/images/lightbox/next.gif',
			containerResizeSpeed: 300,
			txtImage: 'Slika',
			txtOf: 'od'
		   });
    });

jQuery(document).ready(function(){speed();});