$(function(){
	$navli = $('.current_page_item');
	$firstli = $('.menu li:first');
	if($firstli.hasClass('current_page_item')){
		$firstli.addClass('li-inicio');
	}
	if( $navli.hasClass('page-item-6') ){
		$navli.addClass('li-staff');
	}
	if( $navli.hasClass('page-item-7') ){
		$navli.addClass('li-galeria');
	}
	if( $navli.hasClass('page-item-8') ){
		$navli.addClass('li-link');
	}
	if( $navli.hasClass('page-item-9') ){
		$navli.addClass('li-contacto');
	}
	if( $navli.hasClass('page-item-10') ){
		$navli.addClass('li-convenios');
	}
});

/* Rankinkg*/
$(function(){
	$('#ranking ol li:nth-child(1)').addClass('first');
	$('#ranking ol li:nth-child(2)').addClass('second');
	$('#ranking ol li:nth-child(3)').addClass('third');
});	

// when the DOM is ready...
$(document).ready(function () {

	var $panels = $('#panoramas-slider .scrollContainer > div');
	var $container = $('#panoramas-slider .scrollContainer');

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

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

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

	// apply our left + right buttons
	$scroll
		.before('<img class="scrollButtons left" src="http://newsite.prendechile.cl/central/wp-content/themes/prendechile/images/panorama-down.gif" />')
		.after('<img class="scrollButtons right" src="http://newsite.prendechile.cl/central/wp-content/themes/prendechile/images/panorama-up.gif" />');

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

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

	// go find the navigation link that has this target and select the nav
	function trigger(data) {
		var el = $('#panoramas-slider .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:first').click();
	}

	// offset is used to move to *exactly* the right place, since I'm using
	// padding on my example, I need to subtract the amount of padding to
	// the offset.  Try removing this to get a good idea of the effect
	var offset = parseInt((horizontal ? 
		$container.css('paddingTop') : 
		$container.css('paddingLeft')) 
		|| 0) * -1;


	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: 'xy',

		onAfter: trigger, // our final callback

		offset: offset,

		// duration of the sliding effect
		duration: 500,

		// easing - can be used with the easing plugin: 
		// http://gsgd.co.uk/sandbox/jquery/easing/
		easing: 'swing'
	};

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

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

	// 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);


	var autoscrolling = true;
	$('#panoramas-slider .panel').mouseover(function () {
	  autoscrolling = false;
	}).mouseout(function () {
	  autoscrolling = true;
	});

	setInterval(function () {
	  if (autoscrolling) {
		$scroll.trigger('next');
	  }
	}, 8000);
	
});

$(function(){
	$('#fbconnect_widget_div div:last').css('display','none');
});