$(document).ready(
		function() {

			var sliderWidth = 0;
			var sliderElem = $("div.sliderItem").size();
			var sliderArray = [];
			var sliderPos = 0;
			var sliderElemWidth = parseInt($(".sliderItem").css('width')
					.replace("px", ""));

			// Calculate and Set sliderWidth

			sliderWidth = sliderElem * sliderElemWidth;
			$(".sliderDiv").css("width", sliderWidth);

			// Set Margin Location for each Element

			for (i = 0; i < sliderElem; i++) {

				sliderArray[i] = i * sliderElemWidth;

			}

			// Auto Slider

			var autoSlide = setInterval(autoSlide, 4000);

			function autoSlide() {

				sliderPos++;

				if (sliderPos >= sliderElem) {
					sliderPos = 0;
				}

				setSlide(sliderPos);
				setButton(sliderPos);
			}

			// Change To Slide

			$(".sliderButton").click(function() {
				sliderPos = $(this).attr("id").replace("sn", "") - 1
				clearInterval(autoSlide);
				setSlide(sliderPos);
				setButton(sliderPos);
			});

			$(".sliderButton").hover(
					function() {

						$(this).addClass($(this).attr("id")+ "h");

					},
					function() {
						
						if($(this).attr("id") != "sn" + (sliderPos+1)){
							
							$(this).removeClass($(this).attr("id")+"h");
						}
					});

			function setButton(sliderNo) {
				sliderNo++
				$(".sliderButton").each(
						function() {

							if ($(this).attr("id") == "sn" + sliderNo)  {

								$(this).addClass($(this).attr("id")+ "h");

							} else {
								$(this).removeClass($(this).attr("id")+"h");

							}

						});

			}

			function setSlide(sliderNo) {

				$('.sliderDiv').animate( {
					marginLeft : -sliderArray[sliderNo] + 'px'
				}, 650);

				sliderNo++
				
				$(".sliderText").each(function() {

					if ($(this).attr("id") == "st" + sliderNo) {

						$(this).delay(650).slideDown('slow');
					}else{
						
						$(this).delay(650).slideUp('slow');
						
					}
				});

				
			}

		});