$(function () {
	$(".jbutton").button();
	if ($.browser.msie && $.browser.version == "6.0") $(".ie").show();
	//alert($.browser.msie);
	//alert($.browser.version);
});

$(function () { //to highlight the current selected page in the left menu
	var loc = window.location.toString().replace(/http:\/\/jnanasweekar\.com/, "");
	loc = loc.replace(/http:\/\/www\.jnanasweekar\.com/, "");
	loc = loc.replace(/http:\/\/arunk\.org/, "");
	loc = loc.replace(/http:\/\/arunk\.in/, "");
	$(".leftmenu a").each(function () {
		if ($(this).attr("href").toUpperCase() == loc.toUpperCase()) $(this).css({ 'border-left': 'solid 5px #333', 'padding-left': '5px', 'font-weight': '700' });
	});
});

var loadImages = function () {
	if (files == undefined) files = serverfiles;
	for (var i = 0; i < files.length; i++) {
		$("#thumbs").append("<img class='thumb thumbnormal' num='" + i + "' src='" + files[i].name + "'/>");
	}
}

$("img.thumb").live("mouseenter", function () { $(this).removeClass("thumbnormal").addClass("thumbhover"); });
$("img.thumb").live("mouseleave", function () { $(this).removeClass("thumbhover").addClass("thumbnormal"); });
$("img.thumb").live("click", function () { showLightbox($(this)); });
$(".lightbox .trans").live("click", function () { $(this).parent().remove(); });
$(".lightbox .img").live("click", function () { showImage(1); return false; });
$("BODY").live("keydown", function (e) {
	if ($(".lightbox").length > 0) {
		if (e.keyCode == 27) { $(".lightbox").remove(); return false; }
		if (e.keyCode == 39) { showImage(1); return false; }
		if (e.keyCode == 37) { showImage(-1); return false; }
	}
});

var showImage = function (incr) {
	var num = parseInt($(".lightbox .img img").attr("num"));
	var nextnum = num + incr;
	if (nextnum >= files.length) nextnum = 0;
	if (nextnum < 0) nextnum = files.length - 1;
	$(".lightbox .img img").attr("src", "/images/ajax-loader-small.gif");
	$(".lightbox .img img").attr("src", files[nextnum].name.replace(/thumbs\//, "")).attr("num", nextnum);
	var int = setInterval(function () {
		if ($(".lightbox .img img").outerWidth() > 100) {
			clearInterval(int);
			$(".lightbox .img .caption .imgcount").html((nextnum + 1) + " of " + files.length);
			$(".lightbox .img .caption .desc").html(files[nextnum].desc);
			var imgWidth = $(".lightbox").children(".img").children("img").outerWidth();
			var imgHeight = $(".lightbox").children(".img").children("img").outerHeight();
			$(".lightbox .img").css("left", ($(document).width() - imgWidth) / 2);
			$(".lightbox .img").css("top", "50px");
		}
	}, 100);
}

var showLightbox = function (thumbimg) {
	var img = thumbimg.attr("src").replace(/thumbs\//, "");
	var lightbox = $("<div class='lightbox'><div class='trans'></div><div class='img'><div class='caption'><div class='desc'>This is the caption of the image</div><span class='next'>Next</span><span class='prev'>Previous</span><span class='imgcount'></span></div><img/></div></div>");
	lightbox.children(".trans").css("width", $(document).width()).css("height", $(document).height());
	$("BODY").append(lightbox);
	lightbox.children(".img").children("img").attr("src", img).attr("num", thumbimg.attr("num"));
	showImage(0);
}
////////////////MENU////////////////////
var initMenus = function () { //TODO: Pass a context here and use it only to initialie the child objects
	$("ul.apcmenu").each(function () {
		var obj = $(this);
		if (!obj.hasClass("vmenu")) obj.addClass("hmenu").css({ "border": "none" }); //default is horizontal menu
		obj.find("ul").addClass("vmenu"); //all child menus are vertical
		//obj.find("ul").andSelf().addClass("ui-state-default");
	});

	$(".apcmenu li").addClass("menuitemborder");
}

var mTimeouts = [];
$(function () {
	$(".contextmenu a").live("click", function () {
		$(".vmenu").not(".apcmenu").add(".contextmenu").hide(); //hide menu
		$(this).trigger("_contextmenuselected");
		return false;
	});
	initMenus();
	//$(".mainmenu").addClass("ui-state-default").addClass("ui-widget");

	$(".apcmenu").find("a[href=#]").live("click", function () { return false; });
	//$(".hmenu").children("li").each(function () { if ($(this).children("ul").length > 0) $(this).children("a").append("<span class='downarrow ui-icon ui-icon-triangle-1-s'></span>"); });
	//$(".vmenu").children("li").each(function () { if ($(this).children("ul").length > 0) $(this).append("<span class='rightarrow ui-icon ui-icon-triangle-1-e'></span>"); });

	$(".contextmenu").hide();
	$(window).click(function () { $(".vmenu").not(".apcmenu").add(".contextmenu").hide(); });
	$(".apcmenu li").live("mouseenter",
				function () {
					$(mTimeouts).each(function (i) { clearTimeout(mTimeouts[i]); });
					mTimeouts = [];
					//remove previous class and hide any visible menus of siblings
					$(this).siblings().removeClass("menu-hover").addClass("menuitemborder");
					$(this).siblings().children("ul").slideUp(300);
					$(this).siblings().children("ul").children("li").children("ul").hide();
					//============================================================
					var cMenu = $(this).children("ul:first");
					if (cMenu.is(":visible")) return;
					$(this).addClass("menu-hover"); //.removeClass("menuitemborder");
					if ($(this).parent().is(".vmenu")) { cMenu.css({ "left": $(this).outerWidth(), top: -1 }); }
					if ($(this).parent().is(".hmenu")) { cMenu.css({ "top": $(this).outerHeight(), left: -1 }); }
					cMenu.addClass("dropdownmenu").slideDown(400);
					cMenu.children("li").removeClass("menu-hover").addClass("menuitemborder");
				}).live("mouseleave",
				function () {
					var m = $(this);
					mTimeouts.push(setTimeout(function () { m.children("ul").slideUp(300); m.removeClass("menu-hover").addClass("menuitemborder"); }, 500));
				}
			);
});