var IE = document.all?true:false;
function safeId(idNamed)
{
	var setId;
	if(IE)
	{
		setId = document.all[idNamed];
	}else{
		setId = document.getElementById(idNamed);
	}
	return setId;
}

function showImg(img, url, imgTitle, navid, inum)
{
	var str = "<a href='" + url + "' title='" + imgTitle + "'>";
	str += "<img src='" + img + ".jpg' />";
	str += "</a>";
	
	safeId('img_main').innerHTML = str;
	navImg('p', navid, inum, '0');
	navImg('n', navid, inum, '0');
}

function navImg(dir, navid, inum, ishow)
{
	var navid = parseInt(navid);
	var inum = parseInt(inum);

	if (navid == 0 || ishow == 0)
	{
		var prv_img = navid;
	} else {
		var prv_img = navid - 1;
	}

	if (navid == inum - 1 || ishow == 0)
	{
		var next_img = navid;
	} else {
		var next_img = navid + 1;
	}

	switch (dir)
	{
		case "p":
			var nav_prv = "javascript:navImg('p', '"+prv_img+"', '"+inum+"', '1')";
			var nav_next = "javascript:navImg('n', '"+prv_img+"', '"+inum+"', '1')";
			if(ishow == 1)
			{
				var fdata = imgs[prv_img].split('|');
				showImg(fdata[0], fdata[1], fdata[2]);
			}
		break;
		case "n":
			var nav_prv = "javascript:navImg('p', '"+next_img+"', '"+inum+"', '1')";
			var nav_next = "javascript:navImg('n', '"+next_img+"', '"+inum+"', '1')";
			if(ishow == 1)
			{
				var fdata = imgs[next_img].split('|');
				showImg(fdata[0], fdata[1], fdata[2]);
			}
		break;
	}
	
	safeId('nav_prv').href = nav_prv;
	safeId('nav_next').href = nav_next;
}

function addslashes(str)
{
    // Escapes single quote, double quotes and backslash characters in a string with backslashes  
    // 
    // version: 810.114
    // discuss at: http://kevin.vanzonneveld.net/techblog/article/javascript_equivalent_for_phps_addslashes

    // +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Ates Goral (http://magnetiq.com)
    // +   improved by: marrtins
    // +   improved by: Nate
    // +   improved by: Onno Marsman
    // *     example 1: addslashes("kevin's birthday");
    // *     returns 1: 'kevin\'s birthday'
 
    return (str+'').replace(/([\\"'])/g, "\\$1").replace(/\0/g, "\\0");
}

$(document).ready(function()
{
	var slid = $("#img_thumbs_slider");
	var thumbs = $("#img_thumbs");
	
	var next = $("#nav_next");
	var prev = $("#nav_prv");
	
	slid.slider({
		animate: true,
    change: slider_change,
    slide: slider_slide
	});
	
	next.hover(function()
		{
			$(this).fadeTo(200, 0.4);
			$(this).fadeTo(1000, 1);}
		);
	
	prev.hover(function()
		{
			$(this).fadeTo(200, 0.4);
			$(this).fadeTo(1000, 1);}
		);
	
	
	
	
	function slider_change(e, ui)
	{
		var maxScroll = thumbs.attr("scrollWidth") - thumbs.width();
		thumbs.animate({scrollLeft: ui.value * (maxScroll / 100) }, 1000);
	}

	function slider_slide(e, ui)
	{
		var maxScroll = thumbs.attr("scrollWidth") - thumbs.width();
		thumbs.attr({scrollLeft: ui.value * (maxScroll / 100) });
	}
	
});