// Hello Goat jQuery Scripts //

jQuery(document).ready(function($){
	  
	$("li.homeSmall").hover(function () {
      $(this).removeClass("homeSmall").addClass("homeBig");
    }, function () {
      $(this).removeClass("homeBig").addClass("homeSmall");
    });

	$("li.aboutSmall").hover(function () {
      $(this).removeClass("aboutSmall").addClass("aboutBig");
    }, function () {
      $(this).removeClass("aboutBig").addClass("aboutSmall");
    });

	$("li.portfolioSmall").hover(function () {
      $(this).removeClass("portfolioSmall").addClass("portfolioBig");
    }, function () {
      $(this).removeClass("portfolioBig").addClass("portfolioSmall");
    });
	
	$("li.blogSmall").hover(function () {
      $(this).removeClass("blogSmall").addClass("blogBig");
    }, function () {
      $(this).removeClass("blogBig").addClass("blogSmall");
    });
	
	$("li.contactSmall").hover(function () {
      $(this).removeClass("contactSmall").addClass("contactBig");
    }, function () {
      $(this).removeClass("contactBig").addClass("contactSmall");
    });

var IE6 = (navigator.userAgent.indexOf("MSIE 6")>=0) ? true : false;
if(IE6){
		
		$("<div>")
			.css({
				'position': 'absolute',
				'top': '0px',
				'left': '0px',
				backgroundColor: 'black',
				'opacity': '0.75',
				'width': '100%',
				'height': $(window).height(),
				zIndex: 5000
			})
			.appendTo("body");
			
		$("<div><img src='../images/no-ie6.png' alt='' style='float: left;'/><p class='iePopUp'><br /><strong>Sorry! This page doesn't support Internet Explorer 6.</strong><br /><br />If you'd like to read our content please <a style='color: #f90;' href='http://www.firefox.com'>upgrade your browser</a>.</p>")
			.css({
				backgroundColor: 'white',
				'top': '50%',
				'left': '50%',
				marginLeft: -210,
				marginTop: -100,
				width: 410,
				paddingRight: 10,
				height: 200,
				'position': 'absolute',
				zIndex: 6000
			})
			.appendTo("body");		
}

});