//-----------------------------------------
// JavaScript Document
// 
//-----------------------------------------

var lang;			//
var categ;			//
var page;			//
var my_page_num;	//
var my_array;		//
var list_url;
var sample_window;
var sample_img;
//
function initProduct()
{

	if(MM_preloadImages){MM_preloadImages.apply(initProduct, arguments);}
	
	var v = document.location.search.substring(1,document.location.search.length);
	if(v)
	{
		var v_array = v.split("&");
        for(var i = 0; i < v_array.length; i++)
        {
        	if(v_array[i].indexOf("lang") + 1){lang = v_array[i].split("=")[1];}
        	else if(v_array[i].indexOf("page") + 1){page = v_array[i].split("=")[1];}
        	else if(v_array[i].indexOf("categ") + 1){categ = v_array[i].split("=")[1];}
        }
	}
	if(!lang || lang.length != 2){lang = "us";}
	if(!categ){categ = "crn";}
	if(!page)
	{
		var p = location.href.split("/");
		var p = p[p.length - 2];
		page = p;
	}
	switch(categ)
	{
		case "crn" :
		my_array = chrono_array;
        break;
		case "srs" :
		my_array = series_array;
        break;
      default:
        my_array = chrono_array;
	}
	var my_html = location.href.split("/")[location.href.split("/").length - 1].split("?")[0];
	for(var i = 0; i < my_array.length; i++)
	{
		if(my_array[i].path.indexOf(my_html) + 1)
		{
			my_page_num = i;
			break;
		}
	}
	geneBreadCrumb();
	geneNavi();
	
	var h = document.location.href.split("p=")[1];
	var page_num;
    if(h){page_num = Number(h);}
    else{page_num = 1;}
    changePage(page_num);
}

//
function changePage(n)
{
	var d = document.getElementsByTagName("div");
	for(var i = 0; i < d.length; i++)
	{
		if(d[i].className.slice(0, d[i].className.length - 1) == "page")
		{
			if(d[i].className == "page" + n)
			{
				if(navigator.userAgent.indexOf("MSIE") > -1){d[i].style.display = "block";}
				else{d[i].style.display = "table";}
				switch(d[i].id)
				{
					case "catalog":
						switchCataPage(1);
						break;
					case "ad":
						switchAdPage(1);
						break;
				}
			}
			else
			{
				d[i].style.display = "none";
			}
		}
	}
}

//
function switchPage(n)
{
	var l = document.location.href;
	var d = document.getElementsByTagName("div");
	var u;
	if(l.indexOf("?p=") + 1){u = l.split("?p=")[0];}
	else if(l.indexOf("&p=") + 1){u = l.split("&p=")[0];}
	else{u = l;}
	if(u.indexOf("?") + 1){u += "&p=" + n;}
	else{u += "?p=" + n;}
	document.location.href = u;
}

//
function switchCataPage(n)
{
	var d = document.getElementsByTagName("div");
	for(var i = 0; i < d.length; i++)
	{
		if(d[i].className.slice(0, d[i].className.length - 1) == "catapage")
		{
			if(d[i].className == "catapage" + n)
			{
				if(navigator.userAgent.indexOf("MSIE") > -1){d[i].style.display = "block";}
				else{d[i].style.display = "block";}
			}
			else
			{
				d[i].style.display = "none";
			}
		}
	}	
}

//
function switchAdPage(n)
{
	var d = document.getElementsByTagName("div");
	for(var i = 0; i < d.length; i++)
	{
		if(d[i].className.slice(0, d[i].className.length - 1) == "adpage")
		{
			if(d[i].className == "adpage" + n)
			{
				if(navigator.userAgent.indexOf("MSIE") > -1){d[i].style.display = "block";}
				else{d[i].style.display = "block";}
			}
			else
			{
				d[i].style.display = "none";
			}
		}
	}
}

//
function geneBreadCrumb()
{
	var d;
	var l;
	var p;
	var c;
	var t = document.getElementById("breadcrumbs");
	var u1 = location.href.split(":")[location.href.split(":").length - 1];
	var u2 = u1.split("/")[u1.split("/").length - 4]
    switch(u2)
    {
    	case "dcc":
    		d = "Digital Compact Cameras ";
    		break;
			
		case "dslr":
			d = "Digital SLR ";
			break;
			
    	case "film":
    		d = "Film Cameras ";
    		break;
			
    	case "dvc":
    		d = "Digital Camcorders ";
    		break;
			
    	case "colvc":
    		d = "Color Camcorders ";
    		break;
			
    	case "8mmvc":
    		d = "8mm Camcorders ";
    		break;
			
    	case "cine":
    		d = "Movie Cameras ";
    		break;
			
    	case "lens":
    		d = "Lenses ";
    		break;
    }
	switch(categ)
	{
		case "crn":
			l = "<a href='../../chrono_" + page + ".html' onmousedown='backToList()'>" + d + "(Chronological Order)</a>";
			break;
		case "srs":
			l = "<a href='../../series_" + page + ".html' onmousedown='backToList()'>" + d + "(By Series Name)</a>";
			break;
		default:
			l = "<a href='../../chrono_" + page + ".html' onmousedown='backToList()'>" + d + "(Chronological Order)</a>";
	}
	switch(lang)
	{
		case "us":
			p = my_array[my_page_num].name_us;
			break;
		case "eu":
			p = my_array[my_page_num].name_eu;
			break;
		case "jp":
			p = my_array[my_page_num].name_jp;
			break;
		default:
			p = my_array[my_page_num].name_us;
	}
	
	c = "<a href='../../../index.html'>CAMERA HALL</a> &gt; " + l + " &gt; " + p;
	t.innerHTML = c;
    
}

