/*
	Update 10-03-2008: Stefan van den Dungen Gronovius
		Complete written in Jquery
*/
		$(document).ready(function(){
			$('.picture-viewer').each(function(){
				initPictureComponent($(this));
			});
		});
		
		function initPictureComponent ($oPictureComp){
			$oPictureComp.find('.picture-navigation ul a').each(function(i){
				// Maak eerste afbeelding de hoofdabeelding
				if( i == 0 ){
					$(this).addClass("active");
					imgSrc = $(this).attr('href').replace('/large','/thumbnail');
					imgAlt = $(this).find('img').attr('alt');
					$oPictureComp.prepend('<span class="beschrijving" id="img-description">'+imgAlt+'</span>');
					$oPictureComp.prepend('<div class="main-picture"><img src="'+imgSrc+'" alt="'+imgAlt+'"/></div>');
				}
				// Handle the clickfunctie!
				$(this).click(function(){
					$oPictureComp.find('.picture-navigation ul a').removeClass('active');
					setActivePic($(this))
					return false;
				});
			});
			
			$oPictureComp.append('<img class="pic-big" src="/lib/css/han/images/enlarge-pic.gif"/>');
			$('.pic-big').click(function(){
				showLargePic($(this));
			});	
			
			if ( $oPictureComp.find('.picture-navigation ul a').length == 1 ){
				$oPictureComp.find('.picture-navigation').remove();
				return true;
			}
			bodyClass =  $('body').attr('class')
			$oPictureComp.find('.picture-navigation').prepend('<img class="prev" src="/lib/css/han/images/'+bodyClass+'/picture-nav-prev.gif"/>')
			$oPictureComp.find('.picture-navigation .prev').click(function(){
				rollPic($(this),'prev');
			});
			$oPictureComp.find('.picture-navigation').append('<img class="next" src="/lib/css/han/images/'+bodyClass+'/picture-nav-next.gif"/>')
			$oPictureComp.find('.picture-navigation .next').click(function(){
				rollPic($(this),'next');
			});

		}

		function rollPic($oPic,way){
			$oNav = $oPic.parent('.picture-navigation');
			iPicCount = $oNav.find('ul li a').length;
			$oNav.find('ul li a').each(function(i){
				if( $(this).hasClass("active") ){
					iActiveID = i+1;
					if( (i != 0 && way == 'prev') || (i != iPicCount-1 && way == 'next') ){
						$(this).removeClass("active");
					}	
					$oId = $(this).parent('li');
				}
			});

			if( way == 'next' ){
				setActivePic($oId.next('li').find('a'));
				return false;
			}
			if( way == 'prev' ){
				setActivePic($oId.prev('li').find('a'));
				return true;
			}
			setActivePic($oId);			
		}
		
		function setActivePic($ob){
			
			imgAlt = $ob.attr('title');
			imgSrc = $ob.attr('href');
			
			if( imgSrc != null ){
				imgSrc = imgSrc.replace('/large','/thumbnail');
			}
			$ob.addClass("active");
			$oPV = $ob.parents('.picture-viewer');
			$oPV.find('.main-picture img').attr('src',imgSrc);
			$oPV.find('.main-picture img').attr('alt',imgAlt);
			$oPV.find('.beschrijving').html(imgAlt);
		}

		function showLargePic($ob){
			$oMainPic = $ob.parents('.picture-viewer').find('.main-picture img');
			newSource = $oMainPic.attr('src').replace('/thumbnail','/large');
			window.open(newSource);
		}