// Js Functions
$(document).ready(function() {	
	//Execute the slideShow
			
			
	slide();
	/*$(".input strong").live("click", function() {
		var value = $(this).attr("id");
		$("#result").attr("value", value);	
	});*/
	
});
function slide(){
	var currentPosition = 0;
	var slideWidth = 460*2;
	var slides = $('.slides');
	var numberOfSlides = slides.length;
	slides.wrapAll('<div id="slideInner"></div>');
	$('#slideInner').css({ 'width' : (slideWidth * numberOfSlides), 'height' : "580px" });
	$('.slides').css({ 'width' : slideWidth, "float" : "left" });	
	

manageControls(currentPosition, numberOfSlides);

	$('#arrows a').live('click', function() {
		currentPosition = ($(this).attr('id') == 'right') ? currentPosition + 1 : currentPosition - 1;
		manageControls(currentPosition, numberOfSlides);
		$('#slideInner').animate({
			'marginLeft': (slideWidth) * (-currentPosition)
		});
	});
}
function manageControls(position, numberOfSlides)
{
	if (position == 0) {
		$('#left').hide()
	} else {
		$('#left').show()
	}
	if (position == numberOfSlides - 1) {
		$('#right').hide()
	} else {
		$('#right').show()
	}
}