	var $ph = 188; // height of the product images on page tuotteet.html

	$(document).ready(function(){
							   
			$("#slideshow").slideshow({
				pauseSeconds: 8,
				width: 166,
				height: 184,
				caption: true
			});
		$(".casual #accordion").accordion({ collapsible: true, active: 0 });
		$(".sport #accordion").accordion({ collapsible: true, active: 1 });
		$(".trend #accordion").accordion({ collapsible: true, active: 2 });
		
		$(".lisaTilaukset").hide();
		$("#tilausTiedot1").append("<p style=\"clear:both\"><a id=\"lisaaButton\" href='#'>+ Enemm&auml;n tuotteita</a></p>");
		$("#lisaaButton").click( function () {
				$(".lisaTilaukset").toggle('slow');
				$(this).hide();
				$(this).click(function() { return false; });

			});
		
		$(function() {  
			 $('#prodImageBig a').colorbox(); // Select all links in object with gallery ID 
			 $('.prodImageSmall a').colorbox(); // Select all links in object with gallery ID  
		 });
		$('#casprod1').hover(
			function () {
				$('.productBottomImage1').css('background-position','0 -'+$ph+'px');
			},
			function () {
				$('.productBottomImage1').css('background-position','0 0');
			}
		);
		$('#casprod2').hover(
			function () {
				$('.productBottomImage1').css('background-position','0 -'+2*$ph+'px');
			},
			function () {
				$('.productBottomImage1').css('background-position','0 0');
			}
		);

		$('#casprod3, #casprod4').hover(
			function () {
				$('.productBottomImage1').css('background-position','0 -'+9*$ph+'px');
			},
			function () {
				$('.productBottomImage1').css('background-position','0 0');
			}
		);

		$('#casprod10').hover(
			function () {
				$('.productBottomImage1').css('background','url("images/kuvatulossa.png")');
			},
			function () {
				$('.productBottomImage1').css('background','url("images/productCasualBottom.jpg")');
			}
		);

		$('#casprod5').hover(
			function () {
				$('.productBottomImage1').css('background-position','0 -'+4*$ph+'px');
			},
			function () {
				$('.productBottomImage1').css('background-position','0 0');
			}
		);
		$('#casprod7').hover(
			function () {
				$('.productBottomImage1').css('background-position','0 -'+5*$ph+'px');
			},
			function () {
				$('.productBottomImage1').css('background-position','0 0');
			}
		);
		$('#casprod8').hover(
			function () {
				$('.productBottomImage1').css('background-position','0 -'+6*$ph+'px');
			},
			function () {
				$('.productBottomImage1').css('background-position','0 0');
			}
		);
		$('#casprod9').hover(
			function () {
				$('.productBottomImage1').css('background-position','0 -'+7*$ph+'px');
			},
			function () {
				$('.productBottomImage1').css('background-position','0 0');
			}
		);
		$('#casprod11,#casprod12').hover(
			function () {
				$('.productBottomImage1').css('background-position','0 -'+8*$ph+'px');
			},
			function () {
				$('.productBottomImage1').css('background-position','0 0');
			}
		);
		
		// tähän väliin ulappa (3) ja halla  (4)
		
		$('#casprod6').hover(
			function () {
				$('.productBottomImage1').css('background-position','0 -'+10*$ph+'px');
			},
			function () {
				$('.productBottomImage1').css('background-position','0 0');
			}
		);

		$('#sportprod1').hover(
			function () {
				$('.productBottomImage2').css('background-position','0 -'+$ph+'px');
			},
			function () {
				$('.productBottomImage2').css('background-position','0 0');
			}
		);
		$('#sportprod2').hover(
			function () {
				$('.productBottomImage2').css('background-position','0 -'+2*$ph+'px');
			},
			function () {
				$('.productBottomImage2').css('background-position','0 0');
			}
		);

		$('#sportprod3').hover(
			function () {
				$('.productBottomImage2').css('background-position','0 -'+3*$ph+'px');
			},
			function () {
				$('.productBottomImage2').css('background-position','0 0');
			}
		);


		$('#sportprod5').hover(
			function () {
				$('.productBottomImage2').css('background-position','0 -'+4*$ph+'px');
			},
			function () {
				$('.productBottomImage2').css('background-position','0 0');
			}
		);
		$('#sportprod6').hover(
			function () {
				$('.productBottomImage2').css('background-position','0 -'+5*$ph+'px');
			},
			function () {
				$('.productBottomImage2').css('background-position','0 0');
			}
		);
		$('#sportprod4').hover(
			function () {
				$('.productBottomImage2').css('background-position','0 -'+6*$ph+'px');
			},
			function () {
				$('.productBottomImage2').css('background-position','0 0');
			}
		);

		$('#sportprod7').hover(
			function () {
				$('.productBottomImage2').css('background-position','0 -'+7*$ph+'px');
			},
			function () {
				$('.productBottomImage2').css('background-position','0 0');
			}
		);
		$('#sportprod8').hover(
			function () {
				$('.productBottomImage2').css('background-position','0 -'+8*$ph+'px');
			},
			function () {
				$('.productBottomImage2').css('background-position','0 0');
			}
		);
		$('#sportprod9').hover(
			function () {
				$('.productBottomImage2').css('background-position','0 -'+9*$ph+'px');
			},
			function () {
				$('.productBottomImage2').css('background-position','0 0');
			}
		);

		$('#sportprod10').hover(
			function () {
				$('.productBottomImage2').css('background-position','0 -'+10*$ph+'px');
			},
			function () {
				$('.productBottomImage2').css('background-position','0 0');
			}
		);

		$('#trendprod1').hover(
			function () {
				$('.productBottomImage3').css('background-position','0 -'+$ph+'px');
			},
			function () {
				$('.productBottomImage3').css('background-position','0 0');
			}
		);
		$('#trendprod2').hover(
			function () {
				$('.productBottomImage3').css('background-position','0 -'+2*$ph+'px');
			},
			function () {
				$('.productBottomImage3').css('background-position','0 0');
			}
		);
		$('#trendprod3').hover(
			function () {
				$('.productBottomImage3').css('background-position','0 -'+3*$ph+'px');
			},
			function () {
				$('.productBottomImage3').css('background-position','0 0');
			}
		);		
		// tähän väliin ulappa (3) ja halla  (4)
		
		// timo-housut (5) tähän

	});
	



