firstClick = true;

function LoadCycle(){
	$.localScroll({lazy: true});
	$('#sc-items').cycle({ 
		fx: 'scrollRight', 
		speed: 900, 
		timeout: 0, 
		easeIn:  'swing', 
		easeOut: 'swing',
			    prevNextClick: function(isNext) {
				    this.fx=isNext?   'scrollLeft' : 'scrollRight'; 
			    },
			    after: function() { this.fx='scrollRight'; },
		next: '#sc-right', 
		prev: '#sc-left',
		pager: '#work-nav',
		pagerAnchorBuilder: function(idx, slide) { 
			return '<a href="#">&nbsp;</a>'; 
		}  
	});
}

function LoadImages(){
	leftToLoad = $("#sc-items > div > img").length;
	
	$("#sc-items > div > img").each(function(){
		$(this).load(function(){
			leftToLoad -= 1;
			
			if(leftToLoad <= 0)
			{
				// Justinas: apkeiciau eiliskuma, kad daugiau vienu metu atsirastu ir tekstas ir paveiksliukas
				// Taipogi uzdejau fadeIn, tam, kad nekistu matmenys konteinerio
				$("#sc-items").css('background-image', 'none');
				$("#sc-items > div > .project_info").fadeIn(0);
				$("#sc-items > div").fadeIn(0); //nereikia foreach rasyt, galima funkcija visam poaibiui rasyt, tuo JQ ir valdo :-)
				
			}
		});
	});
}

function LoadTitle(id)
{
	$("#sc-items").html('');
	$("#sc-items").css('background-image', 'url(/Templates/Designbox2/Images/loading.png)');
	$("#sc-items").css('background-repeat', 'no-repeat');
	
	$.getJSON('?View=Page/AJAX&BaseTemplate=JSON',
			{ModelId: id},
			function(data) {
				$("#sc-items").html('');
				
				for(photo in data.photos)
				{
					// Justinas: seip tai gali tiesiog outputint html'a, o ne json o paskiau konstruot. Server side vistiek tai daro greiciau 					
					project_info = '<div class="item" style="display: none">';
					
					if(data.photos[photo].isTitle)
					{
						
						if(data.photos[photo].linkTitle != '')
							project_info += '<a href="' + data.photos[photo].link + '" class="title-button" target="_blank"><span><span>' + data.photos[photo].linkTitle + '</span></span></a>';
							
						if(data.photos[photo].isWhite)
							divclass = ' white';
						else
							divclass = '';
						
						project_info += '<div class="project_info' + divclass + '" style="display: none"><h1>'+ data.photos[photo].name +'</h2>'+ data.photos[photo].description;
						project_info += '</div>';
					}
					
					project_info += '<img src="' + data.photos[photo].src + '" alt="Next work" /></div>';
					
					$("#sc-items").append(project_info);
				}
				
				
				LoadImages();
				firstClick = false;
				
				$("#work-nav").html('');
				LoadCycle();
			});
	
}

$(document).ready(function(){
	$(".works .w").click(function(){
		var id = $(this).attr('id').substring(11);
		
		LoadTitle(id);
		
		if(!firstClick)
			WeblancetScrollTo('#sc-items', 400);
		
		$(".works .w .holder").each(function(){
			$(this).css('background-image', 'none');
		});
		
		$(this).find('.holder').css('background-image', 'url("/Templates/Designbox2/Images/selected.png")');
		
		
		return false;
	});
	
	$(".works .w").first().click();
});