var gallery = [];
var ITEMS_PER_PAGE=12;
var contentdata;

var clickNew = false;
var clickAll = true;
var clickCI = false;
var clickG = false;
var clickW = false;
var clickM = false;
var clickV = false;
var clickD = false;

var menuTrans = { en: {'CI': 'CORPORATE IDENTITY',
						'G': 'GRAPHIC AND ADVERTISING',
						'W': 'WEBSITE',
						'M': 'MULTIMEDIA',
						'V': 'VIDEO AND PHOTOGRAPHY',
						'ThreeD': '3D · Virtual Animation'},
					es: {'CI': 'IDENTIDAD CORPORATIVA',
						'G': 'GRÁFICO Y PUBLICIDAD',
						'W': 'WEB',
						'M': 'MULTIMEDIA',
						'V': 'VIDEO Y FOTOGRAFÍA',
						'ThreeD': '3D · ANIMACIÓN VIRTUAL'}
				};

var menuLabels;
var labelCI;
var labelG;

if(window.location.pathname.indexOf('/index-en.php') > -1) {
	menuLabels = menuTrans.en;
	labelCI = "CI";
	labelG = "G/A";
	labelV = "V/P";
}
else {
	menuLabels = menuTrans.es; //ES is the default language
	labelCI ="ID";
	labelG = "G/P";
	labelV = "V/F";
}

Shadowbox.loadSkin('classic', 'js/skin');
Shadowbox.loadLanguage('en', 'js/lang');
Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], 'js/player');

window.onload = function(){
	Shadowbox.init({skipSetup: true});
};

function showProgress() {
	$('#projects').hide();
	$('#loading').show();
}

function hideProgress() {
	$('#loading').hide();
	$('#projects').show();
}

$(document).ready(function(){
	$("div#wrapper").pngFix( );
	loadNew(); //change the 'settings' index to set the default category
   
	$("div#t1").hide();
	$("div#t3").hide();
	$("div#t4").hide();
	$("div#t5").hide();
	$("div#t6").hide();
	$("div#t7").hide();
	$("div#t8").hide();
   
	var settings = { start:0, change:false }; //change the index to set the default category
	$("#categories ul").idTabs(settings,true);
});

function addSlides(gid, imgs, opts) {
	gallery[gid] = [];
	$.each(imgs, function(i, path){
		var slide;
		if(path.indexOf('.swf') > -1) {
			var attrs = path.split(',');
			slide = {player: 'swf', content: attrs[0], width: attrs[1], height: attrs[2], title: opts.inner_url};
		}
		else {
			slide = {player: 'img', content: path, title: opts.inner_url };
		}
		gallery[gid][i] = slide;
	});
}

function showSlidshow(gid) {
	Shadowbox.open(gallery[gid], {continuous: true});
}

