//-------------------------------------------------------------------- Slide Box ---------------------------------------------------

            function MoveLeft(minpage,maxpage,slidewidth,pagenow,boxname)
            {
                var page = document.getElementById(pagenow);
                
                
                //move the big box
                if (page.value == minpage)
                {
					var moveby = -((maxpage - 1) * slidewidth);
                    setBoxEffect(boxname,moveby)			//2610 comefrom block (width 870) x 3
                    page.value = maxpage;
                }
                else
                {
                    setBoxEffect(boxname,slidewidth)
                    var val = parseInt(page.value) - 1;
                    page.value = val;
                }
            }
            
            function MoveRight(minpage,maxpage,slidewidth,pagenow,boxname)
            {
                var page = document.getElementById(pagenow);
               
                //move the big box
                if (page.value == maxpage)
                {
                    var moveby = (maxpage - 1) * slidewidth;
                    setBoxEffect(boxname,moveby)
                    page.value = minpage;
                }
                else
                {
                    setBoxEffect(boxname,-(slidewidth))
                    var val = parseInt(page.value) + 1;
                    page.value = val;
                }
            }
			
            function setBoxEffect(boxname,x)
            {
                //new Effect.MoveBy(boxname, 0, x , {duration: 0.4,  transition: Effect.Transitions.sinoidal, queue: 'end'});
                var effect = new Fx.Style(boxname, 'marginLeft', {
	                duration: 400, 
	                transition: Fx.Transitions.Sine.easeInOut
                });

                var left = document.getElementById(boxname).style.marginLeft;
                
                if (left == "")
                    left = 0;
                
                effect.start(parseInt(left)+x);				
				
				
            }
			
			
			//-------------------------------------------------------------------- End Slide Box ---------------------------------------------------			
			
			
			//-------------------------------------------------------------------- Slide Menu ---------------------------------------------------
			
            function MoveMenuLeft(minpage,maxpage,slidewidth,pagenow,menuname)
            {
                var page = document.getElementById(pagenow);
                
                
                //move the menu box
                if (page.value == minpage)
                {
					var moveby = (maxpage - 1) * slidewidth;
					setMenuEffect(menuname,moveby)				
				}
                else
                {
					 setMenuEffect(menuname,-(slidewidth))  
                }
            }
            
            function MoveMenuRight(minpage,maxpage,slidewidth,pagenow,menuname)
            {
                var page = document.getElementById(pagenow);
               
                //move the menu box
                if (page.value == maxpage)
                {
                    var moveby = -((maxpage - 1) * slidewidth);
                    setMenuEffect(menuname,moveby)	
                }
                else
                {
                    setMenuEffect(menuname,slidewidth)
                }
            }			

            function setMenuEffect(menuname,x)
            {
                //new Effect.MoveBy(menuname, 0, x, {duration: 0.2,  transition: Effect.Transitions.sinoidal, queue: 'end'});
                var effect = new Fx.Style(menuname, 'marginLeft', {
	                duration: 400, 
	                transition: Fx.Transitions.Sine.easeInOut
                });

                var left = document.getElementById(menuname).style.marginLeft;
                
                if (left == "")
                    left = 0;
                
                effect.start(parseInt(left)+x);				
            }
			
			//-------------------------------------------------------------------- End Slide Menu ---------------------------------------------------
			
			//---------- Slide OnClick Page Directly ---------------------------
			
            function MenuClick(minpage,maxpage,slidewidth,menuslidewidth,pagenow,clickpage,menuname,boxname)
            {
                var page = document.getElementById(pagenow);
	  var curpage = page.value;
	  page.value = clickpage;
				
				if (clickpage > curpage)
				{
					var calculateslide = (clickpage - curpage) * slidewidth;				//	2 - 1 * 575
					
                    				setBoxEffect(boxname,-(calculateslide))

					if (menuname != "")
					{
						var calculatemenuslide = (clickpage - curpage) * menuslidewidth;	//	2 - 1 * 125
						setMenuEffect(menuname,calculatemenuslide)
					}
				}
				else if (clickpage < curpage)
				{
					var calculateslide = (curpage - clickpage) * slidewidth;				//	2 - 1 * 575
					
					if (menuname != "")
					{
						var calculatemenuslide = (curpage - clickpage) * menuslidewidth;	//	2 - 1 * 125
						setMenuEffect(menuname,-(calculatemenuslide)) 
					}

					setBoxEffect(boxname,calculateslide)
				}	

				
								
            }		
			
			//---------- End Slide OnClick Page Directly ------------------------