var _pos =0;
function moveFrame(box,pos){
	_pos = pos;	
	$('iframe_container').hide();
	
	new Effect.Move(box, { x: pos, y: 0, mode: 'absolute' });
	
	if (pos == 0){
		$('step1').setStyle({
		  color: '#000000'
		});
	}	
	
	setTimeout("toggleBrowse()",1000);
	var prev ="";
	var next="";
	if (_pos == 0){
		next = '<a href="#" onclick="moveFrame(scrollingContainer,(_pos - 800)); initiateReview();return false;">next ></a>';
		
	}
	if(_pos == -800){
		prev = '<a href="#" onclick="moveFrame(scrollingContainer,0); initiateReview();return false;">< prev</a>';
		next = '<a href="#" onclick="moveFrame(scrollingContainer,(_pos - 800)); initiateReview();return false;">next ></a>';
	}
	if(_pos == -1600){
	
	
	
	next = '<input type="submit" value="Save" id="actionButton" onclick="xajax_saveContent(xajax.getFormValues(inputForm),';
	next = next + 'getSelectedZones(),new Array(xajax.$(\'contentHeading\').offsetLeft,';
	next = next +	'xajax.$(\'contentHeading\').offsetTop,'
	next = next +	'xajax.$(\'contentHeading\').innerHTML,'
	next = next +	'xajax.$(\'contentText\').offsetLeft,'
	next = next +	'xajax.$(\'contentText\').offsetTop,'
	next = next +	'xajax.$(\'contentText\').innerHTML,'
	next = next +	'xajax.$(\'contentImage\').offsetLeft,'
	next = next +	'xajax.$(\'contentImage\').offsetTop,'
	next = next +	'xajax.$(\'contentImageSource\').innerHTML,'
	next = next +	'xajax.$(\'contentThumbSource\').innerHTML),';
	next = next +   'xajax.getFormValues(categoryForm));">';
	prev = '<a href="#" onclick="moveFrame(scrollingContainer,(_pos + 800)); initiateReview();return false;">< prev</a>';
	}
	$('nextBox').update(next);
	$('prevBox').update(prev);
}
function errorHighlight(container,error)
{	

	$(container).setStyle({
		 backgroundColor: '#FFCCCC'
		
		  
		});
	//$(container).previous().insert({bottom: '<div>This is my inserted paragraph</div>'});
	//insert(container, "<b>testing</b>") 	 
	//new Effect.Shake(container);
	//new Effect.Highlight(container, { startcolor: '#ffff99',
	//endcolor: '#fffffff' });
	//$('errorBox').update(error);
	//$('errorBox').style.display='inline';
	setTimeout("toggleError("+ container + ")",3000);

}
function toggleError(container)
{
	
	$(container).setStyle({
		 backgroundColor: '#FFFFFF'
		  
		});
}

function manipulateArray(mArray, toManipulate,zID)
{
	
	var addI = true;
	
	for(var x=0;x<=mArray.length-1;x++){
	
		if(mArray[x][1] == zID){
			
			mArray.splice(x,1);
			mArray.sort();
			addI = false;
		}
	}
	if (addI == true){
		mArray.push([toManipulate,zID]);
		mArray.sort();
	}
	
	return mArray;
}
function initiateReview()
{
	var form = $('categoryForm');
	var start = form['f_startfrom'];
	//var start = Form.Element.getValue(start);
	
	populateReview('<b>Start:</b> ' + categoryForm.f_startfrom.value + ' <br><b>Duration:</b> ' + categoryForm.f_forhowlong.value ,'selectedDatesContainer');
	$('errorBox').style.display='none';
}
function populateReview(mArray,container)
{
	if (Object.isArray(mArray)){
		var body = "";
		for(var x=0;x<=mArray.length-1;x++){
			body = body + mArray[x][0] + '<br>';
		}
	
		$(container).update(body);
	}
	if (Object.isString(mArray)){
		$(container).update(mArray);
	}
}


function toggleBrowse()
{
	
	if(_pos ==-800)
		$('iframe_container').show();

}