// run the setSelectedIndex(selectedIndex) to set selected
var activeNumber = 1;

jQuery(document).ready(function(){
    var timer;
    jQuery(".movebox_content").hide();
    jQuery("#movebox_content_"+activeNumber).show();
	
	jQuery(".movebox_headline").mouseover(function()
	{
	
		if(timer) {
                        clearTimeout(timer);
                        timer = null
        }
		var showDiv = jQuery(this);
		timer = setTimeout(function() {
			showDiv.removeClass("movebox_headline").addClass("movebox_headline_active")
			.next(".movebox_content").slideDown(500)
			.siblings(".movebox_content").slideUp("slow");
			showDiv.siblings().removeClass("movebox_headline_active").addClass("movebox_headline");
		}, 500)
	});
	jQuery(".movebox_headline").mouseout(function(e){
    
         if(timer) {
                        clearTimeout(timer);
                        timer = null
                }
    });
	
});


function setSelectedIndex(selectedIndex) {
	activeNumber = selectedIndex;
}

/*

// run the setSelectedIndex(selectedIndex) to set selected
var activeNumber = 1; 

var heights = new Array();
var headlineHeights = new Array();

//run the setMoveBoxHeight() to set height
var moveBoxHeight = 0; 

var isOver = false;
var currentTimeOut = false;

function getElementOffsets(element) {
	var o = {
		height: element.offsetHeight,
		width: element.offsetWidth
	};
	
	var x = element.offsetLeft;
	var y = element.offsetTop;
	var p = element.offsetParent;
	
	while(p && (p.nodeType != 9)) {
		x += p.offsetLeft;
		y += p.offsetTop;
		p = p.offsetParent;
	}
	o.left = x;
	o.top = y;
	return o;
}

function createActionAnimation(step,maxsteps,animationElement,oldHeight,newHeight,completeFunction) {
	var currentHeight = oldHeight - (((oldHeight - newHeight) / maxsteps) * step);

	animationElement.style.height =  currentHeight + 'px';
	
	if (step < maxsteps) {
		window.setTimeout(function() { 
			createActionAnimation(step + 1,maxsteps,animationElement,oldHeight,newHeight,completeFunction); 
		},20);
	}
	else {
		completeFunction();
	}
}
function setSelectedIndex(selectedIndex) {
	activeNumber = selectedIndex;
}
function grabSize(number) {

	var content = document.getElementById('movebox_content_' + number);
	var offsets = getElementOffsets(content);
	heights[number] = offsets.height;
	
	grabHeadlineSize(number);
}
function grabHeadlineSize(number) {
	var content = document.getElementById('movebox_headline_' + number);
	var offsets = getElementOffsets(content);
	headlineHeights.push(offsets.height);
}
function setMoveBoxHeight() {
	for( c=0; c<headlineHeights.length; c++ ){
		moveBoxHeight += headlineHeights[c];
	}
	moveBoxHeight += ( 142 + 20 );
}

function hideBox(number) {
	var item = document.getElementById('movebox_item_' + number);
	var content = document.getElementById('movebox_content_' + number);

	content.style.height = '0px';
	content.style.overflow = 'hidden';
	content.style.display = 'none';
}	

function rightBoxOver(element,overNumber) {
	isOver = overNumber;
	currentTimeOut = window.setTimeout(function() {
		rightBoxOverFinal(element,overNumber);
	},250);
}
function rightBoxOut(number) {
	isOver = false;
	window.clearTimeout(currentTimeOut);
}
function rightBoxOverFinal(element,overNumber) {

	if (overNumber == activeNumber || overNumber != isOver) {
		return;
	}
	var allboxes = document.getElementById('movebox_items');
	allboxes.style.height = moveBoxHeight + 'px';
	var steps = 12;
	
	var oldActiveItem = document.getElementById('movebox_item_' + activeNumber);
	var newActiveItem = document.getElementById('movebox_item_' + overNumber);	
	
	var oldActiveHeadline = document.getElementById('movebox_headline_' + activeNumber);
	var newActiveHeadline = document.getElementById('movebox_headline_' + overNumber);
	
	var oldActiveContent = document.getElementById('movebox_content_' + activeNumber);
	var newActiveContent = document.getElementById('movebox_content_' + overNumber);
	
	var oldActiveContentOffsets = getElementOffsets(oldActiveContent);
	var newActiveContentOffsets = getElementOffsets(newActiveContent);
	
	// oldActiveItem.className = 'movebox_item';
	newActiveItem.className = 'movebox_item_selected';
	
	oldActiveContent.style.overflow = 'hidden';
	
	newActiveContent.style.height = '0px';
	newActiveContent.style.display = 'block';
	
	// from old height to 0 (return item content)
	createActionAnimation(0,steps,oldActiveContent,oldActiveContentOffsets.height,0,function() { 
		oldActiveContent.style.display = 'none'; 
		oldActiveItem.className = 'movebox_item';
	});
	
	// from 0 to 142 (expand item content)
	createActionAnimation(0,steps,newActiveContent,0,142,function() {
		newActiveContent.style.height = '142px';
		newActiveItem.className = 'movebox_item_selected';
	});
	
	activeNumber = overNumber;
}
*/