$(document).ready(function() {
      $(window).load(function(){
      //if($("#picturelist").length && $("#dilworth").width() == 875)  { /* why did i check this, results to errors in Safari ???
		$('#picturelist').load('php/portfolio.php', null, function(){
			setImgAsBg();
            	myFadeIn($('.start #picturelist li:first'));
            	$('#picturelist li > a').bind('click',displayPortfolioImage);
            	if($('#picturelist li.view').length){
            		$('#picturelist li > a').unbind('click',displayPortfolioImage);
            		$('#picturelist li.view > a').bind('click',displayCategoryImage);
            	}
            	$("#picturelist li p.more a").unbind('click',displayPortfolioImage);
            	$("#picturelist li p.more a").bind('click',displayCategoryFromPortfolio);            	
            	$('#picturelist li ul li > a').unbind('click',displayPortfolioImage);
            	$('#picturelist li ul li > a').bind('click',displayMainCategory);
            	if(navigator.appVersion.indexOf("MSIE 6.") != -1) {
                        $("#dilworth.start #picturelist li:first").css("margin","0 36px 0 218px");
                  }
      	});
      //}
      });
});

function myFadeIn(object){
      object.fadeIn(400, function () {
            if(object.next().length) {
                  myFadeIn(object.next());
            }
      });
}

function displayCategoryFromPortfolio() {
	var patter = /(cat)(.+)/;
	var result = patter.exec($(this).attr("id"));
	
	if(result != null){
		var id = result[2];
	}
	
	patter = /(main)(.+)/;
	result = patter.exec($(this).attr("rel"));
	
	if(result != null){
		var mainid = result[2];
	}
	
	$('#picturelist').load('php/category.php?id='+id, null, function(){
			setImgAsBg();
			$("#dilworth").attr("class","category");
			myFadeIn($('.category #picturelist li:first'));
			$('#picturelist li > a').bind('click',displayImage);
			$('#picturelist li ul li > a').bind('click',displayMainCategory);
			if(navigator.appVersion.indexOf("MSIE 6.") != -1) {
				$("#dilworth #picturelist > li:first").css("margin","0 36px 0 327px");
                  }
	});
	
	$.getJSON("php/categorydata.php?id="+mainid, function(data){
		var title = data.title;
		title = title.replace(/\s/,"");
		title = title.toLowerCase();
		$("#dilworth > h2").text(data.subtitle);
		$("#dilworth > h2").attr("id",title);
		$("#dilworth > h2").attr("rel","cat"+mainid);
		$("#dilworth > h2").bind('click',displayMainCategory);
	});
	
	$.getJSON("php/categorydata.php?id="+id, function(data){
		$("#dilworth > h2").after("<h3>"+ data.title +"</h3>");
	});
	return false;
}

