// JavaScript Document

$(document).ready(function () {
	if(page=='home') {
		var nav1='stone';
		var nav2='laminate';
		var nav3='ultraglaze';
	} else if(page=='stone') {
		var nav1='home';
		var nav2='laminate';
		var nav3='ultraglaze';
	} else if(page=='laminate') {
		var nav1='home';
		var nav2='stone';
		var nav3='ultraglaze';
	} else if(page=='ultraglaze') {
		var nav1='home';
		var nav2='stone';
		var nav3='laminate';
	} else if(page=='none') {
		var nav1='home';
		var nav2='stone';
		var nav3='laminate';
		var nav4='ultraglaze';
	}
	
	if(page=='none') {
		$("#nav-"+nav1).css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav1+"-span").css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav1).hover(function() {
			$("#nav-"+nav1).stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav1+"-span").stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav1+"-span").fadeTo(500,0.0);
		}, function() {
			$("#nav-"+nav1).stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav1+"-span").stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav1+"-span").fadeTo(500,1.0);
		});
		
		$("#nav-"+nav2).css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav2+"-span").css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav2).hover(function() {
			$("#nav-"+nav2).stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav2+"-span").stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav2+"-span").fadeTo(500,0.0);
		}, function() {
			$("#nav-"+nav2).stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav2+"-span").stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav2+"-span").fadeTo(500,1.0);
		});
		
		$("#nav-"+nav3).css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav3+"-span").css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav3).hover(function() {
			$("#nav-"+nav3).stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav3+"-span").stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav3+"-span").fadeTo(500,0.0);
		}, function() {
			$("#nav-"+nav3).stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav3+"-span").stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav3+"-span").fadeTo(500,1.0);
		});
		
		$("#nav-"+nav4).css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav4+"-span").css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav4).hover(function() {
			$("#nav-"+nav4).stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav4+"-span").stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav4+"-span").fadeTo(500,0.0);
		}, function() {
			$("#nav-"+nav4).stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav4+"-span").stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav4+"-span").fadeTo(500,1.0);
		});
	} else {
		$("#nav-"+nav1).css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav1+"-span").css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav1).hover(function() {
			$("#nav-"+nav1).stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav1+"-span").stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav1+"-span").fadeTo(500,0.0);
		}, function() {
			$("#nav-"+nav1).stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav1+"-span").stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav1+"-span").fadeTo(500,1.0);
		});
		
		$("#nav-"+nav2).css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav2+"-span").css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav2).hover(function() {
			$("#nav-"+nav2).stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav2+"-span").stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav2+"-span").fadeTo(500,0.0);
		}, function() {
			$("#nav-"+nav2).stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav2+"-span").stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav2+"-span").fadeTo(500,1.0);
		});
		
		$("#nav-"+nav3).css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav3+"-span").css({backgroundPosition:"0px 4px"});
		$("#nav-"+nav3).hover(function() {
			$("#nav-"+nav3).stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav3+"-span").stop().animate({backgroundPosition:"(0px 0px)"},{queue:false,duration:500});
			$("#nav-"+nav3+"-span").fadeTo(500,0.0);
		}, function() {
			$("#nav-"+nav3).stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav3+"-span").stop().animate({backgroundPosition:"(0px 4px)"},{queue:false,duration:500});
			$("#nav-"+nav3+"-span").fadeTo(500,1.0);
		});
	}
});