// noConflict-Modus aktivieren, da sich jQuery mit der Lightbox nicht vertragt
var $j = jQuery.noConflict();

$j(document).ready(function() {

var kugelRot = "images/site/on.gif";
var kugelGrau = "images/site/off.gif";
var sc = $j("div#proyectos");

// Init - 1. Aufruf
$j("div.proyecto", sc).hide();
//$j("div.project div.text", sc).css("visibility", "hidden");
$j("div.proyecto:first", sc).show();
//$j("div.project:first div.text", sc).css("visibility", "visible");
$j("div.switch a:first img", sc).attr("src", kugelRot);

// Blendet auf das Objekt mit dem gewünschten Index über
function switchProject(idx) {
	idToShow = idx;
	idToHide = $j("div.proyecto:visible", sc).attr("id").substring(1);
	
	// Kugeln umfärben
	$j("div.switch a img", sc).attr("src", kugelGrau);
	$j("div.switch a#plink"+idToShow+" img", this).attr("src", kugelRot);
	
	// Bild und Text überblenden
	if (idToShow != idToHide) {
		//$j("div#p"+idToHide+" div.text", sc).css("visibility", "hidden");
		$j("div#p"+idToHide, sc).fadeOut(600, function() {
			$j("div#p"+idToShow, sc).fadeIn(600, function() {
				//$j("div#p"+idToShow+" div.text", sc).css("visibility", "visible");
				//$j("div#p"+idToShow+" div.text", sc).slideDown();
			});
	
		});
	}
}

// Auto-Switch
var seconds = 6;
var currentProject = 1;
var len = $j("div.switch a", sc).length;
if (len > 1) {
var autoSwitch = window.setInterval(function() {
if (currentProject == len) {
	currentProject = 0;
}
currentProject++;
switchProject(currentProject);
}, seconds * 1000);
}

// MouseOver-Switch
$j("div.switch a", sc).mouseover(function () {
window.clearInterval(autoSwitch); // Auto-Switch abbrechen
switchProject($j(this).attr("id").substr(5));
return false;
});

});