window.addEvent('domready', function(){
                var pages = $$('.page');
                var f = $('forward');
                var b = $('back');
                var h = $('revolverContainer2').getElements('li');
                var p = $('container').getElements('.page_to');
                var pager = new Pager(pages, {
                    forward_button: f,
                    back_button:    b,
                    handlers:       h,
                    page_to_links:  true,
                    width:          500,
                    height:         155,
                    start_page:     0
                }); 
                
                //form submit
                var form = $('add_page_form');
                form.addEvent('submit', function(e){
                    e           = new Event(e).stop();
                    var len     = form.elements.length;
                    var ele     = form.elements;
                    var error   = false;
                    var index   = $('index').value;
                    var li      = $$('#revolverContainer2 li');
                    
                    for(var i = 0; i < len; i++){
                        if(ele[i].value.trim() == '') error = true;
                    }
                    
                    if(error){
                        alert('Come on man, fill out all of the input fields.');
                    }else{
                        var page = new Element('div', {
                            styles: {
                                'background':   $('color').value
                            } 
                        }).setHTML($('text').value).injectInside($('container'));                        
                        
                        var handle = new Element('li').setHTML($('title').value);
                        
                        //being lazy
                        if(index == 0){                     
                            handle.injectBefore(li[0]);
                        }else{
                            if(index < 0){
                                index = 0
                            }else if(index > li.length - 1){
                                index = li.length - 1;
                            }else{
                                --index;
                            }                            
                            handle.injectAfter(li[index]);
                        }
                        
                        var obj = {
                            index:      $('index').value,
                            page:       page,
                            handler:    handle,
                            go_to:      true
                        };
                        pager.addNewPage(obj); 
                        form.reset();
                    }
                });
            });