var i = 0;
var initPage = function() {

	var itemCount = $('#slider-nav div.slider-wrapper ul li').length;
	var itemVisualCount = Math.floor( ($('#slider-nav div.slider-wrapper').width()+12) / 50 );
	$('#slider-nav a.btn-rt').click(
		function(){
			if(i<itemCount-itemVisualCount) i += 1;
			$('#slider-nav div.slider-wrapper ul').animate({marginLeft:-50*i+"px"},300);
			return false;
		}
	);
	$('#slider-nav a.btn-lt').click(
		function(){
			if(i>0)	i -= 1;
			$('#slider-nav div.slider-wrapper ul').animate({marginLeft:-50*i+"px"},300);
			return false;
		}
	);
	$('#slider-nav div.slider-wrapper').mousewheel(
		function(event, delta){
			if((i>0)&&(delta>0)) {i--}
			else {
				if((i<itemCount-itemVisualCount)&&(delta<0)) i++
				else return false;
			} 
			$('#slider-nav div.slider-wrapper ul').animate({marginLeft:-50*i+"px"},50);
			return false;
		}
	);
	var xhr = 0;
	$('#slider-nav div.slider-wrapper ul li a').click(
		function(){
			if($(this).parent().hasClass("active")) return false;
			$('#slider-nav div.slider-wrapper ul li a').parent(".active").removeClass("active");
			$(this).parent().addClass("active");
			var link = $(this).attr('rel');
			if (!link) return false;
			if (xhr) xhr.abort();
			$('#slider-cont div.text-area, #slider-cont div.preview').css('visibility','hidden');
			var newImg = $('<img id="ajax-loader" src="img/ajax-loader.gif" />');
			$('#slider-cont').append(newImg);
			$('#ajax-loader').css({
				'position':'absolute',
				'top':'200px',
				'left':'400px'
				});
				
				xhr = $.ajax({
			   url: link,
			   dataType: 'html',
			   success: function(ajaxData){
			      $('#slider-cont').html(ajaxData);
				  	$('#slider-cont div.text-area, #slider-cont div.preview').css('visibility','visible');
			     }
				});
			return false;
		}
	);
}
$(document).ready(function(){
	initPage();
});