window.addEvent('domready', function () {
    if ($('prodImg') && $('imgCount')) {
        var myCookie = Cookie.write('backImg', $('imgCount').get('html'));
        $$('.rollImages img.img2').addEvent('click', function (e) {
            $('prodImg').set('src', $$('.rollImages img.img2').get('src'));
            $('prodImg').set('style', 'display:block;');
            var myCookie = Cookie.write('backImg', $('imgCount').get('html'));
            $('imgCount').set('html', '2');
        });
        
        $$('.rollImages img.img3').addEvent('click', function (e) {
            $('prodImg').set('src', $$('.rollImages img.img3').get('src'));
            $('prodImg').set('style', 'display:block;');
            var myCookie = Cookie.write('backImg', $('imgCount').get('html'));
            $('imgCount').set('html', '3');
        });
        
        $$('.rollImages img.img4').addEvent('click', function (e) {
            $('prodImg').set('src', $$('.rollImages img.img4').get('src'));
            $('prodImg').set('style', 'display:block;');
            var myCookie = Cookie.write('backImg', $('imgCount').get('html'));
            $('imgCount').set('html', '4');
        });
        
        $$('.rollImages img.img5').addEvent('click', function (e) {
            $('prodImg').set('src', $$('.rollImages img.img5').get('src'));
            $('prodImg').set('style', 'display:block;');
            var myCookie = Cookie.write('backImg', $('imgCount').get('html'));
            $('imgCount').set('html', '5');
        });
         
        $$('.rollImages img.img2').addEvent('mouseout', function (e) {
            $('prodImg').set('style', 'display:none;');
            $('imgCount').set('html', Cookie.read('backImg'));
        });
        
        $$('.rollImages img.img3').addEvent('mouseout', function (e) {
            $('prodImg').set('style', 'display:none;');
            $('imgCount').set('html', Cookie.read('backImg'));
        });
        
        $$('.rollImages img.img4').addEvent('mouseout', function (e) {
            $('prodImg').set('style', 'display:none;');
            $('imgCount').set('html', Cookie.read('backImg'));
        });
        
        $$('.rollImages img.img5').addEvent('mouseout', function (e) {
            $('prodImg').set('style', 'display:none;');
            $('imgCount').set('html', Cookie.read('backImg'));
        });
        
        $('prev').addEvent('click', function (e) {
            $('prodImg').set('style', 'display:none;');
        });
        $('next').addEvent('click', function (e) {
            $('prodImg').set('style', 'display:none;');
        });
    
        // functions for auto-rotator
        var imgNum = 0;
		var runIt = 'false';
		var delayInt = 600; // ms
		
		var imgChange = function () {
			$('ind').set('src', '/files/garant.nu/design/gfx/ind_' + imgNum + '.gif');
			if (imgNum == 4) {
				imgNum = 0;
				$('next').fireEvent('click');
			} else {
				imgNum++;
			}
		}
		
		$('play').addEvent('click', function (e) {
		if (runIt == 'false') {
				runIt = 'true';
				imgInd = imgChange.periodical(delayInt); //Will start the slideshow indicator.
				$('play').set('src', '/files/garant.nu/design/gfx/pause.gif');
				$('count').setStyle('display', 'none');
			} else {
				runIt = 'false';
				imgInd = $clear(imgInd); //Will stop the slideshow indicator.
				imgNum = 0;
				$('count').setStyle('display', 'block');
				$('play').set('src', '/files/garant.nu/design/gfx/play.gif');
				$('ind').set('src', '/files/garant.nu/design/gfx/ind_0.gif');
			}
		});
    
    }
});