$("a.new").click( function() {
			clickNew = true;
			clickAll = false;
			clickCI = false;
			clickG = false;
			clickW = false;
			clickM = false;
			clickV = false;
			clickD = false;
			if(clickNew == true) {
				$('#categories ul li a.ci').html(labelCI);
				$('#categories ul li a.ci').animate({"width":"39px"}, 500);
				$('#categories ul li a.g').html(labelG);
				$('#categories ul li a.g').animate({"width":"39px"}, 500);
				$('#categories ul li a.w').html("W");
				$('#categories ul li a.w').animate({"width":"39px"}, 500);
				$('#categories ul li a.m').html("M");
				$('#categories ul li a.m').animate({"width":"39px"}, 500);
				$('#categories ul li a.v').html(labelV);
				$('#categories ul li a.v').animate({"width":"39px"}, 500);
				$('#categories ul li a.d').html("3D");
				$('#categories ul li a.d').animate({"width":"39px"}, 500);
				loadNew();
				return false;
			}
		});
		
		$("a.all").click( function() {
			clickNew = false;
			clickAll = true;
			clickCI = false;
			clickG = false;
			clickW = false;
			clickM = false;
			clickV = false;
			clickD = false;
			if(clickAll == true) {
				$('#categories ul li a.ci').html(labelCI);
				$('#categories ul li a.ci').animate({"width":"39px"}, 500);
				$('#categories ul li a.g').html(labelG);
				$('#categories ul li a.g').animate({"width":"39px"}, 500);
				$('#categories ul li a.w').html("W");
				$('#categories ul li a.w').animate({"width":"39px"}, 500);
				$('#categories ul li a.m').html("M");
				$('#categories ul li a.m').animate({"width":"39px"}, 500);
				$('#categories ul li a.v').html(labelV);
				$('#categories ul li a.v').animate({"width":"39px"}, 500);
				$('#categories ul li a.d').html("3D");
				$('#categories ul li a.d').animate({"width":"39px"}, 500);
				loadAll();
				return false;
			}
		});
  

		$("a.ci").click( function() {
			clickNew = false;
			clickAll = false;
			clickCI = true;
			clickG = false;
			clickW = false;
			clickM = false;
			clickV = false;
			clickD = false;
			if(clickCI == true) {
				$('#categories ul li a.ci').html(menuLabels.CI);
				$('#categories ul li a.ci').animate({"width":"180px"}, 500);
				$('#categories ul li a.g').html(labelG);
				$('#categories ul li a.g').animate({"width":"39px"}, 500);
				$('#categories ul li a.w').html("W");
				$('#categories ul li a.w').animate({"width":"39px"}, 500);
				$('#categories ul li a.m').html("M");
				$('#categories ul li a.m').animate({"width":"39px"}, 500);
				$('#categories ul li a.v').html(labelV);
				$('#categories ul li a.v').animate({"width":"39px"}, 500);
				$('#categories ul li a.d').html("3D");
				$('#categories ul li a.d').animate({"width":"39px"}, 500);
				loadCI();
				return false;
			}
			else {
				$('#categories ul li a.ci').html(labelCI);
				$('#categories ul li a.ci').animate({"width":"39px"}, 500);
			}
		});
		$('a.ci').hoverIntent(function(){
				if(clickCI == false) {
					$('#categories ul li a.ci').html(menuLabels.CI);
					$('#categories ul li a.ci').animate({"width":"180px"}, 500);
				}
			}, function(){
				if(clickCI == false) {
				$('#categories ul li a.ci').html(labelCI);
				$('#categories ul li a.ci').animate({"width":"39px"}, 500);
				}
		});
		
		$("a.g").click( function() {
			clickNew = false;
			clickAll = false;
			clickCI = false;
			clickG = true;
			clickW = false;
			clickM = false;
			clickV = false;
			clickD = false;
			if(clickG == true) {
				$('#categories ul li a.ci').html(labelCI);
				$('#categories ul li a.ci').animate({"width":"39px"}, 500);
				$('#categories ul li a.g').html(menuLabels.G);
				$('#categories ul li a.g').animate({"width":"170px"}, 500);
				$('#categories ul li a.w').html("W");
				$('#categories ul li a.w').animate({"width":"39px"}, 500);
				$('#categories ul li a.m').html("M");
				$('#categories ul li a.m').animate({"width":"39px"}, 500);
				$('#categories ul li a.v').html(labelV);
				$('#categories ul li a.v').animate({"width":"39px"}, 500);
				$('#categories ul li a.d').html("3D");
				$('#categories ul li a.d').animate({"width":"39px"}, 500);
				loadG();
				return false;
			}
			else {
				$('#categories ul li a.g').html(labelG);
				$('#categories ul li a.g').animate({"width":"39px"}, 500);
			}
		});
		$('a.g').hoverIntent(function(){
				if(clickG == false) {
					$('#categories ul li a.g').html(menuLabels.G);
					$('#categories ul li a.g').animate({"width":"170px"}, 500);
				}
			}, function(){
				if(clickG == false) {
					$('#categories ul li a.g').html(labelG);
					$('#categories ul li a.g').animate({"width":"39px"}, 500);
				}
		});
		
		$("a.w").click( function() {
			clickNew = false;
			clickAll = false;
			clickCI = false;
			clickG = false;
			clickW = true;
			clickM = false;
			clickV = false;
			clickD = false;
			if(clickW == true) {
				$('#categories ul li a.ci').html(labelCI);
				$('#categories ul li a.ci').animate({"width":"39px"}, 500);
				$('#categories ul li a.g').html(labelG);
				$('#categories ul li a.g').animate({"width":"39px"}, 500);
				$('#categories ul li a.w').html(menuLabels.W);
				$('#categories ul li a.w').animate({"width":"75px"}, 500);
				$('#categories ul li a.m').html("M");
				$('#categories ul li a.m').animate({"width":"39px"}, 500);
				$('#categories ul li a.v').html(labelV);
				$('#categories ul li a.v').animate({"width":"39px"}, 500);
				$('#categories ul li a.d').html("3D");
				$('#categories ul li a.d').animate({"width":"39px"}, 500);
				loadW();
				return false;
			}
			else {
				$('#categories ul li a.w').html("W");
				$('#categories ul li a.w').animate({"width":"39px"}, 500);
			}
		});
		$('a.w').hoverIntent(function(){
				if(clickW == false) {
					$('#categories ul li a.w').html(menuLabels.W);
					$('#categories ul li a.w').animate({"width":"75px"}, 500);
				}
			}, function(){
				if(clickW == false) {
					$('#categories ul li a.w').html("W");
					$('#categories ul li a.w').animate({"width":"39px"}, 500);
				}
		});
		
		$("a.m").click( function() {
			clickNew = false;
			clickAll = false;
			clickCI = false;
			clickG = false;
			clickW = false;
			clickM = true;
			clickV = false;
			clickD = false;
			if(clickM == true) {
				$('#categories ul li a.ci').html(labelCI);
				$('#categories ul li a.ci').animate({"width":"39px"}, 500);
				$('#categories ul li a.g').html(labelG);
				$('#categories ul li a.g').animate({"width":"39px"}, 500);
				$('#categories ul li a.w').html("W");
				$('#categories ul li a.w').animate({"width":"39px"}, 500);
				$('#categories ul li a.m').html(menuLabels.M);
				$('#categories ul li a.m').animate({"width":"95px"}, 500);
				$('#categories ul li a.v').html(labelV);
				$('#categories ul li a.v').animate({"width":"39px"}, 500);
				$('#categories ul li a.d').html("3D");
				$('#categories ul li a.d').animate({"width":"39px"}, 500);
				loadM();
				return false;
			}
			else {
				$('#categories ul li a.m').html("M");
				$('#categories ul li a.m').animate({"width":"39px"}, 500);
			}
		});
		$('a.m').hoverIntent(function(){
				if(clickM == false) {
					$('#categories ul li a.m').html(menuLabels.M);
					$('#categories ul li a.m').animate({"width":"95px"}, 500);
				}
			}, function(){
				if(clickM == false) {
					$('#categories ul li a.m').html("M");
					$('#categories ul li a.m').animate({"width":"39px"}, 500);
				}
		});
		
		$("a.v").click( function() {
			clickNew = false;
			clickAll = false;
			clickCI = false;
			clickG = false;
			clickW = false;
			clickM = false;
			clickV = true;
			clickD = false;
			if(clickV == true) {
				$('#categories ul li a.ci').html(labelCI);
				$('#categories ul li a.ci').animate({"width":"39px"}, 500);
				$('#categories ul li a.g').html(labelG);
				$('#categories ul li a.g').animate({"width":"39px"}, 500);
				$('#categories ul li a.w').html("W");
				$('#categories ul li a.w').animate({"width":"39px"}, 500);
				$('#categories ul li a.m').html("M");
				$('#categories ul li a.m').animate({"width":"39px"}, 500);
				$('#categories ul li a.v').html(menuLabels.V);
				$('#categories ul li a.v').animate({"width":"165px"}, 500);
				$('#categories ul li a.d').html("3D");
				$('#categories ul li a.d').animate({"width":"39px"}, 500);
				loadV();
				return false;
			}
			else {
				$('#categories ul li a.v').html(labelV);
				$('#categories ul li a.v').animate({"width":"39px"}, 500);
			}
		});
		$('a.v').hoverIntent(function(){
				if(clickV == false) {
					$('#categories ul li a.v').html(menuLabels.V);
					$('#categories ul li a.v').animate({"width":"165px"}, 500);
				}
			}, function(){
				if(clickV == false) {
					$('#categories ul li a.v').html(labelV);
					$('#categories ul li a.v').animate({"width":"39px"}, 500);
				}
		});
		
		$("a.d").click( function() {
			clickNew = false;
			clickAll = false;
			clickCI = false;
			clickG = false;
			clickW = false;
			clickM = false;
			clickV = false;
			clickD = true;
			if(clickD == true) {
				$('#categories ul li a.ci').html(labelCI);
				$('#categories ul li a.ci').animate({"width":"39px"}, 500);
				$('#categories ul li a.g').html(labelG);
				$('#categories ul li a.g').animate({"width":"39px"}, 500);
				$('#categories ul li a.w').html("W");
				$('#categories ul li a.w').animate({"width":"39px"}, 500);
				$('#categories ul li a.m').html("M");
				$('#categories ul li a.m').animate({"width":"39px"}, 500);
				$('#categories ul li a.v').html(labelV);
				$('#categories ul li a.v').animate({"width":"39px"}, 500);
				$('#categories ul li a.d').html(menuLabels.ThreeD);
				$('#categories ul li a.d').animate({"width":"170px"}, 500);
				loadD();
				return false;
			}
			else {
				$('#categories ul li a.d').html("3D");
				$('#categories ul li a.d').animate({"width":"39px"}, 500);
			}
		});
		$('a.d').hoverIntent(function(){
				if(clickD == false) {
					$('#categories ul li a.d').html(menuLabels.ThreeD);
					$('#categories ul li a.d').animate({"width":"170px"}, 500);
				}
			}, function(){
				if(clickD == false) {
					$('#categories ul li a.d').html("3D");
					$('#categories ul li a.d').animate({"width":"39px"}, 500);
				}
		});