//
function geneNavi()
{
	var prev, next, back;
	var tp = document.getElementById("prevcamera");
	var tn = document.getElementById("nextcamera");
	var tb = document.getElementById("backtolist");
	var sc = "?lang=" + lang + "&categ=" + categ + "&page=" + page;
	/*var sc = location.search
	if(sc.indexOf("&p=") + 1){sc = sc.split("&p=")[0];}*/
	if(my_page_num > 0)
	{
		prev = my_array[my_page_num - 1];
		tp.innerHTML = "<a href='" + prev.path + sc + "'>&lt;&lt; " + prev["name_" + lang] + "</a>";
	}
	if(my_page_num < my_array.length - 1)
	{
		next = my_array[my_page_num + 1];
		tn.innerHTML = "<a href='" + next.path + sc + "'>" + next["name_" + lang] + " &gt;&gt;</a>";
	}
	switch(categ)
	{
		case "crn":
			back = "<a href='../../chrono_" + page + ".html' onmousedown='backToList()'>Back To List</a>";
			break;
		case "srs":
			back = "<a href='../../series_" + page + ".html' onmousedown='backToList()'>Back To List</a>";
			break;
		default:
			back = "<a href='../../chrono_" + page + ".html' onmousedown='backToList()'>Back To List</a>";
	}
	tb.innerHTML = back;
}
//
function backToList()
{
	var u = "";
	var sc = "?lang=" + lang;
	switch(categ)
	{
		case "crn":
			u += "../../chrono_" + page + ".html" + sc;
			break;
		case "srs":
			u += "../../series_" + page + ".html" + sc;
			break;
		default :
			u += "../../chrono_" + page + ".html" + sc;
	}
	location.href = u;
}
//
function samplePopup(u)
{
	sample_img = new Image();
	sample_img.src = u;
	sample_img.onLoad = sampleWindowOpen(u, sample_img);	
}
function sampleWindowOpen(u, img)
{
	if(sample_window)
	{
		sample_window.close();
	}
	var scr = "1";
	var size = "";
	if(img.width != 0 && window.screen.width - 16 > img.width && window.screen.height - 32 > img.height)
	{
		scr = "0";
		size = ",width=" + img.width + ",height=" + img.height;
	}
	var param = "location=0,menubar=0,status=0,toolbar=0,directories=0,resizable=1,scrollbars=" + scr + size;
	sample_window = window.open("","win_sample", param);
	var s = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n';
	s += '<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">\n';
	s += '<head>\n';
	s += '<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />\n';
	s += '<title>Canon Camera Museum | Camera Hall</title>\n';
	s += '<link href="../../../common/css/common.css" rel="stylesheet" type="text/css" />\n';
	s += '</head>\n';
	s += '<body>\n';
	s += '<img src="' + u + '" />\n';
	s += '</body>\n';
	s += '</html>';
	sample_window.document.open();
	sample_window.document.write(s);
	sample_window.document.close();
	sample_window.focus();
	return false;
}
//
function openDesignRoom(u)
{
	var w = window.open(u, "DesignRoom", "width=600,height=400,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no");
	w.focus();
}
//
function largePopup(u)
{
	var w = window.open("","win_sample","location=0,menubar=0,status=0,toolbar=0,directories=0,scrollbars=0,resizable=0,width=800,height=600");
	var s = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n';
		s += '<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">\n';
		s += '<head>\n';
		s += '<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />\n';
		s += '<title>Canon Camera Museum | Camera Hall</title>\n';
		s += '<link href="../../../common/css/common.css" rel="stylesheet" type="text/css" />\n';
		s += '</head>\n';
		s += '<body>\n';
		s += '<img src="' + u + '" />\n';
		s += '</body>\n';
		s += '</html>';
	w.document.open();
	w.document.write(s);
	w.document.close();
	w.focus();
}
//
function movePage(u)
{
	var s = location.search;
    var v = u.split("?");
	if(!v[1])
	{
		v[1] = "";
	}
	else
	{
		if(s)	{v[1] = "&" + v[1];}
		else	{v[1] = "?" + v[1];}
	}
	location.href = (location.href.indexOf("?") < 0)? u + s : v[0] + s + v[1];
}