function scrollRight(e) {
	e.stop();
	
	removeMovie();
		
	var leftButton =($('left_button') || $('left_button_neg')).getParent();
	var rightButton = ($('right_button') || $('right_button_neg')).getParent();
	
	var contentPane = $('content_pane');
	var coords = contentPane.getCoordinates();
	var x = contentPane.getStyle('left').toInt();
	var width = coords.width;
	contentPane.tween('left', x-715);
	if (x <= -width + 715*2)
		rightButton.setStyle('visibility', 'hidden');
		
	leftButton.setStyle('visibility', 'visible');
//	rightButton.setStyle('left',
//		leftButton.getStyle('left').toInt() + leftButton.getStyle('width').toInt());
	
	return false;
}

function scrollLeft(e) {
	e.stop();
	
	removeMovie();
	
	var leftButton = ($('left_button') || $('left_button_neg')).getParent();
	var rightButton = ($('right_button') || $('right_button_neg')).getParent();
	
	var contentPane = $('content_pane');
	var coords = contentPane.getCoordinates();
	var x = contentPane.getStyle('left').toInt();
	var width = coords.width;
	contentPane.tween('left', x+715);
	if (x >= - 715) {
		leftButton.setStyle('visibility', 'hidden');
//		rightButton.setStyle('left',
//			leftButton.getStyle('left').toInt());
	} else {
//		rightButton.setStyle('left',
//			leftButton.getStyle('left').toInt() + leftButton.getStyle('width').toInt());
    }
    
	rightButton.setStyle('visibility', 'visible');
	
	return false;
}

function toggleText(event) {
    if (textPane.getStyle('top').toInt() == textPane.origTop) {
        showText();
    } else {
    	hideText();
    }
}

function showText() {
	removeMovie();
	textPane.tween('top', textPane.origTop - textPane.getStyle('height').toInt());
	textToggle.setStyle('background', 'url(' + toggleImageVisible + ')');
}

function hideText() {
	textPane.tween('top', textPane.origTop);
	textToggle.setStyle('background', 'url(' + toggleImageHidden + ')');
//	window.setTimeout(function() {
//		insertMovie();
//	}, 550);
}

function hoverToggle(event) {
    textToggle.tween('top', textToggle.origTop - hoverBias);
}

function unhoverToggle(event) {
    textToggle.tween('top', textToggle.origTop);
}

function insertMovie() {
	var img = $('movie-placeholder');
	if (img) {
		var parent = img.getParent();
		var movieFile = img.getProperty('class');
		parent.movieFile = movieFile;
        img.dispose();
		parent.set('html', '<object id="movie" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="500" width="500">' +
							'<param name="src" value="' + movieFile + '">' +
							'<param name="autoplay" value="true">' +
							'<param name="loop" value="true">' +
							'<param name="controller" value="false">' +
							'<param name="type" value="video/quicktime" height="500" width="500">' +
							'<embed src="' + movieFile + '" height="500" width="500" autoplay="true" loop="true" controller="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed>' +
							'</object>');
	}
}

function insertMovie2() {
	var img = $('movie-placeholder2');
	if (img) {
		var parent = img.getParent();
		var movieFile = img.getProperty('class');
		parent.movieFile = movieFile;
        img.dispose();
		parent.set('html', '<object id="movie" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="250" width="500">' +
							'<param name="src" value="' + movieFile + '">' +
							'<param name="autoplay" value="true">' +
							'<param name="loop" value="true">' +
							'<param name="controller" value="false">' +
							'<param name="type" value="video/quicktime" height="250" width="500">' +
							'<embed src="' + movieFile + '" height="250" width="500" autoplay="true" loop="true" controller="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed>' +
							'</object>');
	}
}