function showNewPage(pageno) {
	var start = (pageno* ITEMS_PER_PAGE);
	var end = start + ITEMS_PER_PAGE;
	var boxes = $.grep(contentdata, function(n,i) {
		return (i>=start && i<end);
		});
	$('#t1').empty();
	$.each(boxes, function(i,user){
		var url = (user.url.length == 0)? "javascript:showSlidshow(" + i + ");" : user.url + "\" target=\"_blank";
		var tblRow =
			"<div class=\"box\">"
					+"<div class=\"box_inner\">"
					+"<img src="+user.thumb+" alt="+user.title+" width=\"259\" height=\"184\" />"
					+"<div class=\"container\">"
					+"<div class=\"details\">"
					+"<h4>"+user.title+"</h4>"
					+"<div class="+user.ci+"></div>"
					+"<div class="+user.g+"></div>"
					+"<div class="+user.w+"></div>"
					+"<div class="+user.m+"></div>"
					+"<div class="+user.v+"></div>"
					+"<div class="+user.d+"></div>"
					+"<p>"+user.type+"</p>"
					+"</div>"
					+"<div class=\"link\">"
					+"<p><a rel=\"shadowbox[Mixed]\" href=\"" + url + "\" class=\"viewGallery\">View</a></p>"
					+"</div>"
					+"</div>"
					+"</div>";
		$(tblRow).appendTo("#t1");
		addSlides(i, user.images, {inner_url: user.inner_url});
	});
	$("#t1").fadeIn("slow");
	$("#t2").hide();
	$("#t3").hide();
	$("#t4").hide();
	$("#t5").hide();
	$("#t6").hide();
	$("#t7").hide();
	$("#t8").hide();
			$("#slider1").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier1").show();
			$("#slider2").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier2").show();
}

