$(document).ready(function() {
			$("#dragDiv").draggable({ 
				axis: "x",
				ease:"easeOut",
				snap: true,
				snapTolerance:140,
				cursor: "move"
			});
			var dragDivPxWidth = (140 * ($('#dragDiv > .product').size()) - 20);
		});
		var leftInterval = 0;
		var rightInterval = 0;
		function checkPos()
		{
			//console.log();
			var leftPx = $('#dragDiv').css('left');
			if(leftPx.indexOf('px') != -1) var left = leftPx.substring(0,leftPx.indexOf('px')); 
			else var left = -131;
			var dragDivPxWidth = (140 * ($('#dragDiv > .product').size()) - 20);
			var fieldOfView = 670;
			var rightLimit = fieldOfView - dragDivPxWidth;
			if(left > 0) $("#dragDiv").animate( { left:"0px" } , 1000 );
			if(left < rightLimit) $("#dragDiv").animate( { left: rightLimit + "px" } , 1000 );
		}
		function navHover(id)
		{
			var id;
			if (id){document.getElementById(id).src = '/images/nav_' + id + '_hover.gif';}
		}
		function nav(id)
		{
			var id;
			if (id){document.getElementById(id).src = '/images/nav_' + id + '.gif';}
		}
		function arrow(name)
		{
			var name;
			if(rightInterval != 0) clearInterval(rightInterval);
			if(leftInterval != 0) clearInterval(leftInterval);
			leftInterval = 0;
			rightInterval = 0;
			if (name){document.getElementById(name).src = '/images/arrow_' + name + '.gif';}
		}
		function arrowHover(name){
			var name;
			if (name)
			{
			document.getElementById(name).src = '/images/arrow_' + name + '_hover.gif';
				if(name == 'right')
				{
					slideAnimation('right')
					rightInterval = setInterval("slideAnimation('right')", 1000);
				}
				if(name == 'left')
				{
					slideAnimation('left')
					leftInterval = setInterval("slideAnimation('left')", 1000);	
				}
			}
		}
		function slideAnimation(name)
		{
			var leftPx = $('#dragDiv').css('left');
			if(leftPx.indexOf('px') != -1) var left = leftPx.substring(0,leftPx.indexOf('px')); 
			else var left = -131;
			left = parseInt(left);
			leftAnchor = left;
			if(name == 'right'){	
				left = left + 131;		
				$('#dragDiv > *:last').after($('#dragDiv > *:first'));
				$('#dragDiv > *:last').before($('#dragDiv > *:first'));
				
			}
			if(name == 'left')
			{ 
				left = left - 131;
				$('#dragDiv > *:first').before($('#dragDiv > *:last'));
				$('#dragDiv > *:first').after($('#dragDiv > *:last'));
			}
			
			
		}
		function loadSection(sectionName){
		var active = 'block';
		var inactive = 'none';
		if(sectionName == 'contact') $('#contentContact').css('display',active);
		else $('#contentContact').css('display',inactive);
		if(sectionName == 'why') $('#contentWhy').css('display',active);
		else $('#contentWhy').css('display',inactive);
		if(sectionName == 'shop') $('#contentShop').css('display',active);
		else $('#contentShop').css('display',inactive);
		if(sectionName == 'home') $('#contentHome').css('display',active);
		else $('#contentHome').css('display',inactive);
		
		}