﻿// Size of each menu item
	    var menu_item_size = 179;
	    
	    //Counter
	    var counter = 0;
        
        var menu_items_per_view = 3;
        
        var menu_items_total = 0;
        
        function move_menu(direction, targetmenu, leftcontrol, rightcontrol) 
	    {
	    
	        if(menu_items_total == 0)
	        {
	         var $kids = $("#zone_items").children();
	         menu_items_total = $kids.length;
	         
	         
	        }
	    
	    
	    
	        if (direction == "left" && counter != menu_items_total - 3) 
	        {
	            //new Effect.Move (targetmenu, {x: (menu_item_size*-1), y: 0, mode: 'relative', duration: 0.25});
	            $("#" + targetmenu).animate({"left": "-=" + menu_item_size + "px"}, "slow");
	            counter++; 
	        } 
	        else if (direction == "right" && counter != 0) 
	        {
	            //new Effect.Move (targetmenu, {x: menu_item_size, y: 0, mode: 'relative', duration: 0.25});
	            $("#" + targetmenu).animate({"left": "+=" + menu_item_size + "px"}, "slow");
	            counter--;
	        }
	        
	        //hide_show_nav(counter, leftcontrol, rightcontrol)
	        return false;
	    }
		 
		 function hide_show_nav(count, leftcontrol, rightcontrol) 
	    {
	    
	        if (menu_items_total > menu_items_per_view) {
                if (count == menu_items_total - menu_items_per_view) 
                {
                    document.getElementById(leftcontrol).style.display = "block";
                    document.getElementById(rightcontrol).style.display = "none";
                } 
                else if (count == 0)
                {
                    document.getElementById(leftcontrol).style.display = "none";
                    document.getElementById(rightcontrol).style.display = "block";
                } 
                else 
                {
                    document.getElementById(leftcontrol).style.display = "block";
                    document.getElementById(rightcontrol).style.display = "block";
                }
            }
            else 
            {
                document.getElementById(leftcontrol).style.display = "none";
                document.getElementById(rightcontrol).style.display = "none";
            }
            return false;
	    }
        