var clipBigPicPath = "images/clips/big/";
var clipSmallPicPath = "images/clips/small/";
var clipPicName = "clip_";

var bigPicNr = 0;
var picPos = new Array();
var picCount = new Array();
var abc = new Array('', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z');

var tvSchneeSmall = new Image();
tvSchneeSmall.src = "images/clips/tv_schnee_small.gif";

var tvControlGrau = new Image();
tvControlGrau.src = "images/clips/tv_control_grau.jpg";

function loadNextSmallBild(nr) {
	picPos[nr] = (picPos[nr] + 1) % picCount[nr];
	aktSmallBild(nr);
	aktBigBild(nr);
}			 

function loadPrevSmallBild(nr) {
	picPos[nr] = (picPos[nr] + picCount[nr] - 1) % picCount[nr];
	aktSmallBild(nr);
	aktBigBild(nr);
}
			 
function loadNextBigBild() {
	loadNextSmallBild(bigPicNr);
}
			 
function loadPrevBigBild() {
	loadPrevSmallBild(bigPicNr);
}
			 
function aktSmallBild(nr) {
	window.document.getElementById("img" + nr).src = "images/clips/tv_schnee_small.gif";
 	window.setTimeout("aktSmallBild2nd('" + nr + "')", 100);
}

function aktSmallBild2nd(nr) {
	window.document.getElementById("img" + nr).src = 
		clipSmallPicPath + clipPicName + nr + abc[picPos[nr]] + ".jpg";
	window.document.getElementById("lab" + nr).firstChild.data = (picPos[nr] + 1);
}

function aktBigBild(nr) {
	if (window.document.getElementById("bigpicwin").style.visibility == "visible")
		loadBigBild(nr);
}

function loadBigBild(nr) {
	window.document.getElementById("bigpic").src = "images/clips/tv_schnee_big.gif";
 	window.setTimeout("loadBigBild2nd('" + nr + "')", 100);
}
 
function loadBigBild2nd(nr) {
	bigPicNr = nr;

	var e1 = window.document.getElementById("bigpic");
	var e2 = window.document.getElementById("bigpicwin");
	var e3 = window.document.getElementById("bigcontrol");

	e1.src = clipBigPicPath + clipPicName + nr + abc[picPos[nr]] + ".jpg";
	if (picCount[nr] == 1)
		e3.src = "images/clips/tv_control_grau.jpg";
	else
		e3.src = "images/clips/tv_control.jpg";
	e2.style.top = (((document.all)?document.documentElement.scrollTop:window.pageYOffset) + 20) + "px";
	e2.style.visibility = "visible";
}
			 
function hideWin() {
	window.document.getElementById("bigpicwin").style.visibility = "hidden";
}
			 
function toggleClipWin(name, clipid) {

	var element  = window.document.getElementById(name + '_' + clipid);
	if (element.style.display == "none") {
		element.style.display = "block";
	} else {
		element.style.display = "none";
	}
}

function clipDialoge(clipid, suchwoerter, ganze) {
	
	
	var db = document.getElementById("dialog_" + clipid + "_box");
	if (db.style.display == "none") {
		
		var dif = eval("window.dialog_" + clipid + "_frame"); 
		if (dif.location) {
			if (dif.location.href.indexOf("dialog") == -1) 
				dif.location.href = "dialog,"  + clipid + ".html?suchwoerter=" + suchwoerter + '&ganze=' + ganze;
		} else {
			if (dif.src.indexOf("dialog") == -1) 
				dif.src = "dialog,"  + clipid + ".html?suchwoerter=" + suchwoerter + '&ganze=' + ganze;
		}

		db.style.display = "block"; 
	} else
		db.style.display = "none";

}		

function showLoading(clipid, show) {

	var box = window.document.getElementById('clipload_' + clipid);
	if (show) box.style.visibility = 'visible'; else box.style.visibility = 'hidden';
	
}

function editClip(clipid) {
	
	showLoading(clipid, true);
	xajax_editClip(clipid, xajax.getFormValues(document.forms['clipform_' + clipid])); 
	return false;
}

function quizClip(clipid) {
	
	showLoading(clipid, true);
	xajax_quizClip(clipid, xajax.getFormValues(document.forms['clipform_' + clipid])); 
	return false;
}

function voteClip(clipid, v) {
	
	showLoading(clipid, true);
	xajax_voteClip(clipid, v);
}

function loadClipBody(was, clipid) {
	
	showLoading(clipid, true);
	xajax_loadClipBody(was, clipid);
}

function showClipMain(clipid, show) {

	var bMain = window.document.getElementById('clipmain_' + clipid);
	var bEdit = window.document.getElementById('clipedit_' + clipid);
	showLoading(clipid, false);
	if (show) {
		bEdit.style.display = 'none';
		bMain.style.display = 'block';
	} else {
		bMain.style.display = 'none';
		bEdit.style.display = 'block';
	}
}

function showReiter(clipid, nr, count) {

	for (var i = 0; i < count; i++) {
		var reiterm = document.getElementById('reiter_' + clipid + '_' + i + '_menu');
		var reiterb = document.getElementById('reiter_' + clipid + '_' + i + '_box');
		if (i == nr) {
			reiterm.style.backgroundColor = '#ffce00';
			reiterb.style.display = 'block';
		} else {
			reiterm.style.backgroundColor = 'white';
			reiterb.style.display = 'none';
		}
	}
}

function toggleVK(name) {
	
	var div = document.getElementById(name + '_box');
	var field = document.getElementById(name);

	if (field.value == 1) {
		field.value = 0;
		div.className = 'clipvkdemarkiert';
	} else {
		field.value = 1;
		div.className = 'clipvkmarkiert';
	}
}