var initVar = false;
var direction = -1;
var quoteIntervall = null;

var $ = jQuery.noConflict();

$(document).ready(init);
$(window).load(init);

function init()
{
	if(true == initVar)
		return;

	initVar = true;
	initArticleSlider();
	//quoteIntervall = window.setInterval(imageSlider,5000);
}

function initArticleSlider()
{
	var $ = jQuery.noConflict();
	disableNext();
	disablePrev();

	var max = $("#imageContainer").children().length;
	var left = parseInt($("#imageContainer").css("left"));
	$("#imageContainer").css("width",195*max+"px");
	updateCurrentImage(0);
}

function enableNext()
{
	var $ = jQuery.noConflict();
	$("#nextImage").unbind("click")
	$("#nextImage").click(nextImage);
	$("#nextImage").removeClass("disabled");
}

function disableNext()
{
	var $ = jQuery.noConflict();
	$("#nextImage").unbind("click");
	$("#nextImage").addClass("disabled");
}


function enablePrev()
{
	var $ = jQuery.noConflict();
	$("#prevImage").unbind("click");
	$("#prevImage").click(prevImage);
	$("#prevImage").removeClass("disabled");
}

function disablePrev()
{
	var $ = jQuery.noConflict();
	$("#prevImage").unbind("click");
	$("#prevImage").addClass("disabled");
}
function nextImage()
{
	slideImage(+1);
}

function prevImage()
{
	slideImage(-1);
}

function slideImage(delta)
{
	var $ = jQuery.noConflict();
	var left = parseInt($("#imageContainer").css("left"));
	$("#imageContainer").animate({
		left:(left-(195*delta))
		},1000);
	updateCurrentImage(delta)
}

function imageSlider()
{
	var $ = jQuery.noConflict();
	var current = parseInt($("#currentImage").html());
	var images = $("#imageContainer").children().length;
	images -= 4;
	if(images < 0)
		return;

	if((current+1) > images)
	{
		direction *= -1;
	}
	if(current <= 1)
	{
		direction *= -1;
	}
	slideImage(direction);

}

function updateCurrentImage(delta)
{
	var $ = jQuery.noConflict();
	var images = $("#imageContainer").children().length;
	images -= 4;
	if(images < 0)
		images = 1;

	var current = parseInt($("#currentImage").html());

	current += delta;
	if(current == 1)
	{
		disablePrev();
		enableNext();
	}

	if(current > 1 && current < images)
	{
		enablePrev();
		enableNext();
	}
	if(current == images)
	{
		disableNext()
		enablePrev();
	}

	if((current == 1 && current == images ) || images == 0)
	{
		disablePrev();
		disableNext();
	}

	$("#currentImage").html(current);
}