$(document).ready(function(){
	
	$(".scroll").click(function(event){
		//prevent the default action for the click event
		event.preventDefault();
		
		//get the full url - like mysitecom/index.htm#home
		var full_url = this.href;
		
		//split the url by # and get the anchor target name - home in mysitecom/index.htm#home
		var parts = full_url.split("#");
		var trgt = parts[1];
		
		//get the top offset of the target anchor
		var target_offset = $("#"+trgt).offset();
		var target_top = target_offset.top;
		
		//goto that anchor by setting the body scroll top to anchor top
		$('html, body').animate({scrollTop:target_top}, 500);
	});
	
	/* GOT TO TOP */
	
	$(".btop").click(function(){
		$('html, body').animate({scrollTop:0}, 'slow');
	});
	
	/* CLOSE GALLERY */
	
	$('#closegallery').click(function(){
		
		$('#gallery, #content').animate({ top:"-=274px"}, "slow");
	});
	
	$('#opengallery').click(function(){
		
		var posicion = $("#gallery").position();
		if( posicion.top < 0){
			$('#gallery, #content').animate({ top:"+=274px"}, "slow");
		}
	});
	
});
	
/* SLIDER */

$(function() {

//vars
var conveyor = $(".conveyor", $("#gallery")),
item = $(".item", $("#gallery"));

//set length of conveyor
conveyor.css("width", item.length * parseInt(item.css("width")));
		
//config
var sliderOpts = {
  max: (item.length * parseInt(item.css("width"))) - parseInt($(".viewer", $("#gallery")).css("width")),
  slide: function(e, ui) { 
	conveyor.css("left", "-" + ui.value + "px");
  }
};

//create slider
$("#slidergallery").slider(sliderOpts);
});

// BANNER 
$(function() {   
	$('#slider ul').cycle({
		fx:     'fade',
		speed:  1000,
		timeout: 10000,
		startingSlide: 0,
		prev:   '#prev',
		next:   '#next',
		pager:  '#nav'
	});
	
});