function loadNew() {
	$("#t1").html("");
	showProgress();
	$.getJSON(
		"jsondata.php",
		function(data){
			contentdata = $.grep(data.userdata, function(user,i) {
				return (user.new1 == "new");
			});				
				$(".pagination").pagination(contentdata.length, {
					items_per_page:ITEMS_PER_PAGE, 
					callback: showNewPage
				});
				showNewPage(0);
				hideProgress();
		}
	);
}

function showAllPage(pageno) {
	var start = (pageno* ITEMS_PER_PAGE);
	var end = start + ITEMS_PER_PAGE;
	var boxes = $.grep(contentdata, function(n,i) {
		return (i>=start && i<end);
		});
	$('#t2').empty();
	$.each(boxes, function(i,user){
		var url = (user.url.length == 0)? "javascript:showSlidshow(" + i + ");" : user.url + "\" target=\"_blank";
		var tblRow =
			"<div class=\"box\">"
			+"<div class=\"box_inner\">"
			+"<img src="+user.thumb+" alt="+user.title+" width=\"259\" height=\"184\" />"
			+"<div class=\"container\">"
			+"<div class=\"details\">"
			+"<h4>"+user.title+"</h4>"
			+"<div class="+user.ci+"></div>"
			+"<div class="+user.g+"></div>"
			+"<div class="+user.w+"></div>"
			+"<div class="+user.m+"></div>"
			+"<div class="+user.v+"></div>"
			+"<div class="+user.d+"></div>"
			+"<p>"+user.type+"</p>"
			+"</div>"
			+"<div class=\"link\">"
			+"<p><a rel=\"shadowbox[Mixed]\" href=\"" + url + "\" class=\"viewGallery\">View</a></p>"
			+"</div>"
			+"</div>"
			+"</div>";
		$(tblRow).appendTo("#t2");
		addSlides(i, user.images, {inner_url: user.inner_url});
	});
	$("#t1").hide();
	$("#t2").fadeIn("slow");
	$("#t3").hide();
	$("#t4").hide();
	$("#t5").hide();
	$("#t6").hide();
	$("#t7").hide();
	$("#t8").hide();
	$("#slider1").animate({ 
		marginTop: "-500px"
		}, 500 );
	$("#openCloseIdentifier1").show();
	$("#slider2").animate({ 
		marginTop: "-500px"
		}, 500 );
	$("#openCloseIdentifier2").show();
}

