var designarkiv = {
	
	childArray : new Array(),
	currentChild : null,
	searchTips : new Array(),
	
	init: function() {
		$("a.content-example").click(function() {
		    designarkiv.contentexample(this);
			return false;
		});
		
		$("a.searchTip").click(function() {
		    designarkiv.searchtip(this);
			return false;
		});
		
		$("a.show-history").click(function() {
			$("#history").removeClass("display-none");
			return false;
		});
		
		$("a.close-history").click(function() {
			$("#history").addClass("display-none");
			return false;
		});
		
		$("table.user-admin > tbody > tr").hover(function() {
		    designarkiv.useradminhover(this);
		}, function() {
		    designarkiv.useradminhover(this);
		});
		
		$("*.large-image").click(function() {
		    designarkiv.largeimage(this);
			return false;
		});
		
		if (document.getElementById("contentExampelContainer")) {
			var parent = document.getElementById("contentExampelContainer");
			var children = parent.getElementsByTagName("div");
			
			for(var i=0; i<children.length; i++){
				if(children[i]){
					child = children[i];
					if(/content/i.test(child.className)){
						designarkiv.childArray.push(child.id);
					}
				}
			}
			
			$("#" + designarkiv.childArray[0]).addClass("display-block");
			designarkiv.currentChild = 0;
			document.getElementById("showingCurrent").innerHTML = designarkiv.currentChild + 1;
			document.getElementById("totalammount").innerHTML = designarkiv.childArray.length;
		}
		
		if (document.getElementById("search-tips")) {
			var parent = document.getElementById("search-tips");
			var children = parent.getElementsByTagName("div");
			
			for(var i=0; i<children.length; i++){
				if(children[i]){
					child = children[i];
					if(/content/i.test(child.className)){
						designarkiv.searchTips.push(child.id);
					}
				}
			}
			
			$("#" + designarkiv.searchTips[0]).addClass("display-block");
		}
	},
	
	prev: function() {
		designarkiv.currentChild = designarkiv.currentChild - 1;
		
		if (designarkiv.currentChild < 0) {
			designarkiv.currentChild = 0;
		}else{
			for(var i=0; i<designarkiv.childArray.length; i++) {
				$("#" + designarkiv.childArray[i]).removeClass("display-block");
			}
			$("#" + designarkiv.childArray[designarkiv.currentChild]).addClass("display-block");
			
			document.getElementById("showingCurrent").innerHTML = designarkiv.currentChild + 1;
			document.getElementById("totalammount").innerHTML = designarkiv.childArray.length;
		}
	},
	
	next: function() {
		designarkiv.currentChild = designarkiv.currentChild + 1;
		
		if (designarkiv.currentChild >= designarkiv.childArray.length) {
			designarkiv.currentChild = designarkiv.childArray.length - 1;
		}else{
			for(var i=0; i<designarkiv.childArray.length; i++) {
				$("#" + designarkiv.childArray[i]).removeClass("display-block");
			}
			$("#" + designarkiv.childArray[designarkiv.currentChild]).addClass("display-block");
			
			document.getElementById("showingCurrent").innerHTML = designarkiv.currentChild + 1;
			document.getElementById("totalammount").innerHTML = designarkiv.childArray.length;
		}
	},
	
	searchtip: function(e) {
		var elm = e.className.replace(/.*id-([\w-]+).*/, "$1");
		var parent = document.getElementById("search-tips");
		var children = parent.getElementsByTagName("div");
		var list = document.getElementById("search-tips-navigation");
		var listItems = list.getElementsByTagName("li");
		var parentNode = e.parentNode.parentNode;
		
		for(var i=0; i<listItems.length; i++) {
			$(listItems[i]).removeClass("selected");
		}
		
		for(var i=0; i<designarkiv.searchTips.length; i++) {
			$("#" + designarkiv.searchTips[i]).removeClass("display-block");
		}
		
		$(parentNode).addClass("selected");
		
		$("#" + elm).addClass("display-block");
	},
	
	useradminhover: function(e) {
		if (!$(e).hasClass("hover-row")) {
			$(e).addClass("hover-row");
		}else{
			$(e).removeClass("hover-row");
		}
	},
	
	largeimage: function(e) {
		var imageWindow;
		var url = e.href;

		imageWindow = window.open(url,"largeimage","toolbar=no,directories=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=400,height=500");
		imageWindow.focus();
	}
}
 
$(document).ready(function(){
	designarkiv.init();
});