// JavaScript Document

$(document).ready( function(){

/*	$(".right").click( function(){alert("hola")});
	*/
	var tabla1 = $("#slider1").width();
	var tabla2 = $("#slider2").width();
	var tabla3 = $("#slider3").width();
	var navig = $(".sites_nav").width();
	var offset = new Array();
	offset['slider2'] = navig - tabla2;
	offset['slider1'] = navig - tabla1;
	offset['slider3'] = navig - tabla3;
	
	$(".slider").each(function(){
			
			//alert(offset[this.id]); 
			
			if(offset[this.id] >= 0){  //aquí valoro si aplicar animación o hacer la flecha semitransparente para cada caso
			
				$(this).parent().siblings(".box_nav").css('opacity',0.2);
			}else{
			
			
			
			$(this).parent().siblings(".box_nav").children(".right").hover( function(){
		var slider = $(this).parent().next().children(".slider");
		sliderid=slider.attr("id");	
		position = slider.position();
		
		pos = offset[sliderid] - position.left;
	//	alert (pos);
		
		speed = pos * -5;
		
		slider.animate({left: offset[sliderid]}, speed );
		},function(){
		$(this).parent().next().children(".slider").stop();}
		);
			
			}
	});
	
/*	alert(pos['slider2']);
*/	
	
		
	$(".left").hover( function(){
		var slider = $(this).parent().prev().children(".slider");
		position = slider.position();
		speed = position.left * -5;
		//alert (speed);
		slider.animate({left: "0"}, speed );
		},function(){
		$(this).parent().prev().children(".slider").stop();}
		);
		
	$('a').each(function() {// <- our anonymous callback
	  // check the DOM attribute 'host' on this, NOT HOST BUT HOSTNAME
		if(!(this.hostname == window.location.hostname) ) {
		
		//$(this).click(function(){alert(this.hostname);alert(window.location.hostname);return false;});
		// create a jQuery object using the current DOM element
	   $(this).attr('target', '_new'); }
		});



});