// Dynamic Store Tour JavaScript
function BrowserCheck() {
	var b = navigator.appName;
	if (b=="Netscape") this.b = "ns";
	else if (b=="Microsoft Internet Explorer") this.b = "ie";
	else this.b = b;
	this.version = navigator.appVersion;
	this.v = parseInt(this.version);
	this.ns = (this.b=="ns" && this.v>=4);
	this.ns4 = (this.b=="ns" && this.v==4);
	this.ns5 = (this.b=="ns" && this.v==5);
	this.ie = (this.b=="ie" && this.v>=4);
	this.ie4 = (this.version.indexOf('MSIE 4')>0);
	this.ie5 = (this.version.indexOf('MSIE 5')>0);
	this.min = (this.ns||this.ie);
}
var browser = new BrowserCheck();

var childHTML = "";
var linkHTML = "";
var largeImageShowing = 0;
var CSSstring = "";

function childMenu(i){	
	if (i == 0) {
		var childlayerstart = (browser.ns4)? '<layer id="child'+ i +'" z-index="'+ i +'" visibility="show" left="'+ contentLayerLeft +'" top="'+ contentLayerTop +'" width="'+ contentTableWidth +'">\n' : '<div id="child'+ i +'">\n';
	}else{
		var childlayerstart = (browser.ns4)? '<layer id="child'+ i +'" z-index="'+ i +'" visibility="hide" left="'+ contentLayerLeft +'" top="'+ contentLayerTop +'" width="'+ contentTableWidth +'">\n' : '<div id="child'+ i +'">\n';
	}	
	var childContent = (browser.ns4)? photosCaption[i] + '\n'  :  "<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\""+ contentTableWidth +"\">\n\t<tr>\n\t\t<td class=\"contentcopy\">" + photosCaption[i] + '</td>\n\t</tr>\n</table>\n';
	var childlayerend = (browser.ns4)? '</layer>\n\n' : '</div>\n\n';
	return childlayerstart + childContent + childlayerend;
}

function linkMenu(i){	
	var linkContent = "";
	if (i == 0) {
		var linklayerstart = (browser.ns4)? '<layer id="link'+ i +'" z-index="'+ i +'" visibility="show" left="'+ linkLayerLeft +'" top="'+ linkLayerTop +'" width="'+ linkLayerWidth +'">\n' : '<div id="link'+ i +'">\n';
	}else{
		var linklayerstart = (browser.ns4)? '<layer id="link'+ i +'" z-index="'+ i +'" visibility="hide" left="'+ linkLayerLeft +'" top="'+ linkLayerTop +'" width="'+ linkLayerWidth +'">\n' : '<div id="link'+ i +'">\n';
	}	
	var linklayerPrevious = "<span class=\"offSection\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class=\"offSection\"href=\"javascript:changePicture('back');\"><< Previous</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>";
	var linklayerNext = "<span class=\"offSection\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class=\"offSection\"href=\"javascript:changePicture('forward');\">Next >></a></span>";
	for (var k = 0; k < numberImages; k++){
		if (i == k){
			linkContent = linkContent + "<span class=\"onSection\">"+ (k + 1) + "</span>&nbsp;";
		}else{
			linkContent = linkContent + "<span class=\"offSection\"><a class=\"offSection\" href=\"javascript:showPicture("+ k +")\">"+ (k + 1) +"</a>&nbsp;</span>";
		}
	}	
	var linklayerend = (browser.ns4)? '</layer>\n\n' : '</div>\n\n';
	return linklayerstart + linklayerPrevious + linkContent + linklayerNext + linklayerend;
}

for (var i = 0; i < numberImages; i++){
	CSSstring += eval('cssStr(\'child\','+ i +')');
	childHTML = childHTML + childMenu(i);
	CSSstring += eval('cssStr(\'link\','+ i +')');
	linkHTML = linkHTML + linkMenu(i);
}

function showLayer(id){
	if (document.all) document.all[id].style.visibility='visible';
	else if (browser.ns4) document.layers[id].visibility='show';
	else if (browser.ns5) document.getElementById(id).style.visibility='visible';
}

function hideLayer(id){
	if (document.all) document.all[id].style.visibility='hidden';
	else if (browser.ns4) document.layers[id].visibility='hide';
	else if (browser.ns5) document.getElementById(id).style.visibility='hidden';
}

function cssStr(type,id) {
	switch(type){
		case "start": return '<style type="text/css">\n';
		case "end": return '</style>';
		case "style": return '\t.offSection{ font-family : Arial; font-size : 12px; font-weight : normal; color : #666666;text-decoration:none;}\n\t.onSection{ font-family : Arial; font-size : 12px; font-weight : normal; color : #ED0000;text-decoration:underline;}\n\t.offSection a:link { color:#666666; text-decoration:none; }\n';
		case "child": return (browser.ns4)? '\n' : '\t#child'+ id +' { position:absolute; visibility:hidden; z-index:'+ id +'width: '+ contentTableWidth +'px;}\n';		
		case "link": return (browser.ns4)? '\n' : '\t#link'+ id +' { position:absolute; visibility:hidden; z-index:'+ id +'}\n';	
		default: return '\n'
	}
}

function writeCSS(str,showAlert) {
	str = cssStr('start')+str+cssStr('style')+cssStr('end');
	document.write(str);
	if (showAlert) alert(str);
}

function changePicture(i){	
	if (i == "back"){
		largeImageShowing = (largeImageShowing - 1);
		if (largeImageShowing < 0){
			largeImageShowing = ((photosLarge.length) - 1);
			showPicture(largeImageShowing);
		}else{
			showPicture(largeImageShowing);
		}		
	}	
	if (i == "forward"){
		largeImageShowing = (largeImageShowing + 1);
		if (largeImageShowing > ((photosLarge.length) - 1)){
			largeImageShowing = 0;
			showPicture(largeImageShowing);
		}else{
			showPicture(largeImageShowing);
		}		
	}
}

function showPicture(j){	
	for (var i = 0; i < numberImages; i++){
		var childVar = 'child' + i;
		var linkVar = 'link' + i;
		hideLayer(childVar);
		hideLayer(linkVar);
		
	}
	var childVar = 'child' + j;
	var linkVar = 'link' + j;
	showLayer(childVar);
	showLayer(linkVar);
	largeImageShowing = j
	document.large_image.src = giveString(j);
}

function giveString(l){
	var firstPart = photosLarge[l].indexOf("\"");
	var nextPart = photosLarge[l].indexOf("\"", firstPart + 1);
	var theRealString = photosLarge[l].substring(firstPart + 1, nextPart);
	return theRealString;
}

writeCSS(CSSstring,false);
// End Hiding Script -->