var cvp2011pos;
var kandidatenPos;

var cvp2011anzahl;
var kandidatenAnzahl;

$(document).ready(function() {
	
	cvp2011pos = 0;
	kandidatenPos = 0;
	
	cvp2011anzahl = 0;
	kandidatenAnzahl = 0;
	
	
	
	$(".cvp2011_link").click(function (){
		$(".kandidatensocial").hide();
		$(".cvp2011social").show();
	});
	
	$(".kandidaten_link").click(function (){
		$(".social_box").show();
		$(".cvp2011social").hide();
	});
	
	$(".social_box ul li").each(function () {
		kandidatenAnzahl++;
	});
	$(".cvp2011social ul li").each(function () {
		cvp2011anzahl++;
	});
	
	if (cvp2011anzahl > 0){
		$(".social_box").hide();
	}
	
	
	$(".social_box .up").click(function () {
		$(".social_box ul").each(function () {
			kandidatenPos = moveUp($(this), kandidatenPos);
		});
	});
	
	$(".social_box .down").click(function () {
		$(".social_box ul").each(function () {
			kandidatenPos = moveDown($(this), kandidatenPos, kandidatenAnzahl);
		});
	});
	
	$(".cvp2011social .up").click(function () {
		$(".cvp2011social ul").each(function () {
			cvp2011pos = moveUp($(this), cvp2011pos);
		});
	});
	
	$(".cvp2011social .down").click(function () {
		$(".cvp2011social ul").each(function () {
			cvp2011pos = moveDown($(this), cvp2011pos, cvp2011anzahl);
		});
	});
	
});

function moveUp(element, pos){
	
	if (pos < 0){
		pos++;
	}
	/*
	if(pos == 0){
		$(".social_box .up").addClass('top');
	}else{
		$(".social_box .up").removeClass('top');
	}
	*/
	moveTo(element, pos);
	return pos;
}

function moveDown(element, pos, anzahl){
	
	
	if (pos > -anzahl+1){
		pos--;
	}
	moveTo(element, pos);
	return pos;
}



function moveTo(element, pos){
	element.stop().animate({
		top: (pos*138)+"px"
	}, 500);
}