var lan_id = 0;
var page_id = 0;
var cn_id = 0;
var speed = 5000;
var activeImgId = 1;
var interval = '';
var mode = 'play';
var maxItems = 0;
var start_ = 0;

function switchImage(lid, pid, cnid, max) {
	lan_id = lid;
	page_id = pid;
	cn_id = cnid;
	maxItems = max;
	
	jQuery('div#Bildanimation div#Picture').click(function() {
		changeState();
	});
	
	jQuery('div#Bildanimation div#Picture').hover(function() {	
		if(mode == 'pause')
			jQuery('div#Controls img#Play').stop(true,true).fadeIn();
		else
			jQuery('div#Controls img#Pause').stop(true,true).fadeIn();
	}, function() {
			jQuery('div#Controls img#Play').stop(true,true).fadeOut();
			jQuery('div#Controls img#Pause').stop(true,true).fadeOut();
	});
	
  jQuery('.fadein img:gt(0)').hide();
  jQuery('.fadein img#number_'+activeImgId).addClass('active');
  jQuery('div#Navi ul li#number_'+activeImgId).addClass('active');
  
  interval = setInterval('fadeImages()', speed);
}

function changeState() {	
	if(mode == 'play') {
		mode = 'pause';
		window.clearInterval(interval);
		jQuery('div#Controls img#Pause').hide();
		jQuery('div#Controls img#Play').show();
	} else {
		mode = 'play';
		interval = setInterval('fadeImages()', speed);
		jQuery('div#Controls img#Play').fadeOut();
	}
}

function fadeImages() {
  jQuery('.fadein img.active').removeClass('active').fadeOut('slow')
     .next('.fadein img').fadeIn('slow').addClass('active')
     .end().appendTo('.fadein');

  getActiveId();
  setActiveNavi();
}

function setActiveNavi(clicked) {
	jQuery('div#Navi ul li').removeClass('active');
	jQuery('div#Navi li#number_'+activeImgId).addClass('active');
	
	if(clicked) {
		switch((activeImgId-1)%3) {
			case 0:
				getMiniaturRow(activeImgId);
				break;
			case 1:
				getMiniaturRow(activeImgId-1);
				break;
			case 2:
				getMiniaturRow(activeImgId-2);
				break;
		}
	}
	else if((activeImgId-1)%3 == 0) {
		getMiniaturRow(activeImgId);
	}
}

function getMiniaturRow(start) {
	if(start != start_) {
		start_ = start;
		jQuery.post('../stage_content_ajax.php?lan_id='+lan_id+'&page_id='+page_id+'&cn_id='+cn_id, {
			action: 'getMiniaturRow',
			start: start
		}, function(data) {
			jQuery('div#Miniatur ul li').fadeOut('fast', function() {
				jQuery('div#Miniatur ul').html(data);
				jQuery('div#Miniatur ul li').hide().fadeIn('fast');
			});
		});
	}
}

function chooseImage(id) {
	activeImgId = id;
	jQuery('.fadein img.active').removeClass('active').fadeOut('slow');
	jQuery('.fadein img#number_'+activeImgId).fadeIn('slow').addClass('active');
	elements = jQuery('.fadein img#number_'+(activeImgId+1)).prevAll();
	for(c=elements.length;c>0;c--) {
		jQuery(elements[c]).appendTo('.fadein');
	}
	setActiveNavi(true);
	if(mode == 'play')
		changeState();
}

function getActiveId() {
	var activeId = jQuery('.fadein img.active').attr('id').split("_");
	activeImgId = parseInt(activeId[1]);
}

function changeMiniatur(richtung) {
	switch(richtung) {
		case 'prev':
			id = jQuery('div#Miniatur img:first-child').attr('id').split('_');
			start = parseInt(id[1])-3;
			
			if(start < 1) {
				modulo = maxItems%3;
				start = maxItems-modulo+1;
			}
			getMiniaturRow(start);
			if(mode == 'play')
				changeState();
			break;
		case 'next':
			id = jQuery('div#Miniatur img:first-child').attr('id').split('_');
			start = parseInt(id[1])+3;
			if(start > maxItems)
				start = 1;
			getMiniaturRow(start);
			if(mode == 'play')
				changeState();
			break;
	}
}