function displayCategory() {
	var patter = /(cat)(.+)/;
	var result = patter.exec($(this).attr("rel"));
	
	if(result != null){
		var id = result[2];
	}
	
	patter = /(#main)(.+)/;
	result = patter.exec($(this).attr("href"));
	
	if(result != null){
		var mainid = result[2];
	}
	
	$('#picturelist').load('php/category.php?id='+id, null, function(){
			setImgAsBg();
			$("#dilworth").attr("class","category");
			myFadeIn($('.category #picturelist li:first'));
			$('#picturelist li > a').bind('click',displayImage);
			$('#picturelist li ul li > a').bind('click',displayMainCategory);
            	if(navigator.appVersion.indexOf("MSIE 6.") != -1) {
				$("#dilworth #picturelist > li:first").css("margin","0 36px 0 327px");
                  }
	});
	
	
	$.getJSON("php/categorydata.php?id="+mainid, function(data){
		var title = data.title;
		title = title.replace(/\s/,"");
		title = title.toLowerCase();
		$("#dilworth > h2").attr("id",title);
            $("#dilworth > h2").attr("rel","cat"+mainid);
		$("#dilworth > h2").bind('click',displayMainCategory);
		$("#dilworth > h2").text(data.subtitle);
	});
	
	$.getJSON("php/categorydata.php?id="+id, function(data){
            if(!$("#dilworth > h2 + h3").length) {
		    $("#dilworth > h2").after("<h3>"+ data.title +"</h3>");
		    $("#dilworth").removeClass("main");
		}
	});
	return false;
}


function displayMainCategory() {
	var patter = /(cat)(.+)/;
	var result = patter.exec($(this).attr("id"));
	
	if(result != null){
		var id = result[2];
	}
	else {
            result = patter.exec($(this).attr("rel"));
            if(result != null){
                  var id = result[2];
            }
      }
	
	$('#picturelist').load('php/maincategory.php?id='+id, null, function(){
			setImgAsBg();
			$("#dilworth").attr("class","category main");
			myFadeIn($('.category #picturelist li:first'));
            	$('#picturelist li > a').bind('click',displayPortfolioImage);
            	if($('#picturelist li.view').length){
            		$('#picturelist li > a').unbind('click',displayPortfolioImage);
            		$('#picturelist li.view > a').bind('click',displayCategoryImage);
            	}
            	if($('#picturelist li.folder').length){
            		$('#picturelist li > a').unbind('click',displayPortfolioImage);
            		$('#picturelist li > a').unbind('click',displayCategoryImage);
            		$('#picturelist li.folder > a').bind('click',displayCategory);
            	}
            	$('#picturelist li ul li > a').bind('click',displayMainCategory);
            	if(navigator.appVersion.indexOf("MSIE 6.") != -1) {
				$("#dilworth #picturelist > li:first").css("margin","0 36px 0 327px");
                  }
	});
	
	$.getJSON("php/categorydata.php?id="+id, function(data){
		$("#dilworth > h2").attr("id",data.title.replace(/\s/,"").toLowerCase());
		$("#dilworth > h2").text(data.subtitle);
            $("#dilworth > h2 + h3").remove();
	});
	
	return false;
}

function setImgAsBg(){
	if($("#picturelist").length){
		$("#picturelist").find("li").each(function(){
			if($(this).parent().attr('id') == 'picturelist') $(this).hide();
			if($(this).find("img:first").length){
				var image = $(this).find("img:first");
				$(this).find("a:first").attr("style","background-image:url(" + $(this).find("img:first").attr("src")+");");
				$(this).find("img:first").remove();
			}
		});
	}
}

function displayPortfolioImage(){
	var patter = /(img)(.+)/;
	var result = patter.exec($(this).attr("id"));
	
	if(result != null){
		var id = result[2];
	}

	if(!$('#dilworth #imagedetail').length){
			$('#dilworth').append("<div id=\"imagedetail\" style=\"display:none;\"></div>");
	}
	$('#dilworth #imagedetail').load('php/portfolioimage.php?id='+id, null, function(){
			$("#dilworth").attr("class","detail");
			$("#dilworth.detail #imagedetail a#prev").bind("click",prevNextPortfolio);
			$("#dilworth.detail #imagedetail a#next").bind("click",prevNextPortfolio);
			$('#dilworth #imagedetail').fadeIn(500);
	});
	return false;
}

function displayCategoryImage(){
	var patter = /(img)(.+)/;
	var result = patter.exec($(this).attr("id"));
	
	if(result != null){
		var id = result[2];
	}
	
	patter = /(main)(.+)/;
	result = patter.exec($(this).attr("href"));
	
	if(result != null){
		var mainid = result[2];
	}

	if(!$('#dilworth #imagedetail').length){
			$('#dilworth').append("<div id=\"imagedetail\" style=\"display:none;\"></div>");
	}
	$('#dilworth #imagedetail').load('php/categoryimage.php?id='+id+"&main="+mainid, null, function(){
			$("#dilworth").attr("class","detail");
			$("#dilworth.detail #imagedetail a#prev").bind("click",prevNextMainImage);
			$("#dilworth.detail #imagedetail a#next").bind("click",prevNextMainImage);
			$('#dilworth #imagedetail').fadeIn(500);
	});
	return false;
}

function displayImage(){
	var patter = /(img)(.+)/;
	var result = patter.exec($(this).attr("id"));
	
	if(result != null){
		var id = result[2];
	}

	patter = /(cat)(.+)/;
	result = patter.exec($(this).attr("rel"));
	
	if(result != null){
		var cat = result[2];
	}

	if(!$('#dilworth #imagedetail').length){
			$('#dilworth').append("<div id=\"imagedetail\" style=\"display:none;\"></div>");
	}
	$('#dilworth #imagedetail').load('php/image.php?id='+id+"&cat="+cat, null, function(){
			$("#dilworth").attr("class","detail");
			$("#dilworth.detail #imagedetail a#prev").bind("click",prevNextLayer);
			$("#dilworth.detail #imagedetail a#next").bind("click",prevNextLayer);
			$('#dilworth #imagedetail').fadeIn(500)
      });
	return false;
}

function prevNextLayer()	{
	var patter = /(img)(.+)/;
	var result = patter.exec($(this).attr("href"));
	
	if(result != null){
		var id = result[2];
	}

	patter = /(cat)(.+)/;
	result = patter.exec($(this).attr("rel"));
	
	if(result != null){
		var cat = result[2];
	}	
	
	if(!$('#dilworth #imagedetail').length){
			$('#dilworth').append("<div id=\"imagedetail\" style=\"display:none;\"></div>");
	}
	$('#dilworth #imagedetail').load('php/image.php?id='+id+"&cat="+cat, null, function(){
			$("#dilworth").attr("class","detail");
			$("#dilworth.detail #imagedetail a#prev").bind("click",prevNextLayer);
			$("#dilworth.detail #imagedetail a#next").bind("click",prevNextLayer);
			$('#dilworth #imagedetail').fadeIn(500);
	});
	return false
}

function prevNextPortfolio()	{
	var patter = /(img)(.+)/;
	var result = patter.exec($(this).attr("href"));
	
	if(result != null){
		var id = result[2];
	}

	patter = /(cat)(.+)/;
	result = patter.exec($(this).attr("rel"));
	
	if(result != null){
		var cat = result[2];
	}	
	
	if(!$('#dilworth #imagedetail').length){
			$('#dilworth').append("<div id=\"imagedetail\" style=\"display:none;\"></div>");
	}
	$('#dilworth #imagedetail').load('php/portfolioimage.php?id='+id+"&cat="+cat, null, function(){
			$("#dilworth").attr("class","detail");
			$("#dilworth.detail #imagedetail a#prev").bind("click",prevNextPortfolio);
			$("#dilworth.detail #imagedetail a#next").bind("click",prevNextPortfolio);
			$('#dilworth #imagedetail').fadeIn(500);
	});
	return false
}

function prevNextMainImage()	{
	var patter = /(img)(.+)/;
	var result = patter.exec($(this).attr("href"));
	
	if(result != null){
		var id = result[2];
	}

	patter = /(main)(.+)/;
	result = patter.exec($(this).attr("rel"));
	
	if(result != null){
		var main = result[2];
	}	
	
	if(!$('#dilworth #imagedetail').length){
			$('#dilworth').append("<div id=\"imagedetail\" style=\"display:none;\"></div>");
	}
	$('#dilworth #imagedetail').load('php/categoryimage.php?id='+id+"&main="+main, null, function(){
			$("#dilworth").attr("class","detail");
			$("#dilworth.detail #imagedetail a#prev").bind("click",prevNextMainImage);
			$("#dilworth.detail #imagedetail a#next").bind("click",prevNextMainImage);
			$('#dilworth #imagedetail').fadeIn(500);
	});
	return false
}

function showLoading()  {
      $('#loading').css('display','block');
      $('#dilworth').css('overflow','hidden');
}

function hideLoading()  {
      $('#loading').css('display','none');
      $('#dilworth').css('overflow','auto');
}