function loadAll() {
	$("#t2").html("");
	showProgress();
	$.getJSON(
		"jsondata.php",
		function(data){
			contentdata = data.userdata;
			$(".pagination").pagination(contentdata.length, {
				items_per_page:ITEMS_PER_PAGE, 
				callback: showAllPage
			});
			showAllPage(0);
			hideProgress();
		}
	);
}

function showCIPage(pageno) {
	var start = (pageno* ITEMS_PER_PAGE);
	var end = start + ITEMS_PER_PAGE;
	var boxes = $.grep(contentdata, function(n,i) {
		return (i>=start && i<end);
		});
	$('#t3').empty();
			$.each(boxes, function(i,user){
				var url = (user.url.length == 0)? "javascript:showSlidshow(" + i + ");" : user.url + "\" target=\"_blank";
				var tblRow =
					"<div class=\"box\">"
					+"<div class=\"box_inner\">"
					+"<img src="+user.thumb+" alt="+user.title+" width=\"259\" height=\"184\" />"
					+"<div class=\"container\">"
					+"<div class=\"details\">"
					+"<h4>"+user.title+"</h4>"
					+"<div class="+user.ci+"></div>"
					+"<div class="+user.g+"></div>"
					+"<div class="+user.w+"></div>"
					+"<div class="+user.m+"></div>"
					+"<div class="+user.v+"></div>"
					+"<div class="+user.d+"></div>"
					+"<p>"+user.type+"</p>"
					+"</div>"
					+"<div class=\"link\">"
					+"<p><a rel=\"shadowbox[Mixed]\" href=\"" + url + "\" class=\"viewGallery\">View</a></p>"
					+"</div>"
					+"</div>"
					+"</div>"
				$(tblRow).appendTo("#t3");
				addSlides(i, user.images, {inner_url: user.inner_url});
			});
			$("#t1").hide();
			$("#t2").hide();
			$("#t3").fadeIn("slow");
			$("#t4").hide();
			$("#t5").hide();
			$("#t6").hide();
			$("#t7").hide();
			$("#t8").hide();
			$("#slider1").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier1").show();
			$("#slider2").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier2").show();
		}