function insertMovie3() {
	var img = $('movie-placeholder');
	if (img) {
		var parent = img.getParent();
		var movieFile = img.getProperty('class');
		parent.movieFile = movieFile;
        img.dispose();
		parent.set('html', '<object id="movie" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="406" width="500">' +
							'<param name="src" value="' + movieFile + '">' +
							'<param name="autoplay" value="true">' +
							'<param name="loop" value="true">' +
							'<param name="controller" value="false">' +
							'<param name="type" value="video/quicktime" height="406" width="500">' +
							'<embed src="' + movieFile + '" height="406" width="500" autoplay="true" loop="true" controller="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed>' +
							'</object>');
	}
}

function insertMovie4() {
	var img = $('movie-placeholder4');
	if (img) {
		var parent = img.getParent();
		var movieFile = img.getProperty('class');
		parent.movieFile = movieFile;
        img.dispose();
		parent.set('html', '<object id="movie" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="333" width="500">' +
							'<param name="src" value="' + movieFile + '">' +
							'<param name="autoplay" value="true">' +
							'<param name="loop" value="true">' +
							'<param name="controller" value="false">' +
							'<param name="type" value="video/quicktime" height="333" width="500">' +
							'<embed src="' + movieFile + '" height="333" width="500" autoplay="true" loop="true" controller="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed>' +
							'</object>');
	}
}

function removeMovie() {
	var movie = $('movie');
	if (movie) {
		var parent = movie.getParent();
		movie.dispose();
		parent.set('html', '<div id="movie-placeholder" class="' + parent.movieFile + '"></div>');
	}
}

function removeMovie2() {
	var movie = $('movie');
	if (movie) {
		var parent = movie.getParent();
		movie.dispose();
		parent.set('html', '<div id="movie-placeholder2" class="' + parent.movieFile + '"></div>');
	}
}

function removeMovie3() {
	var movie = $('movie');
	if (movie) {
		var parent = movie.getParent();
		movie.dispose();
		parent.set('html', '<div id="movie-placeholder" class="' + parent.movieFile + '"></div>');
	}
}

function removeMovie4() {
	var movie = $('movie');
	if (movie) {
		var parent = movie.getParent();
		movie.dispose();
		parent.set('html', '<div id="movie-placeholder4" class="' + parent.movieFile + '"></div>');
	}
}

var textToggle = null;
var textPane = null;

//////////////////////////////////////////
// diese werte sind zum einstellen:

var hoverBias = 5;
var toggleImageHidden = "images/tip-open.png";
var toggleImageVisible = "images/tip-close.png";

//////////////////////////////////////////

window.addEvent('domready', function() {
	var rightButton = $('right_button');
	if (!rightButton) {
		rightButton = $('right_button_neg');
	}
	rightButton.addEvent('click', scrollRight);
	var leftButton = $('left_button');
	if (!leftButton) {
		leftButton = $('left_button_neg');
	}
	leftButton.addEvent('click', scrollLeft);

    textToggle = $('text-toggle');
	if (textToggle) {
		textToggle.origTop = textToggle.getStyle('top').toInt();
		textToggle.set('tween', { duration: 250 });
		textToggle.addEvent('mouseover', hoverToggle);
		textToggle.addEvent('mouseout', unhoverToggle);
		textToggle.addEvent('click', toggleText);
		textPane = $$('.text-pane')[0];
		textPane.origTop = textPane.getStyle('top').toInt();
	}
    
    var playLink = $('play_link');
    if (playLink) {
    	playLink.addEvent('click', insertMovie);
    }
	
	var playLink2 = $('play_link2');
    if (playLink2) {
    	playLink2.addEvent('click', insertMovie2);
    }
	
	var playLink3 = $('play_link3');
    if (playLink3) {
    	playLink3.addEvent('click', insertMovie3);
    }
	
	var playLink4 = $('play_link4');
    if (playLink4) {
    	playLink4.addEvent('click', insertMovie4);
    }
	
	var bubbleDur = 250;
	var bubble = $('bubble-1');
	var i = 1;
	while (!bubble && i < 30) {
		++i;
		bubble = $('bubble-' + i);
	}
	if (bubble) {
		bubble.set('tween', { duration: bubbleDur });
		$('x').set('tween', { duration: bubbleDur });
	}
});