var content = false,
	menu = false,
	showing = false,
	pmenuTxt = "",
	vmenuTxt = "",
	amenuTxt = "",
	wmenuTxt = "";

$(document).ready(function(){
	
	if($(window).width()<=1024)
		
		$("#wrap").css({"padding":0,"margin":0});
	
	content = $("#content");
	menu = $("#menu");

	//$("#wrap").css("margin-top",($(document).height()-530)/2+"px");
	
	//$("#title").html("<span>"+$("#title").html().replace(" ","</span> "));
	
	listAlbums();
	
});

function loadPage(a){loadData(a,function(b){

	if(b.album)
		
		listPhotos(b.album);
	
});}
	
function loadData(a,c,b,d){
	
	if(d==undefined)
		
		d="GET";
	
	startLoadTime=new Date().getTime();
	
	thisUrl="ajax.php?action="+a+"&time="+startLoadTime;

	$.ajax({type:d,url:thisUrl,data:b,dataType:"text",success:function(e){

		e=jQuery.parseJSON(e);

		if(e.redirect!=undefined){
			
			window.location="#"+e.redirect;
			
		}
		
		c(e);
		
	}});

}

var childHtml = new Array(),
	childList = new Array();

function listAlbums(){
	
	loadData("album/getList",function(e){
		
		var html = "",
			listed = new Array(),
			albums = e.albums;
	
		for(var album in albums){
			
			album = albums[album];

			if(album["c_id"]!=null){

				if(album["id"]==1){
					
					pmenuTxt += "<a href='#!album/get/"+album["c_id"]+"' id='m_"+album["c_id"]+"'>"+album["c_name"]+"</a>";
				
				}else if(album["id"]==3){

					vmenuTxt += "<a href='#!album/get/"+album["c_id"]+"' id='m_"+album["c_id"]+"'>"+album["c_name"]+"</a>";

				}else if(album["id"]==4)
					
					amenuTxt += "<a href='#!album/get/"+album["c_id"]+"' id='m_"+album["c_id"]+"'>"+album["c_name"]+"</a>";
				
				else
					
					wmenuTxt += "<a href='#!album/get/"+album["c_id"]+"' id='m_"+album["c_id"]+"'>"+album["c_name"]+"</a>";
					
					

			}
				
		}
		
		var a = window.location.hash.replace("#!","");

		if(a==""||a=="/")
			
			loadPage("album/get");
		
		else
			
			loadPage(a);
		
		$.address.change(function(a){
			
			if(a.value==""||a.value=="/")
				
				loadPage("album/get");
			
			else
				
				loadPage(a.value);
			
		});

	});
	
}

var goScroll = false,
pToLoad = "",
pList = new Array(),
scrollMax = 0,
scrollNow = 0,
pIdNext = false,
pIdPrevious = false;

