window.onload = function () {
			
            var container = $j('div.sliderGallery');
            var ul = $j('ul', container);
            
            var itemsWidth = ul.innerWidth() - container.outerWidth();
            $j('#container').hide();
			
            $j('.slider', container).slider({
                min: 0,
                max: itemsWidth,
                handle: '.handle',
                stop: function (event, ui) {
                    ul.animate({'left' : ui.value * -1}, 500);
                },
                slide: function (event, ui) {
                    ul.css('left', ui.value * -1);
                }
            });
			$j('a#recentwork').click(function() {
				 $j('#container').toggle("slide", { direction: "down" });
				 $j('#container3').hide();
 				 $j('#container2').hide();
 				 $j('#container4').hide();
				 return false;
				  });
			$j('.close').click(function() {
				 $j('#container').hide();
				 $j('#container2').hide();
				 $j('#container3').hide();
 				 $j('#container4').hide();
				 return false;
				  });			
			var container2 = $j('div.sliderGallery2');
            var ul2 = $j('ul', container2);
            
            var itemsWidth = ul2.innerWidth() - container2.outerWidth();
            $j('#container2').hide();
            $j('.slider2', container2).slider({
                min: 0,
                max: itemsWidth,
                handle: '.handle2',
                stop: function (event, ui) {
                    ul2.animate({'left' : ui.value * -1}, 500);
                },
                slide: function (event, ui) {
                    ul2.css('left', ui.value * -1);
                }
            });
			$j('a#recentblogposts').click(function() {
				 $j('#container2').toggle("slide", { direction: "down" });
				 $j('#container').hide();
				 $j('#container3').hide();
				 $j('#container4').hide();
				 return false;
				  });
			
			
			
			var container3 = $j('div.sliderGallery3');
            var ul3 = $j('ul', container3);
            
            var itemsWidth = ul3.innerWidth() - container3.outerWidth();
            $j('#container3').hide();
            $j('.slider3', container3).slider({
                min: 0,
                max: itemsWidth,
                handle: '.handle3',
                stop: function (event, ui) {
                    ul3.animate({'left' : ui.value * -1}, 500);
                },
                slide: function (event, ui) {
                    ul3.css('left', ui.value * -1);
                }
            });
			$j('a#reviews').click(function() {
				 $j('#container3').toggle("slide", { direction: "down" });
				 $j('#container').hide();
				 $j('#container2').hide();
				 $j('#container4').hide();
				 return false;
				  });
			$j('a#launchportfolio').click(function() {
				 $j('#container').toggle("slide", { direction: "down" });
				 $j('#container2').hide();
				 $j('#container4').hide();
 				 $j('#container3').hide();
				 return false;
				  });
        };