$(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'); } );
    });
    
    /*
     * Blur on focus
     */
    $('a').focus(function() { this.blur(); });
    $('input[type*=submit]').focus(function() { this.blur(); });
    $('input[type=text], input[type=password]').addClass("input");
    
    $("h3 a ").append('<img class="arrow" border="0" src="/asset/images/red_arrow_right.gif" alt="" />');
    $("div.section h2 a ").append('<img class="arrow" border="0" src="/asset/images/red_arrow_right.gif" alt="" />');
    // accordion stuff
    
    
    // Setup Services Array for jumping to correct pane
    var arr = new Array();
    var count = 0;
    $('#accordion h2').each(
    		function(){
    			arr[count] = $(this).attr("id");
    			count++;
    		}
    		
    );
    // console.log(arr);
    
    var pageURL = document.location.toString();
    startPane = 0;
    if (pageURL.match('#')) { // the URL contains an anchor
      // click the navigation item corresponding to the anchor
      var currentAnchor = pageURL.split('#')[1];
     // startPane = arr.indexOf(currentAnchor);
	 startPane =  jQuery.inArray(currentAnchor,arr);

      if(  startPane < 0){
    	  startPane = 0;
      } 
    	  
    } 
    
	if( $("#contactform #services_needed-element dl").length ) {
			$("#contactform #services_needed-element dl").addClass("clearfix");
	}
	
    if( $("#accordion").length ) {
    	$("#accordion").tabs("#accordion div.pane", { 
    	    tabs: 'h2',  
    	    effect: 'slide',
    	    initialIndex: startPane
    	});    	
		
		// Link up the RHS links to the services
		$("ul.arrowList li a").each(function (i) {
											  
				$(this).click(
							  function () {
								  			var linkAnchor = $(this).attr('href').split('#')[1];
								  			pane =  jQuery.inArray(linkAnchor,arr);
											$("#accordion").tabs().click(pane).getIndex();
										});
	
		  });

    }
    if( $(".items").length ) {
        $("div.scrollable").scrollable({ 
            size: 1, 
            items: '.items',   
            hoverClass: 'hover' 
        }); 
    }
    
    $("div.portfolio_wrapper").click(
    		function()
    		{
    			var URL = $(this).find("a").attr("href");
				
    		    window.location = URL;
    		    return false;
    });

    $("div.portfolio_wrapper").hover(
    		  function () {
    		    $(this).parent().addClass("hoverer");
    		  },
    		  function () {
    		    $(this).parent().removeClass("hoverer");
    		  }
    		);
    
    if( $("#porfolio_listing_section").length ) {
		if( $("#nav_node1").hasClass('active') ){
				$("#nav_node1").removeClass('active');
				$("#nav_node4").addClass('active');
		}
			
	}
    
    var api = $("ul.tabs").tabs("div.panes > div"); 
    
   
    
});

function jumpPane(pane){
	 var api = $("ul.tabs").tabs("div.panes > div"); 
	 api.click(pane);
}

function gototab(index)
{
$("#accordion").tabs().click(index).getIndex();
}
/*
 * 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();
}