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

	// Let's define some variables first
	var wrapper = $('fullpost-img'); // The outer wrapper
	var carousel = $('carousel'); // The inner wrapper
	var items = $$('#carousel li'); // The different elements, this is an array
	var item_width = 330; // The full width of a single item (incl. borders, padding, etc ... if there is any)
	var max_margin = items.length * item_width - item_width;
	
	// Set up the animation
	var animation = new Fx.Tween(carousel, {duration: 500});
	
	// The function to browse forward
	function next_item(pos){
		if(pos == -max_margin){
			animation.start('left', 0);
		} else { 
			var newposition = pos - item_width;
			animation.start('left', newposition);
		}
	}
	
	// The function to browse backward
	function previous_item(pos){
		if(pos == 0){
			animation.start('left', -max_margin);
		} else { 
			var newposition = pos + item_width;
			animation.start('left', newposition);
		}
	}
	
	// Set up the 'next' and 'previous' buttons
	$('carousel-next').addEvent('click', function(){
		var position = parseInt(carousel.getStyle('left'));
		next_item(position);
	});
	
	$('carousel-previous').addEvent('click', function(){
		var position = parseInt(carousel.getStyle('left'));
		previous_item(position);
	});
	
}); 

// Toggle Order Items
function showit(id) 
{
	var e = document.getElementById(id);
	e.style.display = 'block';
}

function toggle_visibility(id,bild,string,string2) 
{
	var e = document.getElementById(id);
	var c = document.getElementById(bild);
	if(e.style.display == 'none'){
		e.style.display = 'block';
		c.innerHTML = string;}
	else{
		e.style.display = 'none';
		c.innerHTML = string2;}
}	

function toggle_giftvisibility(id,sel,area,mess) 
{
	var e = document.getElementById(id);
	var c = document.getElementById(sel);
	var d = document.getElementById(area);
	if(c.checked == true){
		e.style.display = 'block';
		d.value = ''+mess;
		}
	else{
		e.style.display = 'none';
		d.value = ''
		}
}