var browser = navigator.userAgent;
	$(document).ready(function(){
		$('#bola_tendencias').easydrag();	
	});	
		
	
	function move(maximo){	
		if( document.getElementById )
		{
			 window.onscroll = function(){
			 obj = document.getElementById('bola_tendencias');
				 if((browser.lastIndexOf("Safari") != -1)		 
					||(browser.lastIndexOf("Opera") != -1 )){
						var top = 150;
						}else{
						var top = 150;		
				 }
			 
				 var moveTop = ((document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop);
			
				//Si el maximo es 500 por ejemplo, no funcionaría el movimiento ya que se saldría del contenedor
				 if(moveTop < maximo)
				 {		
					 obj.style.top = moveTop + top + 'px';
				 }		
			}
		}
	}
	$(document).ready(function(){
		//Botones   
		$("#wrapper-fashion").click(function(){
			window.location.href= 'fashion.php';
		});
		$("#wrapper-aventurera").click(function(){
			window.location.href= 'aventurera.php';
		});
		$("#wrapper-estilosa").click(function(){
			window.location.href= 'estilosa.php';
		});

		$("#wrapper-urbana").click(function(){
			window.location.href= 'urbana.php';
		});


		
		$("#wrapper-fashion").hover(
		  function () {
			$('.fashion-hover').css({'display':'block'});
		  },
		  function () {
			$('.fashion-hover').css({'display':'none'});
		  }
		);
		$("#wrapper-estilosa").hover(
		  function () {
			$('.estilosa-hover').css({'display':'block'});
		  },
		  function () {
			$('.estilosa-hover').css({'display':'none'});
		  }
		);
		$("#wrapper-urbana").hover(
		  function () {
			$('.urbana-hover').css({'display':'block'});
		  },
		  function () {
			$('.urbana-hover').css({'display':'none'});
		  }
		);
		$("#wrapper-aventurera").hover(
		  function () {
			$('.aventurera-hover').css({'display':'block'});
		  },
		  function () {
			$('.aventurera-hover').css({'display':'none'});

		  }
		);
		

	});