function loadCI() {
	$("#t3").html("");
	showProgress();
	$.getJSON(
		"jsondata.php",
		function(data){
			contentdata = $.grep(data.userdata, function(user,i) {
				return (user.ci == "ci");
			});				
				$(".pagination").pagination(contentdata.length, {
					items_per_page:ITEMS_PER_PAGE, 
					callback: showNewPage
				});
				showNewPage(0);
				hideProgress();
		}
	);
}

function showGPage(pageno) {
	var start = (pageno* ITEMS_PER_PAGE);
	var end = start + ITEMS_PER_PAGE;
	var boxes = $.grep(contentdata, function(n,i) {
		return (i>=start && i<end);
		});
	$('#t4').empty();
	$.each(boxes, function(i,user){
				var url = (user.url.length == 0)? "javascript:showSlidshow(" + i + ");" : user.url + "\" target=\"_blank";
				var tblRow =
					"<div class=\"box\">"
					+"<div class=\"box_inner\">"
					+"<img src="+user.thumb+" alt="+user.title+" width=\"259\" height=\"184\" />"
					+"<div class=\"container\">"
					+"<div class=\"details\">"
					+"<h4>"+user.title+"</h4>"
					+"<div class="+user.ci+"></div>"
					+"<div class="+user.g+"></div>"
					+"<div class="+user.w+"></div>"
					+"<div class="+user.m+"></div>"
					+"<div class="+user.v+"></div>"
					+"<div class="+user.d+"></div>"
					+"<p>"+user.type+"</p>"
					+"</div>"
					+"<div class=\"link\">"
					+"<p><a rel=\"shadowbox[Mixed]\" href=\"" + url + "\" class=\"viewGallery\">View</a></p>"
					+"</div>"
					+"</div>"
					+"</div>"
				$(tblRow).appendTo("#t4");
				addSlides(i, user.images, {inner_url: user.inner_url});
			});
			$("#t1").hide();
			$("#t2").hide();
			$("#t3").hide();
			$("#t4").fadeIn("slow");
			$("#t5").hide();
			$("#t6").hide();
			$("#t7").hide();
			$("#t8").hide();
			$("#slider1").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier1").show();
			$("#slider2").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier2").show();
		}
		
function loadG() {
	$("#t4").html("");
	showProgress();
	$.getJSON(
		"jsondata.php",
		function(data){
			contentdata = $.grep(data.userdata, function(user,i) {
				return (user.g == "g");
			});				
				$(".pagination").pagination(contentdata.length, {
					items_per_page:ITEMS_PER_PAGE, 
					callback: showNewPage
				});
				showNewPage(0);
				hideProgress();
		}
	);
}

function showWPage(pageno) {
	var start = (pageno* ITEMS_PER_PAGE);
	var end = start + ITEMS_PER_PAGE;
	var boxes = $.grep(contentdata, function(n,i) {
		return (i>=start && i<end);
		});
	$('#t5').empty();
	$.each(boxes, function(i,user){
				var url = (user.url.length == 0)? "javascript:showSlidshow(" + i + ");" : user.url + "\" target=\"_blank";
				var tblRow =
					"<div class=\"box\">"
					+"<div class=\"box_inner\">"
					+"<img src="+user.thumb+" alt="+user.title+" width=\"259\" height=\"184\" />"
					+"<div class=\"container\">"
					+"<div class=\"details\">"
					+"<h4>"+user.title+"</h4>"
					+"<div class="+user.ci+"></div>"
					+"<div class="+user.g+"></div>"
					+"<div class="+user.w+"></div>"
					+"<div class="+user.m+"></div>"
					+"<div class="+user.v+"></div>"
					+"<div class="+user.d+"></div>"
					+"<p>"+user.type+"</p>"
					+"</div>"
					+"<div class=\"link\">"
					+"<p><a rel=\"shadowbox[Mixed]\" href=\"" + url + "\" class=\"viewGallery\">View</a></p>"
					+"</div>"
					+"</div>"
					+"</div>"
				$(tblRow).appendTo("#t5");
				addSlides(i, user.images, {inner_url: user.inner_url});
			});
			$("#t1").hide();
			$("#t2").hide();
			$("#t3").hide();
			$("#t4").hide();
			$("#t5").fadeIn("slow");
			$("#t6").hide();
			$("#t7").hide();
			$("#t8").hide();
			$("#slider1").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier1").show();
			$("#slider2").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier2").show();
		}

