// JavaScript Document

var thisAd = -1;
var prevAd = '';

function rotate()
{
	if (document.getElementById('top_banner'))
	{
		var top_banner = document.getElementById('top_banner');
		var adImages = 	top_banner.getElementsByTagName("a");
		var imgCt = adImages.length;

		//initialise
		if (thisAd == -1)
		{
			for (var z=0; z<adImages.length; z++)
			{
				adImages[z].style.visibility = 'hidden';
			}
		}

		prevAd = thisAd;
		thisAd++;

		if (thisAd == imgCt)
			thisAd = 0;
	
		if (prevAd != -1)
			showhide_layer(adImages[prevAd].id);
	
		showhide_layer(adImages[thisAd].id);
		banner_dot_focus(thisAd);

		setTimeout("{rotate();}", 2.5 * 1000);
	}
}

function showhide_layer(layer_id)
{
	function setOpacity(value, layer)
	{
		if (layer.style.opacity)
			layer.style.opacity = value/10;

		if (layer.style.filter)
			layer.style.filter = 'alpha(opacity=' + value*10 + ')';
	}

	var layer = document.getElementById(layer_id);
	var vid_hid = (layer.style.visibility == "visible") ? "hidden" : "visible";
	if (vid_hid == "visible")//fadein
	{
		setTimeout(function(){setOpacity(0, layer)}, 0);
		setTimeout(function(){layer.style.visibility = vid_hid}, 0);
		setTimeout(function(){setOpacity(1, layer)}, 10);
		setTimeout(function(){setOpacity(2, layer)}, 20);
		setTimeout(function(){setOpacity(3, layer)}, 30);
		setTimeout(function(){setOpacity(4, layer)}, 40);
		setTimeout(function(){setOpacity(5, layer)}, 50);
		setTimeout(function(){setOpacity(6, layer)}, 60);
		setTimeout(function(){setOpacity(7, layer)}, 70);
		setTimeout(function(){setOpacity(8, layer)}, 80);
		setTimeout(function(){setOpacity(9, layer)}, 90);
		setTimeout(function(){setOpacity(10, layer)}, 100);
	}
	else if (vid_hid == "hidden")//fadeout
	{
		setTimeout(function(){setOpacity(10, layer)}, 0);
		setTimeout(function(){setOpacity(9, layer)}, 10);
		setTimeout(function(){setOpacity(8, layer)}, 20);
		setTimeout(function(){setOpacity(7, layer)}, 30);
		setTimeout(function(){setOpacity(6, layer)}, 40);
		setTimeout(function(){setOpacity(5, layer)}, 50);
		setTimeout(function(){setOpacity(4, layer)}, 60);
		setTimeout(function(){setOpacity(3, layer)}, 70);
		setTimeout(function(){setOpacity(2, layer)}, 80);
		setTimeout(function(){setOpacity(1, layer)}, 90);
		setTimeout(function(){setOpacity(0, layer)}, 100);
		setTimeout(function(){layer.style.visibility = vid_hid}, 100);
	}
}

function make_banner_dots()
{
	var dot_div = document.getElementById('banner_dots');
	dot_div.style.padding = '15px 0px 5px 0px';
	dot_div.style.marginBottom = '10px';

	//dynamically generate the dots according to the number of banner images
	var banner_imgs = document.getElementById('top_banner').getElementsByTagName("a");
	for (var i=0; i<banner_imgs.length; i++)
	{
		dot_div.innerHTML += '<span>[X]</span>&nbsp;&nbsp;';
	}


	var dots = dot_div.getElementsByTagName("span");

	for (var i=0; i<dots.length; i++)
	{
		if (i == 0)
		{
			dots[i].style.backgroundColor = '#000000';
			dots[i].style.color = '#000000';
		}
	}
}

function banner_dot_focus(id)
{
	var dots = document.getElementById('banner_dots').getElementsByTagName("span");

	for (var i=0; i<dots.length; i++)
	{
		if (i == id)
		{
			dots[i].style.backgroundColor = '#000000';
			dots[i].style.color = '#000000';
		}
		else
		{
			dots[i].style.backgroundColor = '#F45B5B';
			dots[i].style.color = '#F45B5B';
		}
	}
}

function show_neko()
{
	if (document.getElementById('neko_small'))
	{
		var neko = document.getElementById('neko_small');
		neko.style.position = 'relative';
		neko.style.visibility = 'visible';
	}
}

