$(document).ready(function(){
	
	//Makes the li's clickable
	
	$(".col1 li").click(function(){
	  window.location=$(this).find("a").attr("href"); return false;
	});
	
	// li hover function	
	
	/*
 var hoverColour = "#000000";
//when the dom has loaded
$(function(){
	//display the hover div
	$(".col1 li").show("fast", function() {
		//append the background div
		$(this).append("<div>this is a test</div>");
		//on link hover
		$(this).children("a").hover(function(){
			//store initial link colour
			if ($(this).attr("rel") == "") {
				$(this).attr("rel", $(this).css("color"));
			}
			//fade in the background
			$(this).parent().children("div")
				.stop()
				.css({"display": "none", "opacity": "1"})
				.fadeIn("fast");
			//fade the colour
			$(this)	.stop()
				.css({"color": $(this).attr("rel")})
				.animate({"color": hoverColour}, 350);
		},function(){
			//fade out the background
			$(this).parent().children("div")
				.stop()
				.fadeOut("slow");
			//fade the colour
			$(this)	.stop()
				.animate({"color": $(this).attr("rel")}, 250);
		});
	});
});

*/
	
	//Bottom Box's Stuff
	
	$(".bottomBox").click(function(){
	  window.location=$(this).find("a").attr("href"); return false;
	});
	
	$(".bottomBox").click(function(){
	  window.location=$(this).find("a").attr("href"); return false;
	});

	//Imageswap script for the yarns page

	$("h3").append('<em></em>')

	$(".thumbPic a").click(function(){
	
		var largePath = $(this).attr("href");
		var largeAlt = $(this).attr("title");
		
		$("#largeImg").attr({ src: largePath, alt: largeAlt });
		
		$("h3 em").html(" :: " + largeAlt + ""); return false;
	});
	
	$(".lime").hover(
      function () {
        $(".lime").animate({top:"50px"}, 500);
      }, 
      function () { 
        $(".lime").animate({top:"0px"}, 500);
      }
    );

	$(".blue").hover(
      function () {
        $(".blue").animate({top:"-50px"}, 500);
      }, 
      function () { 
        $(".blue").animate({top:"0px"}, 500);
      }
    );
	
	$(".red").hover(
      function () {
        $(".red").animate({top:"-25px"}, 500);
      }, 
      function () { 
        $(".red").animate({top:"0px"}, 500);
      }
    );
	
	$(".purple").hover(
      function () {
        $(".purple").animate({top:"25px"}, 500);
      }, 
      function () { 
        $(".purple").animate({top:"0px"}, 500);
      }
    );

	$(".aqua").hover(
      function () {
        $(".aqua").animate({top:"-25px"}, 500);
      }, 
      function () { 
        $(".aqua").animate({top:"0px"}, 500);
      }
    );
    
    $(".green").hover(
      function () {
        $(".green").animate({top:"-50px"}, 500);
      }, 
      function () { 
        $(".green").animate({top:"0px"}, 500);
      }
    );
	
});