var productsXML;
var categoriesXML;
var currentCategory = null;
var currentProduct = null;
var currentCategoryText = '';
var txtDisclaimer="Please Note: Check the PokerStars client for the latest information about what you can buy in the VIP store, including how many points each item is worth. Simply click 'Cashier' and select 'VIP Store'.";
/**
 *	extract a querystring paramter
 */

function parseURL(name)
{
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var tmpURL = window.location.href;
  var results = regex.exec( tmpURL );
  
  if( results == null ) {
    return "";
  }
  else {
    return results[1];
  }
}


$(document).ready(function() {	
	$.ajax({
		url: "/vip/store/xml/categories.xml",
		success: function(data){ 
		categoriesXML = data; //store for later use

		$.ajax({
			url: "/vip/store/xml/products.xml",
			success: function(data){
				productsXML = data; //store for later use
					
				//parse url
				currentCategory = parseURL('cat');
				currentProduct = parseURL('prod');
				
				//build left nav passing categories element as parameter
				buildMenu($(categoriesXML).find('categories')[0]);
				//update contents of menu element
				$('#menu').html(menuOutput + '<li class="second"> </li>');
				
				//select any li elements in the menu that have child elements with class .children
				var subHead = $('.children').parent();
				//hide everything and then show the element matching the current category - and all its parents
				subHead.children('ul').hide();
				$('a[title=' + currentCategory + ']', subHead).parents().children('ul').slideDown('fast');
				//add the pressed class
				$('a[title=' + currentCategory + ']', '#menu').addClass('pressed');
				//get the header text
				currentCategoryText = $('a[title=' + currentCategory + ']', '#menu').text();
				
				
				//if we have a productID display product detail
				if (currentProduct != '') {
					showDetail(currentProduct,currentCategory);
				}
				else if (currentCategory != '') {
					buildProductList(currentCategory);
				}
				else {
					$('#home').css("display","block");
					$("#header").html('Welcome');
				}
			}
		 });
		 }
	 });
});

//set up initial values for the left nav
var level = 1;
var menuOutput = '\n<ul>';
var menuOutput = menuOutput + '<li title="VIP Store Home"><a href="index.html" class="main" title="Home">VIP Store Home</a></li>';
menuOutput = menuOutput + '<li title="VIP Store FAQs"><a href="faq/index.html" class="main" title="FAQs">VIP Store FAQs</a></li>';

/**
 *	build left menu nav from xml using recursion
 *	also assign classes from Pokerstars house style
 */

function buildMenu(xmlRoot)
{	
	for (var i=0; i < xmlRoot.childNodes.length; i++)
	{	
		if (xmlRoot.childNodes[i].nodeType != 1) continue;
		
		if (xmlRoot.childNodes[i].hasChildNodes() == true) {
			
			menuOutput = menuOutput + '\n\t<li>';
			menuOutput = menuOutput + '<a href="?cat=' + xmlRoot.childNodes[i].nodeName + '" ';
			menuOutput = menuOutput + 'title="' + xmlRoot.childNodes[i].nodeName + '" >';
			menuOutput = menuOutput + xmlRoot.childNodes[i].getAttribute('title') + '</a>';
			
			//apply styles to use existing formatting
			if (level <= 1){
				menuOutput = menuOutput + '<ul class="children subNav">';
			}
			else {
				menuOutput = menuOutput + '<ul class="children subNav' + level +'">';
			}
			
			level++;
			buildMenu(xmlRoot.childNodes[i]);
			level--;
			menuOutput = menuOutput + '</ul></li>';
		}
		else {
			menuOutput = menuOutput + '\n\t<li>';
			menuOutput = menuOutput + '<a href="?cat=' + xmlRoot.childNodes[i].nodeName + '" ';
			menuOutput = menuOutput + 'title="' + xmlRoot.childNodes[i].nodeName + '" >';
			menuOutput = menuOutput + '' + xmlRoot.childNodes[i].getAttribute('title') + '</a></li>';
		}
	}
}


/**
 *	Build the list of products for the current category from the loaded XML
 */

