var richtung="";
var pos = 1;
var nexte ="";
var comming ="";

function rot(_richtung)
{
	document.getElementById('header-pfeil-links').style.display = "none";
    document.getElementById('header-pfeil-rechts').style.display = "none";
    
	richtung = _richtung;

	if (richtung == "r")
	{
		richtung = "lr";

  		if(pos == 1)
		{
			pos = 4;
		}
		else if (pos != 1)
		{
		    pos --;
		}

		if(pos == 1)
		{
		    nexte = "prinzip.jpg";
		    comming = "creative.jpg";
		}
		else if(pos == 2)
		{
		    nexte = "curious.jpg";
		    comming = "prinzip.jpg";
		}
		else if(pos == 3)
		{
		    nexte = "clever.jpg";
		    comming = "curious.jpg";
		}
		else if(pos == 4)
		{
		    nexte = "creative.jpg";
		    comming = "clever.jpg";
		}

		document.getElementById('next').src = "http://wp.myc3.com/wp-content/themes/viva-la-revolution/flash/images/" + nexte;
	}

	else if(richtung == "l")
	{
		richtung = "rl";

		if(pos == 4)
		{
			pos = 1;
		}
		else if (pos != 4)
		{
		    pos ++;
		}

		if(pos == 1)
		{
		    nexte = "prinzip.jpg";
		    comming = "curious.jpg";
		}
		else if(pos == 2)
		{
		    nexte = "curious.jpg";
		    comming = "clever.jpg";
		}
		else if(pos == 3)
		{
		    nexte = "clever.jpg";
		    comming = "creative.jpg";
		}
		else if(pos == 4)
		{
		    nexte = "creative.jpg";
		    comming = "prinzip.jpg";
		}

		document.getElementById('next').src = "http://wp.myc3.com/wp-content/themes/viva-la-revolution/flash/images/" + nexte;
	}

	// zu drehendes Element
	var selected_elem = $('.bildFlip')

	// data('flipped') is a flag we set when we flip the selected_element:
	// Using the flip method defined by the plugin:
	selected_elem.flip({
	direction: richtung,
	speed: 350,
	color: '#fad002',
	onBefore: function()
	{

	},
	onAnimation: function()
	{
	    document.getElementById('akt').src = "http://wp.myc3.com/wp-content/themes/viva-la-revolution/flash/images/" + nexte;
	},
	onEnd: function()
	{
	    //document.getElementById('next').src = "clever.jpg";
	    document.getElementById('header-pfeil-links').style.display = "block";
    document.getElementById('header-pfeil-rechts').style.display = "block";
	}
	});

	// Setting the flag:
	selected_elem.data('flipped',true);
    
}