function make_tabs()
{
	//Max width of the center column is 580px but padding on both sides leaves us 550px to play with
	//Each tab is 185 px
	//Need to add some margin to space them apart

	var tab_headers = new Array;
	var tab_contents = new Array;

	tab_headers[0] = document.getElementById('preorder_header');
	tab_headers[1] = document.getElementById('arrival_header');
	tab_headers[2] = document.getElementById('announce_header');

	tab_contents[0] = document.getElementById('preorder_content');
	tab_contents[1] = document.getElementById('arrival_content');
	tab_contents[2] = document.getElementById('announce_content');

	for (var i = 0; i < tab_headers.length; i++)
	{
		var header = tab_headers[i];
		var content = tab_contents[i];

		header.style.width = '160px';
		header.style.backgroundPosition = 'center center';
		header.style.marginLeft = (i*190)+'px';

		tab_headers[i].style.position = 'absolute';
		tab_headers[i].style.zIndex= (tab_headers.length-i)*5;
		header.style.cursor = 'pointer';

		tab_contents[i].style.position = 'absolute';
		tab_contents[i].style.marginTop = '50px';
		tab_contents[i].style.zIndex= (tab_headers.length-i)*5;

		if (i != 0)
		{
			//initial state - 2nd and 3rd tab are hidden, have different colour, have onclick methods
			header.style.backgroundColor = '#CCFF99';
			content.style.visibility = 'hidden';
			header.setAttribute("onclick", "set_tab_onclick("+i+")");

			//collapse all the product boxes in the hidden tabs
			var pdt_boxes = tab_contents[i].getElementsByTagName("div");
			for (var j=0; j<pdt_boxes.length; j++)
			{
				if (pdt_boxes[j].getAttribute('class') == 'pdt_box')
					pdt_boxes[j].style.position = 'absolute';
			}

			header.style.borderBottom = 'none';
		}
		else
		{
			var main_div = document.getElementById('main_content');
			var banner_height = document.getElementById('top_banner').offsetHeight;
			var banner_dots = document.getElementById('banner_dots').offsetHeight;
			var tab_height = header.offsetHeight;
			var content_height = content.offsetHeight;

			main_div.style.height = (banner_height+banner_dots+tab_height+content_height+50)+'px';
		}//end if (i != 0)
	}
}

function set_tab_onclick(tab_id)
{
	var tab_headers = new Array;
	var tab_contents = new Array;
	var main_div = document.getElementById('main_content');
	var banner_height = document.getElementById('top_banner').offsetHeight;
	var banner_dots = document.getElementById('banner_dots').offsetHeight;

	tab_headers[0] = document.getElementById('preorder_header');
	tab_headers[1] = document.getElementById('arrival_header');
	tab_headers[2] = document.getElementById('announce_header');

	tab_contents[0] = document.getElementById('preorder_content');
	tab_contents[1] = document.getElementById('arrival_content');
	tab_contents[2] = document.getElementById('announce_content');

	for(var i=0;i<3;i++)
	{
		if (i == tab_id)
		{
			tab_headers[i].style.backgroundColor = '#FED58E';
			tab_headers[i].setAttribute("onclick", "");
			tab_headers[i].style.zIndex= '5';
			tab_contents[i].style.visibility = 'visible';

			var pdt_boxes = tab_contents[i].getElementsByTagName("div");
			for (var j=0; j<pdt_boxes.length; j++)
			{
				if (pdt_boxes[j].getAttribute('class') == 'pdt_box')
					pdt_boxes[j].style.position = 'relative';
			}

			tab_headers[i].style.border = 'none';

			main_div.style.height = (banner_height+banner_dots+tab_headers[i].offsetHeight+tab_contents[i].offsetHeight+50)+'px';
		}
		else
		{
			tab_headers[i].style.backgroundColor = '#CCFF99';
			tab_headers[i].setAttribute("onclick", "set_tab_onclick("+i+")");
			tab_headers[i].style.zIndex= 1;
			tab_contents[i].style.visibility = 'hidden';

			tab_headers[i].style.borderBottom = 'none';

			var pdt_boxes = tab_contents[i].getElementsByTagName("div");
			for (var j=0; j<pdt_boxes.length; j++)
			{
				if (pdt_boxes[j].getAttribute('class') == 'pdt_box')
					pdt_boxes[j].style.position = 'absolute';
			}
		}
	}
}