function listPhotos(data){
	
	var photos = data.photos,
		aId = data.aId,
		html = "",
		prefix="",
		photo;
	
	$("#title").css("-webkit-transform","scale(20)");
	$("#photoNav").hide();
	$("#videoNav").hide();
	
	scrollMax = 0;
	scrollNow = 0;
	
	pToLoad = "";
	pList = new Array();
	pIdNext = 1;
	pIdPrevious = false;

	for(photo in photos){
		
		if(photos[photo]["name"]){
			
			pToLoad += "|"+photo;
			pList[photo-0] = photos[photo];
			
			html += "<td><a href='javascript:void(0)' onclick='showV("+photo+",this)' class='vList'><img src='"+photos[photo]["thumb"]+"' onload='pLoaded("+photo+")' alt='"+photos[photo]["name"]+"'/></a></td>";
			
		}else{
			
			pToLoad += "|"+photo;
			pList[photo-0] = photos[photo]["path"];
			
			html += "<td><a href='javascript:void(0)' onclick='show(\"uploaded/"+photos[photo]["pId"]+"/"+photos[photo]["path"]+"\",this)' class='list'><img src='uploaded/"+photos[photo]["pId"]+"/s"+photos[photo]["path"]+"' onload='pLoaded("+photo+")' alt='"+photos[photo]["path"]+"'/></a></td>";
			
		}
		
	}

	if(html==""){
		
		if(data.pId==4){
			
			$("#title").html("APPS - <span>"+data.name+"</span>");
			html = "<div id='subMenu'>"+amenuTxt+"</div>"+html;
			
		}else if(data.pId==5){
			
			$("#title").html("WEB SOLUTION - <span>"+data.name+"</span>");
			html = "<div id='subMenu'>"+wmenuTxt+"</div>"+html;
			
		}else if(data.pId==3){
			
			$("#title").html("VIDEO - <span>"+data.name+"</span>");
			html = "<div id='subMenu'>"+vmenuTxt+"</div>"+html;
			
		}else
			
			$("#title").html(data.name);
			
			
		
		if(data.aBody){
			
			html += data.aBody;
			
		}else{
			
			html += "<p>Coming soon!</p>";
			
		}
		
		
	
	}else{
		
		if(data.pId==3||data.name=="RETOUCH"){
		
			
			$("#videoNav").show();

			if(data.pId==3){

				prefix = "<div id='subMenu'>"+vmenuTxt+"</div>";
				$("#title").html("VIDEO - <span>"+data.name+"</span>");

			}else

				$("#title").html("RETOUCH");
			
		
		}else{
			
			$("#title").html("PHOTOGRAPHY - <span>"+data.name+"</span>");
			$("#photoNav").show();
			
		}
		
		if(photos[0]["name"])
			
			html = prefix+"<div id='v'>"+photos[0]["path"]+"</div><div id='photoList' class='vList'><table cellspacing='0' id='photoTable'><tr>"+html+"</tr></table></div>";
		
		else{

			html = "<div id='subMenu'>"+pmenuTxt+"</div><img src='uploaded/"+photos[0]["pId"]+"/"+photos[0]["path"]+"' alt='"+photos[0]["path"]+"' id='showing'/><div id='photoList'><table cellspacing='0' id='photoTable'><tr>"+html+"</tr></table></div>";

		}

	}
	
	content.html(html);
	
	setTimeout('$("#title").css("-webkit-transform","scale(1)")',10);
	$("#m_"+aId).addClass("smc");
	
	$(document).unbind("keydown");
	$(document).bind("keydown",function(event) {

		if(event.keyCode==39&&pIdNext>0){

			show("uploaded/"+aId+"/"+pList[pIdNext]);
			
			pId = pIdNext;
			
			pIdNext = (pList[pId-0+1]==undefined)?false:pId-0+1;
			pIdPrevious = (pList[pId-0-1]==undefined)?false:pId-0-1;
			
		}

		if(event.keyCode==37&&!(pIdPrevious===false)){

			show("uploaded/"+aId+"/"+pList[pIdPrevious]);
			
			pId = pIdPrevious;
			
			pIdNext = (pList[pId-0+1]==undefined)?false:pId-0+1;
			pIdPrevious = (pList[pId-0-1]==undefined)?false:pId-0-1;
			
		}
		
	});

}

function show(imgPath,theDom){
	
	if(theDom!=undefined)
	
		$(theDom).css("opacity","1");
	
	$("#showing").css("opacity",".5");
	$("#showing").attr("src",imgPath);
	
	$("#showing").load(function(){
		
		$(this).css("opacity","1");
		
	});
	
}

function showV(vId,theDom){
	
	
	$("#v").html(pList[vId]["path"]);
	//$("#vTitle").html(pList[vId]["name"]);
	//$("#vDesc").html(pList[vId]["desc"]);
	
}

function pLoaded(pId){
	
	pToLoad = pToLoad.replace("|"+pId,"");
	
	if(pToLoad==""){

		//$("#loader").hide();
		scrollList(0);
		
	}
	
}

function scrollList(px){

	if(scrollMax==0){
	
		scrollMax = $("#photoTable").width()-$("#photoList").width();
		scrollNow = $("#photoList").scrollLeft();
		
	}

	scrollNow = scrollNow+px;
	
	if(scrollNow>scrollMax)
		
		scrollNow = scrollMax;
	
	else if(scrollNow<0)
		
		scrollNow = 0;

	$("#photoList").scrollLeft(scrollNow);
	
	if(scrollNow>0)
		
		$(".leftArrow").css({ opacity: 1 });
	
	else
		
		$(".leftArrow").css({ opacity: .2 });
	
	if(scrollMax==scrollNow)
		
		$(".rightArrow").css({ opacity: .2 });
	
	else
		
		$(".rightArrow").css({ opacity: 1 });
	
	if((px>0&&scrollMax>scrollNow)||(px<0&&scrollNow>0)){
		
		if(px>0&&scrollMax<scrollNow+px)
			
			px = scrollMax-scrollNow;
		
		else if(px<0&&scrollNow+px<0)
			
			px = 0-scrollNow;
		
		else
			
			px = px+Math.round(px/15*10)/10;

		

		goScroll = setTimeout("scrollList("+px+")",41);
		
	}
	
	//$("#debug").html(scrollNow+"/"+scrollMax);
	
}