function buildProductList(currentCategory)
{		
	var content = '<table class="products" id="productsTable">'; 
	var inCategory = false;
	$('product',productsXML).each(function(i) {
		categories = $(this).find("categories").text();
		productID = $(this).attr("id");

		if (categories.indexOf('_' + currentCategory) != -1) {
			inCategory = true;
			content = content + '<tr><td>';
			content = content + '<a href="?cat=' + currentCategory + '&prod=' + productID + '">';
			content = content + '<img class="productImage" alt="' + $(this).find("name").text() + '"';
			content = content + ' src="http://www.pokerstars.com/vip/store/images/small/';
			
			//check for flash movie
			var imageName = $(this).find("imgpath").text();
			
			if (imageName.substring(imageName.lastIndexOf('.')+1) == 'swf') { //it's a flash movie
				content = content + imageName.substring(0,imageName.lastIndexOf('.')+1) + 'gif'; //show a gif thumbnail instead
			}
			else {
				content = content + imageName;
			}
			
			content = content + '" /></a></td>';
			content = content + '<td><h3>';
			content = content + $(this).find("name").text() + '</h3>';
			//substring the description to get an intro
			var description = $(this).find("description").text().substring(0,100);
			var shortDescription = description.substring(0,description.lastIndexOf(' '));
			content = content + shortDescription + ' ... <a href="?cat=' + currentCategory + '&prod=' + productID + '" >';
			content = content + 'view&nbsp;details&nbsp;&raquo;</a></td>';
			content = content + '<td class="fppLevel">' + $(this).find("price").text() + '<br />';
			content = content + '<img src="http://www.pokerstars.com/vip/store/images/';
			content = content + $(this).find("level").text() + '.gif" alt="" /><br />';
			content = content + $(this).find("level").text() + '</td>';
			content = content + '<td style="text-align:center;"><a href="?cat=' + currentCategory + '&prod=' + productID + '">';
			content = content + '<img src="http://www.pokerstars.com/vip/store/images/view-details.gif" alt="View details" /></a>';
			
			if ($(this).find("instock").text() != 'true') {
				content = content + '<span class="stockOut">Out of Stock</span></td>';
			}
			else {
				content = content + '<span class="stockIn">In Stock</span></td>';
			}
			content = content + '</tr>';
		}
	});
		
		if (inCategory != false) {
			$("#header").html(currentCategoryText);
			$("#store").html(content);	
			$("#disclaimer").html(txtDisclaimer);
		}			
}

/**
 *	Build the product detail page from the loaded XML
 */

function showDetail(selectedProduct,currentCategory)
{
	var content = '';
	
	$('product',productsXML).each(function(i) {	
		var thisProduct = $(this).attr("id");

		if (thisProduct == selectedProduct) {
			content = '<h2>' + $(this).find("name").text() + '</h2>';
			
			content = content + '<div id="topNav"><a href="#" class="back">&laquo; Back to ' + currentCategoryText + '</a>';
			content = content + '<a href="index.html">&laquo; Back to VIP Store Home Page</a></div>';
			content = content + '<table id="productDetail">';	
			content = content + '<tr><td class="detailImg">';
			
			//check for flash movie
			var imageName = $(this).find("imgpath").text();
			
			if (imageName.substring(imageName.lastIndexOf('.')+1) == 'swf') { //it's a flash movie
				
			content = content + '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=   "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="539" height="454"><param name="movie" value="/vip/store/images/large/' + imageName + '"><param name="quality" value="high"><embed src="/vip/store/images/large/' + imageName + '" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="539" height="454"></embed></object>'
				
			}
			else {
				content = content + '<img src="http://www.pokerstars.com/vip/store/images/large/' + imageName + '" />';
			}
			
			content = content + '</td></tr>';
			content = content + '<tr><td>' + $(this).find("description").text() + '</td></tr>';
			content = content + '</table>';
			content = content + '<div id="btmNav"><a href="#" class="back">&laquo; Back to ' + currentCategoryText + '</a>';
			content = content + '<a href="index.html">&laquo; Back to VIP Store Home Page</a></div>';
		}
	});
	
	$("#store").html(content);
	$("#header").html(currentCategoryText);
	
	$(".back").click(function(){
		history.go(-1);
		return false;
	})
		
}