var tag_items_list = [];
	var current_item = 0;
	var scrollPane = $("html");
	var scrollContent = $("html");

function CreateMainImage(node_id){
	$("#p_main_image").html('<img src="design/hadrout/images/ajax-loader.gif" alt="" width="32" height="32" border="0" style="position:absolute; top:50%; margin-top:-16px;">');
	$.ajax({
		url: "/layout/set/ajax/content/view/full/" + node_id,
		dataType : "html",
		success: function (data) {
			$("#p_main_image").html(data);
		},
		error: function () {
			alert("error");
		}
	});
	if ((current_item < 1) || (current_item == tag_items_list.length)) {
		$('#prev_button').hide();
	} else {
		$('#prev_button:hidden').show();
	}

	if (current_item > (tag_items_list.length - 2)) {
		$('#next_button').hide();
	} else {
		$('#next_button:hidden').show();
	}
};

function CreateRelationImages(node_id){
	$.ajax({
		url: "/layout/set/ajax/content/view/relation/" + node_id,
		dataType : "html",
		success: function (data) {
			$("#portfolio div.related div.content").html(data);
			$("#portfolio div.related div.content").jCarouselLite({
        		btnNext: ".relation_right",
        		btnPrev: ".relation_left",
        		circular: false
    		});
		},
		error: function () {
		}
	});
};

function ViewImages(){
	CreateMainImage (tag_items_list[current_item]);
	CreateRelationImages(tag_items_list[current_item]);
};

function next_button(){
	if (current_item >= (tag_items_list.length - 1)) {
		return false;
	}
	current_item = current_item + 1;
	CreateMainImage (tag_items_list[current_item]);
	CreateRelationImages(tag_items_list[current_item]);
};

function prev_button(){
	if (current_item <= 0) {
		$('#prev_button').hide();
		return false;
		}
	current_item = current_item - 1;
	CreateMainImage (tag_items_list[current_item]);
	CreateRelationImages(tag_items_list[current_item]);
};

function ViewRelImage(node_id){
	CreateMainImage (node_id);
};

function TagViewConstructor(this_obj) {
	current_item = 0;
	$("#portfolio div.menu a").removeClass("current");
	$("a." + this_obj).addClass("current");
	$("span.category_name").html($("." + this_obj).html());
	$("#p_main_image").html('<img src="design/hadrout/images/ajax-loader.gif" alt="" width="32" height="32" border="0" style="position:absolute; top:50%; margin-top:-16px;">');
	$.ajax({
		url: $("a." + this_obj).attr("href"),
		dataType : "json",
		success: function (json) {
			tag_items_list = json;
			ViewImages();
		},
		error: function () {
			alert("error2");
		}
	});
};


function ViewPortfolioPrezentation(this_obj){
	if (typeof this_obj == "undefined") {
		this_obj = $("div.menu ul li:first a").attr("class");
	}
	$("#portfolio").modal();
	TagViewConstructor(this_obj);
};

$(document).ready(function(){
	/*$("a.view_portfolio").click(function(){
		ViewPortfolioPrezentation();
	});*/
	ViewPortfolioPrezentation();
	$("#prev_button").click(function(){
		prev_button();
	});
	$("#next_button").click(function(){
		next_button();
	});
});