function loadW() {
	$("#t5").html("");
	showProgress();
	$.getJSON(
		"jsondata.php",
		function(data){
			contentdata = $.grep(data.userdata, function(user,i) {
				return (user.w == "w");
			});				
				$(".pagination").pagination(contentdata.length, {
					items_per_page:ITEMS_PER_PAGE, 
					callback: showNewPage
				});
				showNewPage(0);
				hideProgress();
		}
	);
}

function showMPage(pageno) {
	var start = (pageno* ITEMS_PER_PAGE);
	var end = start + ITEMS_PER_PAGE;
	var boxes = $.grep(contentdata, function(n,i) {
		return (i>=start && i<end);
		});
	$('#t6').empty();
	$.each(boxes, function(i,user){
				var url = (user.url.length == 0)? "javascript:showSlidshow(" + i + ");" : user.url + "\" target=\"_blank";
				var tblRow =
					"<div class=\"box\">"
					+"<div class=\"box_inner\">"
					+"<img src="+user.thumb+" alt="+user.title+" width=\"259\" height=\"184\" />"
					+"<div class=\"container\">"
					+"<div class=\"details\">"
					+"<h4>"+user.title+"</h4>"
					+"<div class="+user.ci+"></div>"
					+"<div class="+user.g+"></div>"
					+"<div class="+user.w+"></div>"
					+"<div class="+user.m+"></div>"
					+"<div class="+user.v+"></div>"
					+"<div class="+user.d+"></div>"
					+"<p>"+user.type+"</p>"
					+"</div>"
					+"<div class=\"link\">"
					+"<p><a rel=\"shadowbox[Mixed]\" href=\"" + url + "\" class=\"viewGallery\">View</a></p>"
					+"</div>"
					+"</div>"
					+"</div>"
				$(tblRow).appendTo("#t6");
				addSlides(i, user.images, {inner_url: user.inner_url});
			});
			$("#t1").hide();
			$("#t2").hide();
			$("#t3").hide();
			$("#t4").hide();
			$("#t5").hide();
			$("#t6").fadeIn("slow");
			$("#t7").hide();
			$("#t8").hide();
			$("#slider1").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier1").show();
			$("#slider2").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier2").show();
		}
		
function loadM() {
	$("#t6").html("");
	showProgress();
	$.getJSON(
		"jsondata.php",
		function(data){
			contentdata = $.grep(data.userdata, function(user,i) {
				return (user.m == "m");
			});				
				$(".pagination").pagination(contentdata.length, {
					items_per_page:ITEMS_PER_PAGE, 
					callback: showNewPage
				});
				showNewPage(0);
				hideProgress();
		}
	);
}

