$(document).ready(function(){

	for(var i=0; i<(App.num_pages-1); i++) {
		$(".selector img").eq(0).clone().appendTo(".selector");
	}

	$(".selector img").live("click", function(){
		$(".detail").hide();
		$(".groups").show();

		var ii = $(this).index(".selector img");
		$(".group").hide().eq(ii).fadeIn();

		$(".selector img").attr("src", App.spot_off_src);
		$(this).attr("src", App.spot_on_src);

		//console.log("G:"+ii);
	});

	$(".selector img").eq(0).click();

	$(".proyect .thumb").click(function(){
		var ii = $(this).index(".proyect .thumb");
		$(".detail").fadeIn();
		$(".groups").hide();
		//console.log("P:"+ii);


		var proyect = $(this).parents(".proyect").eq(0);
		App.pdata = proyect.data('props');

		$(".detail .info p.prop span").eq(0).text( proyect.find("p span").eq(0).text() );
		$(".detail .info p.prop span").eq(1).text( proyect.find("p span").eq(1).text() );
		$(".detail .info p.prop span").eq(2).text( proyect.find("p span").eq(2).text() );

		$(".detail .info p.desc").html( proyect.find("p.desc").html() );

		$(".slide .cont .item").remove();

		for(var i=0; i<App.pdata.length; i++)
		{
			if( App.pdata[i].type == 'video' )
			{
				$(".slide .cont").append(
					$('<div>').addClass("item "+App.pdata[i].type).html(
						'<img class="vimeo" id="vimeo-'+App.pdata[i].data+'" data-vimeo="'+App.pdata[i].data+'" />'
					)
				)
			}
			else
			{
				$(".slide .cont").append(
					$('<div>').addClass("item "+App.pdata[i].type).append(
						$('<img>').attr('src', App.pdata[i].src )
					)
				)
			}
		}

		$("img.vimeo").each(function(){
			vimeoLoadingThumb( $(this).data('vimeo') );
		});


		$(".slide .item").eq(0).click();

		Slide.slide(0);

	});

	$(".detail .cerrar").click(function(){
		$("#big").html("")
		$(".detail").hide();
		$(".groups").fadeIn();
	});


	$(".slide .item").live("click",function(){
		var ii = $(this).index(".slide .item");
		//console.log("I:"+ii);

		var me = App.pdata[ii]

		if(me.type == "video")
		{
			//$("#big").html('<iframe width="570" height="415" src="http://www.youtube.com/embed/'+me.data+'?rel=0&amp;hd=1&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>');
			$("#big").html('<iframe src="http://player.vimeo.com/video/'+me.data+'?title=0&amp;byline=0&amp;portrait=0" width="570" height="415" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>');
		}
		else if(me.type == "photo"){
			$("#big").html('<img src="'+me.data+'" />')
		}

		$(".counter .num").text((ii+1));
		$(".counter .total").text(App.pdata.length);

	});



	$(".prev").click(function(){
		Slide.slide(-1)
	});

	$(".next").click(function(){
		Slide.slide(+1);
	});

	Slide.init();

});


function vimeoLoadingThumb(id){
    var url = "http://vimeo.com/api/v2/video/" + id + ".json?callback=showThumb";
    var id_img = "#vimeo-" + id;
    $(id_img).before('<script type="text/javascript" src="'+ url +'"></script>');
}


function showThumb(data){
    var id_img = "#vimeo-" + data[0].id;
    $(id_img).attr('src',data[0].thumbnail_small);
}


var Slide = {

	offset: 128,
	visibleItems: 4,
	duration: 250,
	prevSelector: '.prev',
	nextSelector: '.next',
	contSelector: '.slide .cont',
	itemsSelector: '.slide .cont .item',
	/**/
	step: 0,
	maxStep: 0,

	init: function(s){
	},

	slide: function(inc){

		$(Slide.contSelector).hide();

		if( $(Slide.itemsSelector).size() > 1 )
			$(Slide.contSelector).show();


		Slide.maxStep = $(Slide.itemsSelector).size() - Slide.visibleItems;

		var nextStep = Slide.step += inc;

		if(nextStep < 0) nextStep = 0;
		if(nextStep > Slide.maxStep) nextStep = Slide.maxStep;

		$(Slide.prevSelector).show();
		$(Slide.nextSelector).show();

		if(nextStep <= 0)
			$(Slide.prevSelector).hide()

		if(nextStep >= Slide.maxStep)
			$(Slide.nextSelector).hide();
			
		var offset = -Slide.offset*(nextStep);
		
		if(Slide.maxStep < 0)
			offset = (offset) + Slide.maxStep * Slide.offset/2;

		$(Slide.contSelector).animate({left: offset+"px"},{duration: Slide.duration, easing: 'easeOutCubic'});

		Slide.step = nextStep;
	}

};