// Degradable Content Slider is copyrighted property of David Baxter and Visionary Online, 
// and can be found at http://www.creativeui.com/2007/08/13/building-a-robust-side-scrolling-page-effect-with-scriptaculous/.
// Scriptaculous modules are property of their respective creators.

        
            function MoveLeft()
            {
                var page = document.getElementById("hdnPage");
                
                //alert(page.value);
                
                //move the menu
                if (page.value == 1)
                {
                     //Page1
                     setFromPage("Page1");
                     setToPage("Page2");
                     
                }
                else if (page.value == 2)
                {
                    //Page2
                    setFromPage("Page2");
                    setToPage("Page1");
                     
                }
                
                //move the big box
                if (page.value == 1)
                {
                    setBoxEffect(-1500)
                    page.value = 2;
                }
                else
                {
                    setBoxEffect(750)
                    var val = parseInt(page.value) - 1;
                    page.value = val;
                }
            }
            
            function MoveRight()
            {
                var page = document.getElementById("hdnPage");
                
                //alert(page.value);
                
                //move the menu
                if (page.value == 1)
                {
                     //Page1
                     setFromPage("Page1");
                     setToPage("Page2");
                     
                }
                else if (page.value == 2)
                {
                    //Page2
                    setFromPage("Page2");
                    setToPage("Page1");
                     
                }
                
                //move the big box
                if (page.value == 2)
                {
                    var box = document.getElementById("s_cbox");
                    setBoxEffect(1500)
                    page.value = 1;
                }
                else
                {
                    setBoxEffect(-750)
                    var val = parseInt(page.value) + 1;
                    page.value = val;
                }
            }
            
            // ---------------> Individual page movements <------------------------

            function clickPage1()
            {
                var page = document.getElementById("hdnPage").value;
                
                if (page == 1)
                {
                    //nothin' to do here
                    return;
                }
                else if (page == 2)
                {
                    setFromPage("Page2");               
                    setBoxEffect(750);
                }
                
                setToPage("Page1");
                
                document.getElementById("hdnPage").value = 1;
            }
            
            function clickPage2()
            {
                var page = document.getElementById("hdnPage").value;
                
                if (page == 1)
                {
                    setFromPage("Page1");                  
                    setBoxEffect(-750);
                }
                else if (page == 2)
                {
                   //nothin' to do here
                   return;
                }
                
                setToPage("Page2");
                
                document.getElementById("hdnPage").value = 2;
            }
            
            
            function setToPage(page){}
            
            function setFromPage(page){}

            function setBoxEffect(x)
            {
                new Effect.MoveBy('s_cbox', 0, x , {duration: 0.6,  transition: Effect.Transitions.sinoidal, queue: 'end'});
            }
            
            function getX(direction, page)
            {
                if (direction == "left")
                {
                    if (page == "Page1")
                        return -750;
                    else if (page == "Page2")
                        return -750;
                }
                else //right
                {
                    if (page == "Page1")
                        return -750;
                    else if (page == "Page2")
                        return 750;
                }
            }