$(document).ready(function(){
	$("#catMenu").append('<li><a href="?view=all">View All</a></li>');
	
	var x = $.jqURL.get("view"); 
	
	if (x == "all") {
		$("#mygalleryTwo").addClass("noJava");
	}
	
	if ($("#mygalleryTwo").hasClass("noJava")) {
		
		$("#mygalleryTwo").find(".innerPanelTwo").each(function(){
			i++
			var linkText = $(this).children("h3").children("a").attr("href");
			$(this).children("p").wrapInner("<a></a>");
			$(this).children("img").wrap("<a class=\"addBackground\"></a>");
			$(this).children("a").attr("href",linkText);
			$(this).children("p").children("a").attr("href",linkText);
		});
		
		$("#mygalleryTwo").removeAttr("id");
	} else {
		$("#mygalleryTwo").addClass('stepcarousel').before('<p id="numberNav"></p>');

		var i = 0;
		$("#mygalleryTwo").find(".innerPanelTwo").each(function(){
			i++
			var linkText = $(this).children("h3").children("a").attr("href");
			$(this).children("p").wrapInner("<a></a>");
			$(this).children("img").wrap("<a class=\"addBackground\"></a>");
			$(this).children("a").attr("href",linkText);
			$(this).children("p").children("a").attr("href",linkText);
		});
		
		var numToDisplay = Math.ceil(i/9);
		
		if (numToDisplay > 1) {
			$("#numberNav").append('<a href="javascript:stepcarousel.stepBy(\'mygalleryTwo\',-1)" id="jsBackward" class="jsBB"><img src="/graphics/butt-back.jpg" alt="Previous Page" border="0" style="position: relative; top: 6px; margin-right: 10px" /></a> ');
			for(y=1; y<=numToDisplay; y++) {
				if (y == 1) {
					var addThis	= " highlight"
				} else {
					var addThis	= ""
				}
				$("#numberNav").append('<a href="javascript:stepcarousel.stepTo(\'mygalleryTwo\',' + y + ')" class="num' + addThis + '">' + y + '</a>, ');
			}
			$("#numberNav").append(' (<a href="?view=all" class="jsAll">View All</a>)');
			$("#numberNav").append('<a href="javascript:stepcarousel.stepBy(\'mygalleryTwo\',1)" id="jsForward"><img src="/graphics/butt-forward.jpg" alt="Next Page" border="0" style="position: relative; top: 6px; margin-left: 10px" /></a>');
		} else {
			var heightVal = Math.ceil(i/3);
			heightVal = heightVal * 190;
			$("#mygalleryTwo").css({ "height":heightVal })
		}
		
		$("#jsForward").click(function() {
			if (!$("#numberNav a.num.highlight").next().hasClass("jsAll")){
				$("#numberNav a.num.highlight").removeClass("highlight").next().addClass("highlight");
			}
		});
		
		$("#jsBackward").click(function() {
			if (!$("#numberNav a.num.highlight").prev().hasClass("jsBB")){
				$("#numberNav a.num.highlight").removeClass("highlight").prev().addClass("highlight");
			}
		});
		
		$("#numberNav a.num").click(function() {
			$("#numberNav a.num").removeClass("highlight");
			$(this).addClass("highlight");
		});
	}
});
	
$("a.prodLink").click(function () {
	$(this).next().toggle(800);
});
	
stepcarousel.setup({
	galleryid: 'mygalleryTwo',
	beltclass: 'beltTwo',
	panelclass: 'panelTwo',
	panelbehavior: {speed:300, wraparound:false, persist:false},
	defaultbuttons: {enable: false, moveby: 1, leftnav: ['arrowl.gif', -10, 100], rightnav: ['arrowr.gif', -10, 100]},
	statusvars: ['statusA', 'statusB', 'statusC'],
	contenttype: ['inline']
})