$(function(){
	
	/* check browser */
	if($.browser.safari ){
		
		$('body').addClass("safari");	
	}

	
	/*
     * Styling
     */
    
    /*
     * 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'); } );
    });
    
    /*
     * Blur on focus
     */
    $('a').focus(function() { this.blur(); });
    $('input[@type*=submit]').focus(function() { this.blur(); });
    $('input[@type=text], input[@type=password]').addClass("input");
    
    $("#mainNavigation > li > a").each( function( i ){ 
    	var linkText =  ($(this).html()).toUpperCase();
    	if( $(this).parent().hasClass("active") ){
    		var content = '<img src="/asset/images/btn_icon.jpg" id="activeIcon" /><img src="/uploads/image.php?text=' + linkText + '&state=o " alt="' + linkText +'" />';
    	} else {
    		var content = '<img src="/uploads/image.php?text=' + linkText + '" alt="' + linkText +'" />';
    	}
    	$(this).html(content );
    	
    	var source =  $(this).children("img").attr("src");
    	if( ! $(this).parent().hasClass("active") ){
	    	$(this).children("img").hover(
	    		      function () {
	    		    	  //var content = '<img src="/uploads/image.php?text=' + linkText + '&state=o " alt="' + linkText +'" />';
	    		    	  $(this).attr("src", source + "&state=o" ); 
	    		    	 // console.log(source + "&state=o" );
	    		      }, 
	    		      function () {
	    		    	  $(this).attr("src", source ); 
	    		      }
	    		    );
    	}

    });
    
    $("#sub_menu li a").each( function( i ){ 
    	var linkText =  ($(this).html()).toUpperCase();
    	if( $(this).parent().hasClass("active") ){
    		var content = '<img src="/uploads/image.php?text=' + linkText + '&state=o " alt="' + linkText +'" />';
    	} else {
    		var content = '<img src="/uploads/image.php?text=' + linkText + '&state=s" alt="' + linkText +'" />';
    	}
    	$(this).html(content );
    	
    	var source =  $(this).children("img").attr("src");
    	if( ! $(this).parent().hasClass("active") ){
	    	$(this).children("img").hover(
	    		      function () {
	    		    	  //var content = '<img src="/uploads/image.php?text=' + linkText + '&state=o " alt="' + linkText +'" />';
	    		    	  $(this).attr("src", source + "&state=o" ); 
	    		    	//  console.log(source + "&state=o" );
	    		      }, 
	    		      function () {
	    		    	  $(this).attr("src", source ); 
	    		      }
	    		    );
    	}

    });
    
    if( !$("#sub_menu").length ) {
    	$("#sub_menu").hide();
    	$("#content-container").addClass("wide");
    }
    
	// initialize gallery if need be
    if( $(".gallery").length > 0 ) {
        $('.gallery a').lightBox({
    		imageLoading: '/asset/images/lightbox/lightbox-ico-loading.gif',
    		imageBtnClose: '/asset/images/lightbox/lightbox-btn-close.gif',
    		imageBtnPrev: '/asset/images/lightbox/lightbox-btn-prev.gif',
    		imageBtnNext: '/asset/images/lightbox/lightbox-btn-next.gif',
    		fixedNavigation:true
        }); // Select all links with lightbox class
    }
	
	$('a.lightbox').lightBox({
    		imageLoading: '/asset/images/lightbox/lightbox-ico-loading.gif',
    		imageBtnClose: '/asset/images/lightbox/lightbox-btn-close.gif',
    		imageBtnPrev: '/asset/images/lightbox/lightbox-btn-prev.gif',
    		imageBtnNext: '/asset/images/lightbox/lightbox-btn-next.gif',
    		fixedNavigation:true
        }); // Select all links with lightbox class
    
	
	// Add jumping to sub nav pages
	$("ul#mainNavigation li").each(function(){
	  	if( $(this).children("ul").children("li").length > 0 ) {
	  		var nextURL = $(this).children("ul").children("li").find("a").attr("href");
	  		$(this).find("a").attr("href",nextURL);
		}
		
	 });
	
    
});


/*
 * 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();
}