function my_kwicks(){
    $('.kwicks').kwicks({
	duration: 300,
	max: 240,
        spacing:  0
    });
}
$(document).ready(function(){
	my_kwicks();
	$('#ha').hoverAccordion({
	    activateitem: '1',
	    speed: 'fast',
	    keepheight: 'true'
	});
	$('#ha').children('li:first').addClass('firstitem');
	$('#ha').children('li:last').addClass('lastitem');

// ---------- SCROLL stuffs -------------------------------------

    var $panels = $('#slider .scrollContainer > div');
    var $container = $('#slider .scrollContainer');
    
    var $panels2 = $('#slider .scrollContainer2 > div');
    var $container2 = $('#slider .scrollContainer2');
    

    // if false, we'll float all the panels left and fix the width 
    // of the container	
    var horizontal = true;
    var horizontal2 = true;

    // float the panels left if we're going horizontal
    if (horizontal) {
	$panels.css({
        'float' : 'left',
	'position' : 'relative' // IE fix to ensure overflow is hidden
    });
  
    // calculate a new width for the container (so it holds all panels)
    $container.css('width', $panels[0].offsetWidth * $panels.length);
    
}

    if (horizontal2) {
	$panels2.css({
        'float' : 'up',
	'position' : 'relative' // IE fix to ensure overflow is hidden
    });
  
    // calculate a new width for the container (so it holds all panels)
    $container2.css('width', $panels2[0].offsetWidth * $panels2.length);
    
}

// collect the scroll object, at the same time apply the hidden overflow
// to remove the default scrollbars that will appear
var $scroll = $('#slider .scroll').css('overflow', 'hidden');

// collect the scroll object, at the same time apply the hidden overflow
// to remove the default scrollbars that will appear
var $scroll2 = $('#slider .scroll2').css('overflow', 'hidden');



// apply our left + right buttons
$scroll
  .before('<img class="scrollButtons left" src="wp-content/themes/halihow_2/images/scroll_left.png" />')
  .after('<img class="scrollButtons right" src="wp-content/themes/halihow_2/images/scroll_right.png" />');

// handle nav selection
function selectNav() {
  $(this)
    .parents('ul:first')
      .find('a')
        .removeClass('selected')
      .end()
    .end()
    .addClass('selected');
}

$('#slider .navigation').find('a').click(selectNav);

// go find the navigation link that has this target and select the nav
function trigger(data) {
  var el = $('ul.navigation').find('a[href$="' + data.id + '"]').get(0);
  selectNav.call(el);
}

if (window.location.hash) {
  trigger({ id : window.location.hash.substr(1) });
} else {
  $('ul.navigation a:focus').click();
}


var scrollOptions = {

  target: $scroll, // the element that has the overflow
 
  // can be a selector which will be relative to the target
  items: $panels,
  
  navigation: '.navigation a',
  
  // selectors are NOT relative to document, i.e. make sure they're unique
  prev: 'img.left', 
  next: 'img.right',
  
  // allow the scroll effect to run both directions
  axis: 'x',
  
  onAfter: trigger, // our final callback
  
  offset: 0,
  
  // duration of the sliding effect
  duration: 500,
  
  // easing - can be used with the easing plugin: 
  // http://gsgd.co.uk/sandbox/jquery/easing/
  easing: 'easeOutBack'
};

var scrollOptions2 = {

  target: $scroll2, // the element that has the overflow
 
  // can be a selector which will be relative to the target
  items: $panels2,
  
  navigation: '.navigation a',
  
  // selectors are NOT relative to document, i.e. make sure they're unique
  prev: 'img.left', 
  next: 'img.right',
  
  // allow the scroll effect to run both directions
  axis: 'y',
  
  onAfter: trigger, // our final callback
  
  offset: 0,
  
  // duration of the sliding effect
  duration: 500,
  
  // easing - can be used with the easing plugin: 
  // http://gsgd.co.uk/sandbox/jquery/easing/
  easing: 'easeOutBack'
};


// apply serialScroll to the slider - we choose this plugin because it 
// supports// the indexed next and previous scroll along with hooking 
// in to our navigation.
$('#slider').serialScroll(scrollOptions);
$('#slider').serialScroll(scrollOptions2);

// now apply localScroll to hook any other arbitrary links to trigger 
// the effect
//$.localScroll(scrollOptions);
//$.localScroll(scrollOptions2);

// finally, if the URL has a hash, move the slider in to position, 
// setting the duration to 1 because I don't want it to scroll in the
// very first page load.  We don't always need this, but it ensures
// the positioning is absolutely spot on when the pages loads.
//scrollOptions.duration = 1;
//$.localScroll.hash(scrollOptions);

//scrollOptions.duration = 1;
//$.localScroll.hash(scrollOptions2);

});