function showVPage(pageno) {
	var start = (pageno* ITEMS_PER_PAGE);
	var end = start + ITEMS_PER_PAGE;
	var boxes = $.grep(contentdata, function(n,i) {
		return (i>=start && i<end);
		});
	$('#t7').empty();
	$.each(boxes, function(i,user){
				var url = (user.url.length == 0)? "javascript:showSlidshow(" + i + ");" : user.url + "\" target=\"_blank";
				var tblRow =
					"<div class=\"box\">"
					+"<div class=\"box_inner\">"
					+"<img src="+user.thumb+" alt="+user.title+" width=\"259\" height=\"184\" />"
					+"<div class=\"container\">"
					+"<div class=\"details\">"
					+"<h4>"+user.title+"</h4>"
					+"<div class="+user.ci+"></div>"
					+"<div class="+user.g+"></div>"
					+"<div class="+user.w+"></div>"
					+"<div class="+user.m+"></div>"
					+"<div class="+user.v+"></div>"
					+"<div class="+user.d+"></div>"
					+"<p>"+user.type+"</p>"
					+"</div>"
					+"<div class=\"link\">"
					+"<p><a rel=\"shadowbox[Mixed]\" href=\"" + url + "\" class=\"viewGallery\">View</a></p>"
					+"</div>"
					+"</div>"
					+"</div>"
				$(tblRow).appendTo("#t7");
				addSlides(i, user.images, {inner_url: user.inner_url});
			});
			$("#t1").hide();
			$("#t2").hide();
			$("#t3").hide();
			$("#t4").hide();
			$("#t5").hide();
			$("#t6").hide();
			$("#t7").fadeIn("slow");
			$("#t8").hide();
			$("#slider1").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier1").show();
			$("#slider2").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier2").show();
		}
		
function loadV() {
	$("#t7").html("");
	showProgress();
	$.getJSON(
		"jsondata.php",
		function(data){
			contentdata = $.grep(data.userdata, function(user,i) {
				return (user.v == "v");
			});				
				$(".pagination").pagination(contentdata.length, {
					items_per_page:ITEMS_PER_PAGE, 
					callback: showNewPage
				});
				showNewPage(0);
				hideProgress();
		}
	);
}

function showDPage(pageno) {
	var start = (pageno* ITEMS_PER_PAGE);
	var end = start + ITEMS_PER_PAGE;
	var boxes = $.grep(contentdata, function(n,i) {
		return (i>=start && i<end);
		});
	$('#t8').empty();
	$.each(boxes, function(i,user){
				var url = (user.url.length == 0)? "javascript:showSlidshow(" + i + ");" : user.url + "\" target=\"_blank";
				var tblRow =
					"<div class=\"box\">"
					+"<div class=\"box_inner\">"
					+"<img src="+user.thumb+" alt="+user.title+" width=\"259\" height=\"184\" />"
					+"<div class=\"container\">"
					+"<div class=\"details\">"
					+"<h4>"+user.title+"</h4>"
					+"<div class="+user.ci+"></div>"
					+"<div class="+user.g+"></div>"
					+"<div class="+user.w+"></div>"
					+"<div class="+user.m+"></div>"
					+"<div class="+user.v+"></div>"
					+"<div class="+user.d+"></div>"
					+"<p>"+user.type+"</p>"
					+"</div>"
					+"<div class=\"link\">"
					+"<p><a rel=\"shadowbox[Mixed]\" href=\"" + url + "\" class=\"viewGallery\">View</a></p>"
					+"</div>"
					+"</div>"
					+"</div>"
				$(tblRow).appendTo("#t8");
				addSlides(i, user.images, {inner_url: user.inner_url});
			});
			$("#t1").hide();
			$("#t2").hide();
			$("#t3").hide();
			$("#t4").hide();
			$("#t5").hide();
			$("#t6").hide();
			$("#t7").hide();
			$("#t8").fadeIn("slow");
			$("#slider1").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier1").show();
			$("#slider2").animate({ 
				marginTop: "-500px"
				}, 500 );
			$("#openCloseIdentifier2").show();
		}
		
function loadD() {
	$("#t8").html("");
	showProgress();
	$.getJSON(
		"jsondata.php",
		function(data){
			contentdata = $.grep(data.userdata, function(user,i) {
				return (user.d == "d");
			});				
				$(".pagination").pagination(contentdata.length, {
					items_per_page:ITEMS_PER_PAGE, 
					callback: showNewPage
				});
				showNewPage(0);
				hideProgress();
			
		}
	);
}