// function to reduce patchy loading

function patience(func) {

	$('#collections').css({'opacity':0});
$('#header').append('<img class="load" src="' + $baseUrl + 'utility/ajax-loader.gif"/>');
func;
setTimeout(function(){
	$('.load').hide();
$('#collections').animate({'opacity':1});

	
}, 600);	

};

function thumbTrim(link, dimension){

var blocks = link.split('.');

if (blocks.length == 4){
	
	var newLink = blocks[0] + '.' +  blocks[1] + '.' + blocks[2] + dimension + '.' + blocks[3];
}

if (blocks.length == 3){
	
	var newLink = blocks[0] + '.' + blocks[1] + dimension + '.' + blocks[2];
}

if (blocks.length == 2){
	
		var newLink = blocks[0] + dimension + '.' + blocks[1];
}	

return newLink;
	
};

//this creates the first collection pages

function createCollection(child){
	
	
				var collectionName = 'name=' + child,
					caller = '#menu a[title="' + child + '"]';
				
					$.ajax({
							 url: '../model/carpet.php?action=collection',
							  dataType: 'json',
							  data: collectionName,
							  success: function(data){
					
					
							$.each(data.post,function(){				

						//	var content = "<div id='inspiration-text' class='text-on'><p>" + this.post_content + "</p></div><div id='inspiration' class='mouse' ></div><div id='lookbook' class='mouse'><a href='' name = '" + this.post_name + "' title= '" + this.ID + "'></a></div><div id='motion' class='mouse' ><a id='"+ this.name + "' class='video' href='" + data.video + "'></a></div><div id='d-1' class='patchwork'></div><div id='d-2' class='patchwork'></div><div id='d-3' class='patchwork'></div><div id='d-4' class='patchwork'></div><div id='d-5' class='patchwork'></div></div>";
						
											
										
											if (data.video && this.post_content) {
												
													var content = "<div id='inspiration-text' class='text-on'><p>" + this.post_content + "</p></div><div id='inspiration' class='mouse' ></div><div id='lookbook' class='mouse'><a href='' name = '" + this.post_name + "' rel='" + data.orientation + "' title= '" + this.ID + "'></a></div>	<div id='d-1' class='patchwork'></div><div id='d-2' class='patchwork'></div><div id='motion' class='mouse' ><a id='videos-"+ this.ID + "' class='video' href='" + data.video + "'></a></div><div id='d-3' class='patchwork'></div><div id='d-4' class='patchwork'></div><div id='d-5' class='patchwork'></div></div>";
										
											} else if (!data.video && this.post_content )	{
													
													var content = "<div id='inspiration-text' class='text-on'><p>" + this.post_content + "</p></div><div id='inspiration' class='mouse' ></div><div id='lookbook' class='mouse'><a href='' name = '" + this.post_name + "' rel='" +  data.orientation + "' title= '" + this.ID + "'></a></div>	<div id='d-1' class='patchwork'></div><div id='d-2' class='patchwork'></div><div id='d-3' class='patchwork'></div><div id='d-4' class='patchwork'></div><div id='d-5' class='patchwork'></div></div>";
												
											}
											
											else if (data.video && !this.post_content) {

													var content = "<div id='lookbook' class='mouse'><a href='' name = '" + this.post_name + "' rel='" + data.orientation + "' title= '" + this.ID + "'></a></div>	<div id='d-1' class='patchwork'></div><div id='d-2' class='patchwork'></div><div id='motion' class='mouse' ><a id='videos-"+ this.ID + "' class='video' href='" + data.video + "'></a></div><div id='d-3' class='patchwork'></div><div id='d-4' class='patchwork'></div><div id='d-5' class='patchwork'></div></div>";

											} else if (!data.video && !data.post_content)	{

													var content = "<div id='lookbook' class='mouse'><a href='' name = '" + this.post_name + "' rel='" +  data.orientation + "' title= '" + this.ID + "'></a></div>	<div id='d-1' class='patchwork'></div><div id='d-2' class='patchwork'></div><div id='d-3' class='patchwork'></div><div id='d-4' class='patchwork'></div><div id='d-5' class='patchwork'></div></div>";

											}
						
								
									$('#collections').html(content);
									
									});
						
									$.each (data.hero, function(){
							
							
												var img = "url(" + this.guid + ")";

												$('#collections .patchwork').css({'background-image': img});  // set background sprite from database	
							
									});
						
							}
			
		
					});
		
		// collection page interactivity -->
			
				$('#inspiration').livequery("click",function(){
					
				$(this).addClass('text-on');
				
				$('#inspiration-text').fadeIn();	

				});
				
				$('.text-on').livequery("click", function(){
					
					$('#inspiration').removeClass('text-on');
				
					$('#inspiration-text').fadeOut();
					
				});
			

	};
	
//load all the looks with pagination

function littleThumbs(data, name, type){
	
		if (data.orientation == 'landscape') {
			
			var dim = '-240x120';
			
		} else	{ var dim = '-120x170'; }
			
		
		if (data.looks.length <= 24){
				var num = 24;					
		}  else { var num = 48 };
		
		
		for (i=0; i < num; i++){
			
		if (i < data.looks.length){
			
			var thumb = thumbTrim(data.looks[i].guid, dim),
				link =  data.looks[i].guid;
			
	
		$('#collections').append("<li><a href='" + link + "' class='" + data.orientation + " small-images' rel='" + name + "'><img src='" + thumb + "'/></a></li>");
		
		}  else 	$('#collections').append("<li></li>");
		
	
		}
	

		$('#collections').find('li').wrapAll('<ul id="' + data.orientation + '" class="looks images">');
		
			$('a.small-images').livequery('click', function(event){
				
				$('a.landscape[rel="' + name + '"]').colorbox({width: '900', innerHeight: '625'});
				$('a.portrait[rel="' + name + '"]').colorbox({innerHeight: '625'});
			
			
			});
		
};
		

	
function createCollectionLooks(name, ID, type){

		$('#collections').children().remove();
		
			$.getJSON('../model/carpet.php?action=looks',{'ID' : ID, 'name': name}, function(data){
					
			
				littleThumbs(data,name, type);
		
			});
		
};
	
function pressLooks(){

		$('#collections').children().remove();
		
			$.getJSON('../model/carpet.php?action=press', function(data){

				var dim = '-120x170';
			
				$.each(data.press, function(){
					
					
						var thumb = thumbTrim(this.guid, dim),
							link =  this.guid;


					$('#collections').append("<li><a href='" + link + "' class='portrait small-images' rel='press'><img src='" + thumb + "'/></a></li>");

										
					});
					
					$('#collections').find('li').wrapAll('<ul class="looks images">');
					
					$('a.portrait[rel="press"]').colorbox({innerHeight: '625'});
					
				
			});
		
};


function eyewearLooks () {
	
	$('#collections').children().remove();
	
		$.getJSON('../model/carpet.php?action=looks', function(data){
		
			littleThumbs(data, 'eyewear');
			
		});
		
}

	
function about(){
		
		
		$('#collections').children().remove();

		$.getJSON('../model/carpet.php?action=about', function(data){
		
			var img = 'url(' + data.post[0].photo + ')';
		
				$('#collections').html("<div id='about'><div id='d-1'  class='patchwork'></div><div id='d-2'  class='patchwork'></div><div id='d-3'  class='patchwork'><div id='about-text'><p>" + data.post[0].post_content + "</p></div></div><div id='d-4'  class='patchwork'></div><div id='d-5'  class='patchwork'></div></div>");

					$('#collections #about .patchwork').css({'background-image': img});
			
				$('#about-text').fadeIn();

		});

		
};