window.addEvent('domready', function() {

		function clearClasses(){
			if($('vidLink')){
				$('vidLink').removeClass('selected');
			}

			$$('ul#productImageLinks a').each(function(item) {
				if (item.hasClass('selected')) {
					item.removeClass('selected');
				}
			});
		}

		function switchToVideo(item){
			$('vid').style.display = 'block';
			$('productImages').style.visibility = 'hidden';
			clearClasses();
			$('vidLink').addClass('selected');
			if(period){
				$clear(period);
				period = null;
			}
		}


		var vidLink = $('vidLink');
		// If there are no images but video, we auto switch to video
		if(vidLink){
				if(!$('productImageLinks')){
					switchToVideo();
				}


				vidLink.addEvent('click' , function(item){

					switchToVideo();
					return false;
				});

		}


	if ($('productImageLinks')) {

		var hrefCount = $$('ul#productImageLinks a').length
		var period;
		// we got some images..
		$$('ul#productImageLinks a').each(function(item) {

			item.addEvent('click', function() {
				swapImg(item);
			});
		});






		var curLoc = 0;
		var slideshow = function(){
			if (curLoc < (hrefCount-1)) {
				curLoc++;
			} else {
				curLoc = 0;
			}

			var item = $('imgLink_' + curLoc);
			swapImg(item);

		};

		period = slideshow.periodical(4000);



		function swapImg(item) {
			var thisImg = item.id.substring(8);
			var thisImgN = parseInt(thisImg)+1;

			if ($('vid')) {
				$('vid').style.display = 'none';
				$('productImages').style.visibility = 'visible';
			}

			if(!period){
				curLoc = parseInt(thisImg);
				period = slideshow.periodical(4000);
			}

			$('mainImg').src = $$('div#productImagesContainer img')[thisImgN].src;
			$('mainImg').title = $$('div#productImagesContainer img')[thisImgN].title;
			$('mainImg').alt = $$('div#productImagesContainer img')[thisImgN].alt;


			clearClasses();

			item.addClass('selected');
		}



	}

});