// Resize Menus
function size_menu() {
	// top menu numbers
	top_num = $$("div.hor_menu li").size();
	top_w = Math.floor(582/top_num)-1;
	top_last = 1 + top_w + 582%top_num;

	// botom menu numbers
	bottom_num = $$("div.bottom li").size();
	bottom_w = Math.floor(560/bottom_num)-1;
	bottom_last = bottom_w + 560%bottom_num;

	// top menu
	$$("div.hor_menu li").each(function(n) {
		n.setStyle({
		  width: top_w+'px',
		  textAlign: 'center'
		});

	});

	// bottom menu
	$$("div.bottom li").each(function(n) {
		n.setStyle({
		  width: bottom_w+'px',
		  textAlign: 'center'
		});

	});

	$$("div.hor_menu li a, div.bottom li a").each(function(n) {
		n.setStyle({
		  width: '100%'
		});

	});

	// top
	$$("div.hor_menu li").last().setStyle({	  width: top_last+'px', border: 'none'	});
	// bottom
	$$("div.bottom li").last().setStyle({	  width: bottom_last+'px', border: 'none'	});

}

function load_slider() {

	if($('slider')) {

		$('slider').innerHTML='\
\
		<div class="scroller">\
			<div class="gcontent">\
				<div class="section" id="bed-linen">\
					<a href="bed-linen"><img src="images/slider/bed-linen.jpg" alt="Bed Linen"></a>\
				</div>\
				<div class="section" id="quilts">\
					<a href="quilts"><img src="images/slider/quilts.jpg" alt="Quilts"></a>\
				</div>\
				<div class="section" id="throws">\
					<a href="blankets-throws"><img src="images/slider/throws.jpg" alt="Blankets &amp; Throws"></a>\
				</div>\
				<div class="section" id="cushions">\
					<a href="cushions"><img src="images/slider/cushions.jpg" alt="Cushions"></a>\
				</div>\
				<div class="section" id="table-linen">\
					<a href="table-linen"><img src="images/slider/table-linen.jpg" alt="Table Linen"></a>\
				</div>\
				<div class="section" id="hand-towels">\
					<a href="guest-kitchen-towels"><img src="images/slider/hand-towels.jpg" alt="Hand &amp; Kitchen Towels"></a>\
				</div>\
				<div class="section" id="cool-galah">\
					<a href="cool-galah-towels"><img src="images/slider/cool-galah.jpg" alt="Cool Galah Towels"></a>\
				</div>\
			</div>\
		</div>\
		<div class="controls">\
			<a href="#bed-linen" class="active">1</a>\
			<a href="#quilts">2</a>\
			<a href="#throws">3</a>\
			<a href="#cushions">4</a>\
			<a href="#table-linen">5</a>\
			<a href="#hand-towels">6</a>\
			<a href="#cool-galah">7</a>\
		</div>\
		';
	}
}


Event.observe(window, 'load', function() {
	size_menu();
	if($('slider')) {
		load_slider();
		my_glider = new Glider('slider', {duration:0.5, autoGlide:true, frequency: 6});
	}
});