// JavaScript Document
FOOTER_HEIGHT=24;
$(document).ready(
	function(){
		// BUGATTI
		$('#bugatti').bind({
		  click: function() {
			document.location.href="/brands/bugatti-eyewear";
		  },
		  mouseenter : function() {
			onMouseOver('bugatti');
		  },
		  mouseleave: function() {
			onMouseOut('bugatti');
		  }
		});
		
		// LE TANNEUR
		$('#le-tanneur').bind({
		  click: function() {
			document.location.href="/brands/le-tanneur-eyewear";
		  },
		  mouseenter : function() {
			onMouseOver('le-tanneur');
		  },
		  mouseleave: function() {
			onMouseOut('le-tanneur');
		  }
		});
	
		//HUGS
		$('#hugs').bind({
		  click: function() {
			document.location.href="/brands/hugs-and-kisses";
		  },
		  mouseenter : function() {
			onMouseOver('hugs');
		  },
		  mouseleave: function() {
			onMouseOut('hugs');
		  }
		});
		//LAURA
		
		$('#laura').bind({
		  click: function() {
			document.location.href="/brands/laura-biagiotti";
		  },
		  mouseenter : function() {
			onMouseOver('laura');
		  },
		  mouseleave: function() {
			onMouseOut('laura');
		  }
		});
		
		// NOO
		$('#noo').bind({
		  click: function() {
			document.location.href="/brands/noo-ochiali";
		  },
		  mouseenter : function() {
			onMouseOver('noo');
		  },
		  mouseleave: function() {
			onMouseOut('noo');
		  }
		});
		// ANTONIO
		$('#antonio').bind({
		  click: function() {
			document.location.href="/brands/antonio-bene";
		  },
		  mouseenter : function() {
			onMouseOver('antonio');
		  },
		  mouseleave: function() {
			onMouseOut('antonio');
		  }
		});
		
		// ete
		$('#ete').bind({
		  click: function() {
			document.location.href="/brands/ete";
		  },
		  mouseenter : function() {
			onMouseOver('ete');
		  },
		  mouseleave: function() {
			onMouseOut('ete');
		  }
		});

	
		$('#home-nav').addClass('selected');
	
	
	}
);

function onMouseOver(target){
	$('#'+target+"-over").fadeIn("fast");
}

function onMouseOut(target){
	$('#'+target+"-over").fadeOut("slow");
}



$(document).ready(
	function(){
		setFooterPosition();
	
	}
	
)
$(window).resize(function() {
  setFooterPosition()
});

function setFooterPosition(){
	if($(document).height()>700){
		$('#container').css('height',($(document).height()-24)+'px')
	}
	else{
		$('#container').css('height','700px');
	}

	
}