var flyingSpeed = 15;
var url_mvToevoegenToBasket = '/mijn_vacatures/mvToevoegen.php';
var url_mvVerwijderenFromBasket = '/mijn_vacatures/mvVerwijderen.php';


var mijn_vacature_bank_div = false;
var flyingDiv = false;
var currentVacatureDiv = false;

var mijn_vacature_bank_x = false;
var mijn_vacature_bank_y = false;

var slide_xFactor = false;
var slide_yFactor = false;

var diffX = false;
var diffY = false;

var currentXPos = false;
var currentYPos = false;

var ajaxObjects = new Array();


function mijnVacatureBank_getTopPos(inputObj)
{		
  var returnValue = inputObj.offsetTop;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
  }
  return returnValue;
}

function mijnVacatureBank_getLeftPos(inputObj)
{
  var returnValue = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
  }
  return returnValue;
}
	

function addToBasket(mijnVacatureId)
{
	if(!mijn_vacature_bank_div)mijn_vacature_bank_div = document.getElementById('mijn_vacature_bank');
	if(!flyingDiv){
		flyingDiv = document.createElement('DIV');
		flyingDiv.style.position = 'absolute';
		document.body.appendChild(flyingDiv);
	}
	
	mijn_vacature_bank_x = mijnVacatureBank_getLeftPos(mijn_vacature_bank_div);
	mijn_vacature_bank_y = mijnVacatureBank_getTopPos(mijn_vacature_bank_div);

	currentVacatureDiv = document.getElementById('slidingVacature' + mijnVacatureId);
	
	currentXPos = mijnVacatureBank_getLeftPos(currentVacatureDiv);
	currentYPos = mijnVacatureBank_getTopPos(currentVacatureDiv);
	
	diffX = mijn_vacature_bank_x - currentXPos;
	diffY = mijn_vacature_bank_y - currentYPos;
	

	
	var shoppingContentCopy = currentVacatureDiv.cloneNode(true);
	shoppingContentCopy.id='';
	flyingDiv.innerHTML = '';
	flyingDiv.style.left = currentXPos + 'px';
	flyingDiv.style.top = currentYPos + 'px';
	flyingDiv.appendChild(shoppingContentCopy);
	flyingDiv.style.display='block';
	flyingDiv.style.width = currentVacatureDiv.offsetWidth + 'px';
	flyToBasket(mijnVacatureId);
	
}


function flyToBasket(mijnVacatureId)
{
	var maxDiff = Math.max(Math.abs(diffX),Math.abs(diffY));
	var moveX = (diffX / maxDiff) * flyingSpeed;;
	var moveY = (diffY / maxDiff) * flyingSpeed;	
	
	currentXPos = currentXPos + moveX;
	currentYPos = currentYPos + moveY;
	
	flyingDiv.style.left = Math.round(currentXPos) + 'px';
	flyingDiv.style.top = Math.round(currentYPos) + 'px';	
	
	
	if(moveX>0 && currentXPos > mijn_vacature_bank_x){
		flyingDiv.style.display='none';		
	}
	if(moveX<0 && currentXPos < mijn_vacature_bank_x){
		flyingDiv.style.display='none';		
	}
		
	if(flyingDiv.style.display=='block')setTimeout('flyToBasket("' + mijnVacatureId + '")',10); else ajaxAddVacature(mijnVacatureId);	
}

function showAjaxBasketContent(ajaxIndex)
{
	// Getting a reference to the shopping cart items table
	var itemBox = document.getElementById('mijn_vacature_bank_items');
	
	var mijnVacatureItems = ajaxObjects[ajaxIndex].response.split('|||');	// Breaking response from Ajax into tokens
	
	if(!document.getElementById('mijn_vacature_bank_items_mijnVacature' + mijnVacatureItems[0])){	
	// al in de rij?
		var tr = itemBox.insertRow(-1);
		tr.id = 'mijn_vacature_bank_items_mijnVacature' + mijnVacatureItems[0]
		
		var td = tr.insertCell(-1);
		td.innerHTML = mijnVacatureItems[3] + ' <a href="/vacature/' + mijnVacatureItems[4] + '/' + mijnVacatureItems[2] + '-' + mijnVacatureItems[5] + '.html">' + mijnVacatureItems[1] + '</a>'
		
		var td = tr.insertCell(-1);
		var a = document.createElement('A');
		td.appendChild(a);
		a.href = "javascript:;";
		a.onclick = function(){ mvVerwijderenFromBasket(mijnVacatureItems[0]); };
		var img = document.createElement('IMG');
		img.src = '/mijn_vacatures/images/verwijder.gif';
		a.appendChild(img);
		//td.innerHTML = '<a href="#" onclick="mvVerwijderenFromBasket("' + mijnVacatureItems + '");return false;"><img src="images/remove.gif"></a>';	
	} 

		updateTotalPrice();
	ajaxObjects[ajaxIndex] = false;		
	
}

function updateTotalPrice()
{
	var itemBox = document.getElementById('mijn_vacature_bank_items');
	// Calculating total price and showing it below the table with basket items
	var totalPrice = 0;
	if(document.getElementById('mijn_vacature_bank_totaal')){
		document.getElementById('mijn_vacature_bank_totaal').innerHTML = '&#187; Mijn vacatures (' + itemBox.rows.length + ')';
		
	}	
	
}


function mvVerwijderenFromBasket(mijnVacatureId)
{
	var mijnVacatureRow = document.getElementById('mijn_vacature_bank_items_mijnVacature' + mijnVacatureId);
	
	var numberOfItemCell = mijnVacatureRow.cells[0];
		mijnVacatureRow.parentNode.removeChild(mijnVacatureRow);	
    
	updateTotalPrice();
	ajaxRemoveVacature(mijnVacatureId);	
}

function ajaxValidateRemovedVacature(ajaxIndex)
{
	if(ajaxObjects[ajaxIndex].response!='OK')alert('Error while removing mijnVacature from the database');
	
}

function ajaxRemoveVacature(mijnVacatureId)
{
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = url_mvVerwijderenFromBasket;	// Saving mijnVacature in this file
	ajaxObjects[ajaxIndex].setVar('mijnVacatureIdToRemove',mijnVacatureId);
	ajaxObjects[ajaxIndex].onCompletion = function(){ ajaxValidateRemovedVacature(ajaxIndex); };	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function		
}

function ajaxAddVacature(mijnVacatureId)
{
	var ajaxIndex = ajaxObjects.length;
	ajaxObjects[ajaxIndex] = new sack();
	ajaxObjects[ajaxIndex].requestFile = url_mvToevoegenToBasket;	// Saving mijnVacature in this file
	ajaxObjects[ajaxIndex].setVar('mijnVacatureId',mijnVacatureId);
	ajaxObjects[ajaxIndex].onCompletion = function(){ showAjaxBasketContent(ajaxIndex); };	// Specify function that will be executed after file has been found
	ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function		
}