function faq_expand_all()
{
	var pg = document.getElementById('pg_details');
	var lis = pg.getElementsByTagName("li");
	var divs = pg.getElementsByTagName("div");

	for (var i=0; i<lis.length; i++)
	{
		lis[i].setAttribute("style", "");
	}

	for (var j=0; j<divs.length; j++)
	{
		if (divs[j].getAttribute('class') == 'qn_txt')
		{
			divs[j].setAttribute("onclick", "shrink_ans("+j+")");
		}

		if (divs[j].getAttribute('class') == 'faq_ans')
		{
			divs[j].setAttribute("style", "");
		}
	}
}

function faq_shrink_all()
{
	var toggle = document.getElementById('faq_toggle');
	toggle.style.visibility = 'visible';

	var pg = document.getElementById('pg_details');
	var lis = pg.getElementsByTagName("li");
	var divs = pg.getElementsByTagName("div");

	for (var i=0; i<lis.length; i++)
	{
		lis[i].style.marginBottom = '-5px';
	}

	for (var j=0; j<divs.length; j++)
	{
		if (divs[j].getAttribute('class') == 'qn_txt')
		{
			divs[j].style.cursor = 'pointer';
			//divs[j].style.textDecoration = 'underline';
			divs[j].setAttribute("onclick", "expand_ans("+j+")");
		}

		if (divs[j].getAttribute('class') == 'faq_ans')
		{
			divs[j].style.visibility = 'hidden';
			divs[j].style.height = '0px';
		}
	}
}

function expand_ans(id)
{
	var pg = document.getElementById('pg_details');
	var divs = pg.getElementsByTagName("div");

	for (var j=0; j<divs.length; j++)
	{
		if (j == (id+1))
		{
			divs[j-1].parentNode.setAttribute("style", "");
			divs[j-1].setAttribute("onclick", "shrink_ans("+id+")");
			divs[j].setAttribute("style", "");
		}
	}
}

function shrink_ans(id)
{
	var pg = document.getElementById('pg_details');
	var divs = pg.getElementsByTagName("div");

	for (var j=0; j<divs.length; j++)
	{
		if (j == (id+1))
		{
			divs[j-1].parentNode.style.marginBottom = '-5px';
			divs[j-1].setAttribute("onclick", "expand_ans("+id+")");
			divs[j].style.visibility = 'hidden';
			divs[j].style.height = '0px';
		}
	}
}

function build_manu_links()
{
	var links = document.getElementById('manu_links');

	links.style.visibility = 'visible';
	links.style.position = 'relative';

	show_manu_links('A');

	//alert(manu_links[0].innerHTML[0]);
}

function show_manu_links(letter)
{
	var manu = document.getElementById('manu_list');
	var manu_links = manu.getElementsByTagName("a");

	for (var i=0; i<manu_links.length; i++)
	{
		if (letter == manu_links[i].innerHTML[0])
		{
			manu_links[i].parentNode.style.visibility = 'visible';
			manu_links[i].parentNode.style.position = 'relative';
		}
		else
		{
			manu_links[i].parentNode.style.visibility = 'hidden';
			manu_links[i].parentNode.style.position = 'absolute';
		}
	}
}

//function showClickedPic(srcImgSrc, width, height, target, objImg, bigImgSrc)
function showClickedPic(srcImgSrc, bigImgSrc)
{
	/*
    var percentage=0;
	if (width > height) 
	{ 
		percentage = (target /width); 
	} 
	else 
	{ 
		percentage = (target / height); 
	} 
	width = width * percentage; 
	height = height * percentage;
	*/

	//document.getElementById('actImg').filters[0].apply();
	document.getElementById('actImg').src=bigImgSrc;
	document.getElementById('actImg').parentNode.setAttribute("href", srcImgSrc);

	//document.getElementById('actImg').width=width;
	//document.getElementById('actImg').height=height;
	//document.getElementById('actImg').filters[0].play();
	//document.getElementById('a_newimg').href = bigImgSrc;
}

function fullpay_toggle()
{
	var form = document.getElementById('pdt_form');
	var old_action = form.action;
	form.setAttribute("action", old_action+'&fullpay=1');
}