Functions= {};

$(document).ready(function () {	
	Functions.init();
});

Functions= {
	init: function() {
		if($("#right .pages")) {
			$("#right .pages .pagesheader li").click(function() {
				/* get clicked */
				counter= 0;
				current= $(this);
				clickedPage= 0;
				$("#right .pages .pagesheader li").each(function() {
					if($(this).html()==current.html()) {
						clickedPage= counter;
					}
					counter++;
				});
				pagesCounter= 0;
				/* set result */
				$("#right .pages .pagesheader li").each(function() {
					if(clickedPage==pagesCounter) {
						$(this).addClass("active");
					} else {
						$(this).removeClass("active");
					}
					pagesCounter++;
				});
				pagesCounter= 0;				
				$("#right .pages .pagescontent .page").each(function() {
					if(clickedPage==pagesCounter) {
						$(this).show();
					} else {
						$(this).hide();
					}
					pagesCounter++;
				});
			}).css("cursor", "pointer").hover(function() {
				$(this).addClass("hover");
			}, function() {
				$(this).removeClass("hover");
			});
			$("#right .pages .pagesheader li:first").addClass("active");
			$("#right .pages .pagescontent .page").each(function() {
				$(this).hide();
			});
			$("#right .pages .pagescontent .page:first").show();
		}
		if($("#storelist")) {
			$("#storelist .row").click(function() {
				Functions.showStoreDetails($(this));
			});
			$("#storelist .detailsrow").each(function() {
				$(this).css("height", $(this).height()).hide();
			});
		}
	},
	showStoreDetails: function(obj) {
		$("#storelist .row td").each(function() {
			$(this).removeClass("active");
		});
		$("td", obj).each(function() {
			$(this).addClass("active");
		});
		/* hide open */
		$("#storelist .detailsrow").each(function() {
			if($(this).css("display")!="none") {
				var height= $(this).height();
				$(this).animate({ 
					height: 0
				}, 200, "linear", function() {
					$(this).hide().css("height", height);
				});
			}
		});
		var height= $(obj).next().css("height");
		$(obj).next().css("height", 0);
		$(obj).next().animate({ 
			height: height
		}, 200, 'linear', function() {
			if(navigator.userAgent.toLowerCase().match("firefox")) {
				$(this).css("display", "table-row");
			}
		});
	}
	
}