var scroll;
var t;

$(function(){
/*
     * Styling
     */
    $('#header').append('<div id="header-cap-left"></div><div id="header-cap-right"></div>');
    $('#footer').append('<div id="footer-cap-left"></div><div id="footer-cap-right"></div>');
    
    /*
     * Pretty forms
     */
    $('form.prettyform input[@type*=radio]').css('border','none');
    $('form.prettyform input[@type*=checkbox]').css('border','none');
    if($.browser.mozilla) { prettyform(); }
    
    /*
     * LI hover fix for IE6
     */
    $('#navigation ul li').each( function(){
        $(this).mouseover( function(){ $(this).addClass('hover'); } ).mouseout( function(){ $(this).removeClass('hover'); } );
    });
    
    $('#navigation ul li:last').addClass('last');
    
    // Add shadow caps
    $('<div id="leftShadow" class="png"></div><div id="rightShadow" class="png"></div>').appendTo("#page");
   
    
    /*
     * Blur on focus
     */
    $('a').focus(function() { this.blur(); });
    $('input[@type*=submit]').focus(function() { this.blur(); });
    $('input[@type=text], input[@type=password]').addClass("input");
    
    // initialize scrollable 
    scroll = $("div.scrollable").scrollable({ 
    	 
        // one configuration property 
        size: 1,
        onSeek: function() {
    		var items = $('div.items');
    		var children = items.children().length;
    		var left = items.css('left');
    		left = parseInt(left.substring(0, left.length - 2));
    		var target = parseInt((children - 1) * -900);
    		if (left == target || left == (target + 1)) {
    			t = setTimeout('startOver()', 4500);
    		} else {
    			clearTimeout(t);
    		}
        }
        // ... the rest of the configuration properties 
    }).navigator().autoscroll({autoplay: true, autopause: true, interval: 5000 });
    
    $("div.navi").wrap("<div class='navBlock'></div>");
    
    // Fancy pagnation
    
    tablePaginater.init('#galleryTable');
});

function startOver() {
	scroll.data("scrollable").begin();
	clearTimeout(t);
}


/*
 * Pretty forms
 */
function prettyform(){
  /*
   * Hide forms
   */
  $( 'form.prettyform' ).hide().end();
  /*
   * Label & list formatting
   */
  $( 'form.prettyform' ).find( 'label' ).not( '.noprettyform' ).each( function( i ){
    var labelContent = this.innerHTML;
    var labelWidth = document.defaultView.getComputedStyle( this, '' ).getPropertyValue( 'width' );
    var labelSpan = document.createElement( 'span' );
        labelSpan.style.display = 'block';
        labelSpan.style.width = labelWidth;
        labelSpan.innerHTML = labelContent;
    this.style.display = '-moz-inline-box';
    this.innerHTML = '';
    this.appendChild( labelSpan );
  } ).end();
  
  /*
   * Show forms
   */
  $( 'form.prettyform' ).show().end();
}