// --- Page system ---

function Dutchi_Page(page, submenu)
{
	var page;
	var submenu;
	
	// Close all pages
	$('Dutchi_Page_Resellers').style.display = 'none';
	// $('Dutchi_Page_Resellers_Store_Locator').style.display = 'none';
	// $('Dutchi_Page_Resellers_Become_A_Reseller').style.display = 'none';
	$('Dutchi_Page_Resellers_FAQ').style.display = 'none';
	$('Dutchi_Page_Exhibitions').style.display = 'none';
	$('Dutchi_Page_History').style.display = 'none';
	$('Dutchi_Page_News').style.display = 'none';
	$('Dutchi_Page_News_Projects').style.display = 'none';
	$('Dutchi_Page_News_Press').style.display = 'none';
	$('Dutchi_Page_News_Newsletter').style.display = 'none';
	$('Dutchi_Page_Contact').style.display = 'none';
	
	// Close all submenu's
	$('Dutchi_Page_Menu_Submenu').style.display = 'none';
	
	switch(page)
	{ 
		case "Collection" :
		
			// Show splitscreen
			$('Dutchi_Page_Splitscreen').style.display = 'block';

			$('Dutchi_Page_Splitscreen_View').style.display = 'block';
			$('Dutchi_Page_Left').style.display = 'none';
			$('Dutchi_Page_Right').style.display = 'none';

			// Hide other layouts
			$('Dutchi_Page_Single').style.display = 'none';
			$('Dutchi_Slideshow').style.display = 'none';
		

		
		break;
		
		case "Collection_Gallery" : 

			// Show splitscreen
			$('Dutchi_Page_Splitscreen').style.display = 'block';

			$('Dutchi_Page_Splitscreen_View').style.display = 'none';
			$('Dutchi_Page_Left').style.display = 'block';
			$('Dutchi_Page_Right').style.display = 'block';

			// Hide other layouts
			$('Dutchi_Page_Single').style.display = 'none';
			$('Dutchi_Slideshow').style.display = 'none';

			switch(submenu)
			{
				case "casual" : 

					$('Dutchi_Category_Collection').value = 'Casual';
					// Dutchi_Load_Collection('Casual|AgendaFilofaxes');
				
					$('Dutchi_Page_Category_Bar_AgendaFilofaxes').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Bags').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Belts').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Bracelets').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Buckles').style.display = 'none';
					$('Dutchi_Page_Category_Bar_Cuffs').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Earrings').style.display = 'none';
					$('Dutchi_Page_Category_Bar_LeatherJackets').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Necklaces').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Pendants').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Rings').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Wallets').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Watches').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Miscellaneous').style.display = 'none';
				
				break;
				
				case "classic" :

					$('Dutchi_Category_Collection').value = 'Classic';				
					// Dutchi_Load_Collection('Classic|Buckles');
				
					$('Dutchi_Page_Category_Bar_AgendaFilofaxes').style.display = 'none';
					$('Dutchi_Page_Category_Bar_Bags').style.display = 'none';
					$('Dutchi_Page_Category_Bar_Belts').style.display = 'none';
					$('Dutchi_Page_Category_Bar_Bracelets').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Buckles').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Cuffs').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Earrings').style.display = 'block';
					$('Dutchi_Page_Category_Bar_LeatherJackets').style.display = 'none';
					$('Dutchi_Page_Category_Bar_Necklaces').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Pendants').style.display = 'none';
					$('Dutchi_Page_Category_Bar_Rings').style.display = 'block';
					$('Dutchi_Page_Category_Bar_Wallets').style.display = 'none';
					$('Dutchi_Page_Category_Bar_Watches').style.display = 'none';
					$('Dutchi_Page_Category_Bar_Miscellaneous').style.display = 'none';

				break;
			}
			
		 	
					
		break;

		case "Resellers" :

			// Show single layout
			$('Dutchi_Page_Single').style.display = 'block';

			// Hide other layouts
			$('Dutchi_Page_Splitscreen').style.display = 'none';
			$('Dutchi_Slideshow').style.display = 'none';

			// Set side-image
			$('Dutchi_Page_Single_Right').innerHTML = '<img src="images/photos/page_portrait_resellers.jpg" />';

			// Show submenu
			$('Dutchi_Page_Menu_Submenu').style.display = 'inline';
			$('Dutchi_Page_Menu_Submenu_Resellers_Resellers').style.display = 'inline';
			// $('Dutchi_Page_Menu_Submenu_Resellers_Store_Locator').style.display = 'inline';
			// $('Dutchi_Page_Menu_Submenu_Resellers_Become_A_Reseller').style.display = 'inline';
			$('Dutchi_Page_Menu_Submenu_Resellers_Faq').style.display = 'inline';

			// Hide other menu
			$('Dutchi_Page_Menu_Submenu_News_News').style.display = 'none';
			$('Dutchi_Page_Menu_Submenu_News_Projects').style.display = 'none';
			$('Dutchi_Page_Menu_Submenu_News_Press').style.display = 'none';
			$('Dutchi_Page_Menu_Submenu_News_Newsletter').style.display = 'none';

			switch(submenu)
			{
			/*	case "Store_locator" : 

					// Set pagename
					$('Dutchi_Page_Title_Pagename').innerHTML = '<img src="images/interface/page_title_resellers_store_locator.gif" />';

					// Open page
					$('Dutchi_Page_Resellers_Store_Locator').style.display = 'block';
				
				break;
				
				case "Become_a_reseller" :
				
					// Set pagename
					$('Dutchi_Page_Title_Pagename').innerHTML = '<img src="images/interface/page_title_resellers_become_a_reseller.gif" />';

					// Open page
					$('Dutchi_Page_Resellers_Become_A_Reseller').style.display = 'block';				
				
				break; 
			*/	
				case "FAQ" :

					// Set pagename
					$('Dutchi_Page_Title_Pagename').innerHTML = '<img src="images/interface/page_title_resellers_faq.gif" />';

					// Open page
					$('Dutchi_Page_Resellers_FAQ').style.display = 'block';
				
				break;
				
				default :
			
					// Set pagename
					$('Dutchi_Page_Title_Pagename').innerHTML = '<img src="images/interface/page_title_resellers.gif" />';

					// Open page
					$('Dutchi_Page_Resellers').style.display = 'block';
				
				break;
			}
		
		break;
		
		case "Exhibitions" :
		
			// Show single layout
			$('Dutchi_Page_Single').style.display = 'block';
		
			// Hide other layouts
			$('Dutchi_Page_Splitscreen').style.display = 'none';
			$('Dutchi_Slideshow').style.display = 'none';

			// Set side-image
			$('Dutchi_Page_Single_Right').innerHTML = '<img src="images/photos/page_portrait_exhibitions.jpg" />';	

			// Set pagename
			$('Dutchi_Page_Title_Pagename').innerHTML = '<img src="images/interface/page_title_exhibitions.gif" />';
			
			// Open page
			$('Dutchi_Page_Exhibitions').style.display = 'block';			
		
		break; 
		
		case "History" : 
		
			// Show single layout
			$('Dutchi_Page_Single').style.display = 'block';
		
			// Hide other layouts
			$('Dutchi_Page_Splitscreen').style.display = 'none';
			$('Dutchi_Slideshow').style.display = 'none';

			// Set pagename
			$('Dutchi_Page_Title_Pagename').innerHTML = '<img src="images/interface/page_title_history.gif" />';
			
			// Set side-image
			$('Dutchi_Page_Single_Right').innerHTML = '<img src="images/photos/page_portrait_history.jpg" />';

			// Open page
			$('Dutchi_Page_History').style.display = 'block';
		
		break; 

		case "News" :
		
			// Show single layout
			$('Dutchi_Page_Single').style.display = 'block';
		
			// Hide other layouts
			$('Dutchi_Page_Splitscreen').style.display = 'none';
			$('Dutchi_Slideshow').style.display = 'none';

			// Set side-image
			$('Dutchi_Page_Single_Right').innerHTML = '<img src="images/photos/page_portrait_news.jpg" />';
			
			// Show submenu
			$('Dutchi_Page_Menu_Submenu').style.display = 'inline';
			$('Dutchi_Page_Menu_Submenu_News_News').style.display = 'inline';
			$('Dutchi_Page_Menu_Submenu_News_Projects').style.display = 'inline';
			$('Dutchi_Page_Menu_Submenu_News_Press').style.display = 'inline';
			$('Dutchi_Page_Menu_Submenu_News_Newsletter').style.display = 'inline';
			
			// Hide other menu
			$('Dutchi_Page_Menu_Submenu_Resellers_Resellers').style.display = 'none';
			// $('Dutchi_Page_Menu_Submenu_Resellers_Store_Locator').style.display = 'none';
			// $('Dutchi_Page_Menu_Submenu_Resellers_Become_A_Reseller').style.display = 'none';
			$('Dutchi_Page_Menu_Submenu_Resellers_Faq').style.display = 'none';

			switch(submenu)
			{
				case "Projects" : 

					// Set pagename
					$('Dutchi_Page_Title_Pagename').innerHTML = '<img src="images/interface/page_title_news_projects.gif" />';

					// Open page
					$('Dutchi_Page_News_Projects').style.display = 'block';
				
				break;
				
				case "Press" :
				
					// Set pagename
					$('Dutchi_Page_Title_Pagename').innerHTML = '<img src="images/interface/page_title_news_press.gif" />';

					// Open page
					$('Dutchi_Page_News_Press').style.display = 'block';				
				
				break; 

				case "Newsletter" :
				
					// Set pagename
					$('Dutchi_Page_Title_Pagename').innerHTML = '<img src="images/interface/page_title_news_newsletter.gif" />';

					// Open page
					$('Dutchi_Page_News_Newsletter').style.display = 'block';				
				
				break; 
				
				default :
				case "News" : 
			
					// Set pagename
					$('Dutchi_Page_Title_Pagename').innerHTML = '<img src="images/interface/page_title_news.gif" />';

					// Open page
					$('Dutchi_Page_News').style.display = 'block';
				
				break;
			}
		
		break;

		case "Contact" :
		
			// Show single layout
			$('Dutchi_Page_Single').style.display = 'block';
			
			// Hide other layouts
			$('Dutchi_Page_Splitscreen').style.display = 'none';
			$('Dutchi_Slideshow').style.display = 'none';
			
			// Set pagename
			$('Dutchi_Page_Title_Pagename').innerHTML = '<img src="images/interface/page_title_contactus.gif" />';

			// Set side-image
			$('Dutchi_Page_Single_Right').innerHTML = '<img src="images/photos/page_portrait_contactus.jpg" />';
		
			// Open page
			$('Dutchi_Page_Contact').style.display = 'block';
					
		break;
		
		case "Background" :

			$('Dutchi_Slideshow').style.display = 'block';		
			
			// Hide other layouts
			$('Dutchi_Page_Splitscreen').style.display = 'none';
			$('Dutchi_Page_Single').style.display = 'none';
					
		break;
	}
}

// --- Collection ---

/** Function to toggle the right page of the collection page.
 * 
 * @param string mode - The type of page. [view|default|product]
 * @param string page - The parameters on the page. Ex. (Product -> Bags)
 */
function Dutchi_Page_Right_Toggle(mode, page, collection)
{
	var mode;
	var page;
	
	// Reset all pages
	$('Dutchi_Page_Right_Content_Wrapper').style.display = 'none';
	$('Dutchi_Page_Right_Collection_Default').style.display = 'none';
	$('Dutchi_Page_Right_Product_Descriptions').style.display = 'none';
	
	switch(mode)
	{
		// Product view
		case "view" : $('Dutchi_Page_Right_Content_Wrapper').style.display = 'block'; break;
		case "product" : 
		
			// Reset all product descriptions
			$('Dutchi_Page_Right_Product_Descriptions_Casual_Agendafilofaxes').style.display = 'none';
			$('Dutchi_Page_Right_Product_Descriptions_Casual_Bags').style.display = 'none';
			$('Dutchi_Page_Right_Product_Descriptions_Casual_Belts').style.display = 'none';
			$('Dutchi_Page_Right_Product_Descriptions_Casual_Bracelets').style.display = 'none';
			$('Dutchi_Page_Right_Product_Descriptions_Casual_Necklaces').style.display = 'none';
			$('Dutchi_Page_Right_Product_Descriptions_Casual_Pendants').style.display = 'none';
			$('Dutchi_Page_Right_Product_Descriptions_Casual_Wallets').style.display = 'none';
			$('Dutchi_Page_Right_Product_Descriptions_Casual_LeatherJackets').style.display = 'none';

			$('Dutchi_Page_Right_Product_Descriptions_Classic_Bracelets').style.display = 'none';
			$('Dutchi_Page_Right_Product_Descriptions_Classic_Buckles').style.display = 'none';
			$('Dutchi_Page_Right_Product_Descriptions_Classic_Cuffs').style.display = 'none';
			$('Dutchi_Page_Right_Product_Descriptions_Classic_Earrings').style.display = 'none';
			$('Dutchi_Page_Right_Product_Descriptions_Classic_Necklaces').style.display = 'none';
			$('Dutchi_Page_Right_Product_Descriptions_Classic_Rings').style.display = 'none';
		
			// Open Product description page.
			$('Dutchi_Page_Right_Product_Descriptions').style.display = 'block';
		
			/** Note: Desperate changes required.
			 * 
			 *  These categories should be generated dynamically and by collection, not manually like this.
			 */
			
			switch(page)
			{
				case "Agendafilofaxes" : $('Dutchi_Page_Right_Product_Descriptions_Casual_Agendafilofaxes').style.display = 'block'; break; 
				case "Bags" : $('Dutchi_Page_Right_Product_Descriptions_Casual_Bags').style.display = 'block'; break;
				case "Belts" : $('Dutchi_Page_Right_Product_Descriptions_Casual_Belts').style.display = 'block'; 
				case "Buckles" : $('Dutchi_Page_Right_Product_Descriptions_Classic_Buckles').style.display = 'block'; break;
				case "Bracelets" : 

					if(collection == "Casual")
					{ $('Dutchi_Page_Right_Product_Descriptions_Casual_Bracelets').style.display = 'block'; }
					else if (collection == "Classic") 
					{ $('Dutchi_Page_Right_Product_Descriptions_Classic_Bracelets').style.display = 'block'; }
				
				break;
				case "Necklaces" : 

					if(collection == "Casual")
					{ $('Dutchi_Page_Right_Product_Descriptions_Casual_Necklaces').style.display = 'block'; }
					else if (collection == "Classic")
					{ $('Dutchi_Page_Right_Product_Descriptions_Classic_Necklaces').style.display = 'block'; }
				
				break;
				case "Pendants" : $('Dutchi_Page_Right_Product_Descriptions_Casual_Pendants').style.display = 'block'; break;
				case "Wallets" : $('Dutchi_Page_Right_Product_Descriptions_Casual_Wallets').style.display = 'block'; break;
				case "LeatherJackets" : $('Dutchi_Page_Right_Product_Descriptions_Casual_LeatherJackets').style.display = 'block'; break;
				default :
				
					$('Dutchi_Page_Right_Product_Descriptions').style.display = 'none';
					$('Dutchi_Page_Right_Collection_Default').style.display = 'block';
				
				break;
			} 
		
		break;
		default : $('Dutchi_Page_Right_Collection_Default').style.display = 'block'; break; 
	}
}

function Dutchi_Page_Show_Photo_Wrapper()
{
	$("Dutchi_Page_Right_Content_Wrapper").style.display = 'none'; 
	$("Dutchi_Page_Right_Photo_Wrapper").style.display = 'block';
}


function Dutchi_Load_Collection(category_string)
{
	var product;
	var products;
	var content_block = $('Dutchi_Page_Left_Page');

	// Remove categories and show back button
	$("Dutchi_Page_Category_Bar").style.display = 'none';
	$("Dutchi_Page_Category_Show_Back").style.display = 'block';
	
	if(category_string)
	{ var request_data = 'action=get_products&data='+category_string; }
	else
	{ var request_data = 'action=get_products'; }
	
	var products_request = new XHR(
	{method: 'get',
	 onSuccess : function(response)
	 {
		switch(response)
		{
			// Error messages
			case "no_database_connection" : content_block.innerHTML = 'Product not found.'; break;
			case "database_query_no_result" : content_block.innerHTML = 'Coming soon.'; break;
			case "database_query_failed" : content_block.innerHTML = 'Could not find products.'; break;
			
			default:
			
				content_block.innerHTML = '';

				// JSON result
				products = Json.evaluate(response);

				if(products.length)
				{
					for (var i=0;i<products.length;i++)
					{
						var image_url = 'images/gallery/';
						
						if(products[i].image)
						{
							image_url = image_url + products[i].image;
							
							// Create div
							var div = document.createElement("div");
							div.setAttribute("title", products[i].id);
							div.onclick = function() { Dutchi_Load_Product(this.title); }; //products[i].id
							div.onmouseover = function() { this.style.borderColor = '#777'; }
							div.onmouseout = function() { this.style.borderColor = '#333'; }
							div.className = "Dutchi_Page_Left_Catalog_Image";
							div.setAttribute("style", "border: 1px solid #333; padding: 3px;");
							div.setAttribute("id", "Dutchi_Page_Left_Catalog_Image_"+i);
							
							// Does not work in IE
							// div.setAttribute("onclick", "javascript:Dutchi_Load_Product(" + products[i].id + ");");
							// div.setAttribute("onmouseover", "this.style.borderColor = '#777';");
							// div.setAttribute("onmouseout", "this.style.borderColor = '#333';");
														
							// Create image within div
							var image = document.createElement("img");
							image.setAttribute("src", image_url);
							
							// Append image to div
							div.appendChild(image);
							
							// Append div to document
							content_block.appendChild(div);
						}
					}
				}
			
			break;	
		}
	 },
	 onFailure : function()
	 {
	 	content_block.innerHTML = 'No products found.';
	 }
	 }).send('server/server.php', request_data);
}

function Dutchi_Returnto_Collection()
{ 
	$("Dutchi_Page_Category_Bar").style.display = 'block';
	$("Dutchi_Page_Category_Show_Back").style.display = 'none';
	$('Dutchi_Page_Left_Page').innerHTML = '';
}

function Dutchi_Load_Product(id)
{
	var id;
	
	if(!isNaN(parseInt(id)))
	{
		Dutchi_Page_Right_Toggle('view');
		
		var content_block = $('Dutchi_Page_Right_Content_Wrapper');
		content_block.innerHTML = '';
		
		var product_request = new XHR(
		{ method 	: 'get', 
		  onSuccess : function(response)
		  {
		 	switch(response)
			{
				// Error messages
				case "no_database_connection" : content_block.innerHTML = 'Product not found.'; break;
				case "database_query_no_result" : content_block.innerHTML = 'Product not found.'; break;
				case "database_query_failed" : content_block.innerHTML = 'Could not find product.'; break;
				
				default:
			
				// JSON result
				product = Json.evaluate(response);
				
				if(product)
				{
					// Create product title div
					var title_div = document.createElement("div");
					title_div.className = "Dutchi_Page_Right_Title";
					title_div.innerHTML = product.name;
					content_block.appendChild(title_div);
										
					// Create product description paragraph
					var description_p = document.createElement("p");
					description_p.className = "Dutchi_Page_Right_Content";
					description_p.innerHTML = product.description;
					content_block.appendChild(description_p);
					
					// Product specifications
					if(product.specifications.length > 0)
					{	
						var specifications_title = document.createElement("div");
						specifications_title.className = "Dutchi_Page_Right_Title";
						specifications_title.innerHTML = "Product specifications";
						content_block.appendChild(specifications_title);
						
						var specifications_table = document.createElement("table");
						specifications_table.className = "Dutchi_Page_Right_Product_Specifications";
					
						for(var i=0;i<product.specifications.length;i=i+2)
						{
							var specifications_tr = document.createElement("tr");
							var specifications_td_1 = document.createElement("td");
							specifications_td_1.innerHTML = product.specifications[i];
							specifications_tr.appendChild(specifications_td_1);
							
							if(product.specifications.length > 1)
							{
								var specifications_td_2 = document.createElement("td");
								specifications_td_2.innerHTML = product.specifications[i+1];
								specifications_tr.appendChild(specifications_td_2);
							}
							
							specifications_table.appendChild(specifications_tr);
						}

						content_block.appendChild(specifications_table);
					}
					
					// Product images title
					var images_title = document.createElement("div");
					images_title.className = "Dutchi_Page_Right_Title";
					images_title.innerHTML = 'Images';
					content_block.appendChild(images_title);
					
					// Product images
					var images_div = document.createElement("div");
					images_div.className = "Dutchi_Page_Right_Images_Gallery";
					
					for(var i=0;i<product.images.length;i++)
					{
						var image_url = "images/" + product.images[i].location + "/" + product.images[i].image;
						var image_thumb_url = "images/" + product.images[i].location + "/" + product.images[i].thumb;
						var image_description = (product.images[i].description != null ? product.images[i].description : "");
						
						var image_div = document.createElement("div");
						var image_a = document.createElement("a");
						var image = document.createElement("img");
						
						image_div.className = "Dutchi_Page_Right_Images_Gallery_Image";
						image_a.className = "Dutchi_Page_Right_Images_Gallery_Image_a";
						image_a.setAttribute("rel", "shadowbox[product_gallery_"+product.id+"]");
						image_a.setAttribute("href", image_url);
						image_a.setAttribute("title", image_description);
						image.setAttribute("src", image_thumb_url);
						
						image_a.appendChild(image);
						image_div.appendChild(image_a);
						images_div.appendChild(image_div);
					}

					content_block.appendChild(images_div);
					
					// Add images note.
					// #TODO: Build a way to hover over the image and see a zoom icon.
					content_block.innerHTML += '<div style="clear: both; text-align: center;"><br /><img src="images/interface/click_image_to_zoom.gif" /></div>';

					$('Dutchi_Page_Right_Photo_Wrapper').style.display = 'none';					
					content_block.style.display = 'block';
					
					Shadowbox.setup("a.Dutchi_Page_Right_Images_Gallery_Image_a");
				}
				
				break;	
			}
		  },
		  onFailure : function()
		  {
		 	content_block.innerHTML = 'Product not found.';
		  }
		 }).send('server/server.php', 'action=get_product&data='+id);
	}
}

// --- Category ---

function Dutchi_Category(category, group)
{
	$("Dutchi_Page_Right_Content_Wrapper").style.display = 'none';
	$("Dutchi_Page_Right_Photo_Wrapper").style.display = 'block';
	
	$("Dutchi_Page_Header_Menu_All").style.color = "#FFFFFF";

	var category_collection = $('Dutchi_Category_Collection');
	var category_gender		= $('Dutchi_Category_Gender');
	var category_type		= $('Dutchi_Category_Type');
	var category_product	= $('Dutchi_Category_Product');
	
	var div_gender 	= $('Dutchi_Page_Header_Menu_Gender');
	var div_type	= $('Dutchi_Page_Header_Menu_Type');
	var div_product	= $('Dutchi_Page_Header_Menu_Products');
	
	switch(group)
	{
		case "Collection" :
		
			// Open Menu
			$('Dutchi_Page_Header_Menu').style.display = 'block';
			div_product.display = 'none';
		
			// Set hidden values
			category_collection.value = category;
			category_gender.value = "";
			category_type.value = "";
			category_product.value = "";
			
			// Disabling sub-sub categories
			div_gender.style.visibility = 'visible';
			div_type.style.visibility = 'hidden';
			div_product.style.visibility = 'hidden';
			
			// Remove vertical border
			$('Dutchi_Page_Header_Menu_Verticalborder').style.display = 'none';
			
			// Reset submenu fields
			fields = document.getElementsByClassName("Dutchi_Page_Header_Menu_Gender");
			
			for(var i=0;i<fields.length;i++)
			{ fields[i].style.display = 'none'; }
			
			// Show categories
			var request_categories = new XHR({async: 'false', method: 'get', onSuccess : function(response)
			{
				var subcategories = Json.evaluate(response);
				
				for(var i=0; i<subcategories.length;i++)
				{ $('Dutchi_Page_Header_Menu_Gender_'+subcategories[i]).style.display = 'inline'; }
				
			}}).send('server/server.php', 'action=get_product_categories&data='+category+'&group='+group);
			
			Dutchi_Load_Collection(category);
			
		break;
		case "Gender" :

			// Close Menu/Product
			div_product.style.display = 'none';

			if(category_collection.value != "")
			{
				// Set hidden values
				category_gender.value = category;
				category_type.value = "";
				category_product.value = "";

				// Disabling sub-sub categories
				div_gender.style.visibility = 'visible';
				div_type.style.visibility = 'visible';
				div_product.style.visibility = 'hidden';

				// Reset submenu fields
				fields = document.getElementsByClassName("Dutchi_Page_Header_Menu_Type");
				
				for(var i=0;i<fields.length;i++)
				{ fields[i].style.display = 'none'; }
				
				// Show categories
				var request_categories = new XHR({async: 'false', method: 'get', onSuccess : function(response)
				{
					var subcategories = Json.evaluate(response);
				
					for(var i=0; i<subcategories.length;i++)
					{ $('Dutchi_Page_Header_Menu_Type_'+subcategories[i]).style.display = 'inline'; }
				
				}}).send('server/server.php', 'action=get_product_categories&data='+category+'&group='+group);

				// Reset selected category
				fields = document.getElementsByClassName('Dutchi_Page_Header_Menu_'+group+'_Image');
				
				for(var i=0;i<fields.length;i++)
				{ fields[i].id = fields[i].id.replace("_Active", ""); }
				
				// Set selected category image
				var filename = category.toLowerCase();
				field_name = 'Dutchi_Page_Header_Menu_'+group+'_'+category+'_Image';
				$(field_name).id += '_Active';
				
				// Show vertical border
				$('Dutchi_Page_Header_Menu_Verticalborder').style.display = 'inline';
				
			} else { category_collection.value = ""; category_gender.value = ""; category_type.value = ""; category_product.value = ""; div_gender.style.visibility = 'hidden';	div_type.style.visibility = 'hidden'; div_product.style.visibility = 'hidden'; }
			
			if(category_gender.value != "")
			{ Dutchi_Load_Collection(category_collection.value+"|"+category_gender.value); }
			else 
			{ Dutchi_Load_Collection(category_collection.value+"|"+category); }
			
		break;
		case "Type" : 

			// Open Menu/Product
			div_product.style.display = 'block';

			if(category_collection.value != "" && category_gender.value != "")
			{
				// Set hidden values
				category_type.value = category;
				category_product.value = "";

				// Disabling sub-sub categories
				div_gender.style.visibility = 'visible';
				div_type.style.visibility = 'visible';
				div_product.style.visibility = 'visible';

				// Show categories
				var request_categories = new XHR({async: 'false', method: 'get', onSuccess : function(response)
				{
					var subcategories = Json.evaluate(response);
				
					for(var i=0; i<subcategories.length;i++)
					{ $('Dutchi_Page_Header_Menu_Products_'+subcategories[i]).style.display = 'inline'; }
				
				}}).send('server/server.php', 'action=get_product_categories&data='+category+'&group='+group);

				// Reset selected category
				fields = document.getElementsByClassName('Dutchi_Page_Header_Menu_'+group+'_Image');
				
				for(var i=0;i<fields.length;i++)
				{ fields[i].id = fields[i].id.replace("_Active", ""); }

				// Set selected category image
				var filename = category.toLowerCase();
				field_name = 'Dutchi_Page_Header_Menu_'+group+'_'+category+'_Image';
				$(field_name).id += '_Active';
				
			} else { category_collection.value = ""; category_gender.value = ""; category_type.value = ""; category_product.value = ""; div_gender.style.visibility = 'hidden';	div_type.style.visibility = 'hidden'; div_product.style.visibility = 'hidden'; }
			
			if(category_type.value != "")
			{ Dutchi_Load_Collection(category_collection.value+"|"+category_gender.value+"|"+category_type.value); }
			else 
			{ Dutchi_Load_Collection(category_collection.value+"|"+category_gender.value+"|"+category); }
			
		break;
		case "Products" : 

			if(category_collection.value != "" && category_gender.value != "" && category_type.value != "")
			{
				// Set hidden values
				category_product.value = category;

				// Disabling sub-sub categories
				div_gender.style.visibility = 'visible';
				div_type.style.visibility = 'visible';
				div_product.style.visibility = 'visible';
				
				// Reset selected category
				fields = document.getElementsByClassName('Dutchi_Page_Header_Menu_'+group+'_Image');
				
				for(var i=0;i<fields.length;i++)
				{ fields[i].id = fields[i].id.replace("_Active", ""); }
				
				// Set selected category image
				var filename = category.toLowerCase();
				field_name = 'Dutchi_Page_Header_Menu_'+group+'_'+category+'_Image';
				$(field_name).id += '_Active';

			} else { category_collection.value = ""; category_gender.value = ""; category_type.value = ""; category_product.value = ""; div_gender.style.visibility = 'hidden';	div_type.style.visibility = 'hidden'; div_product.style.visibility = 'hidden'; }
			
			if(category_product.value != "")
			{ Dutchi_Load_Collection(category_collection.value+"|"+category_gender.value+"|"+category_type.value+"|"+category_product.value); }
			else 
			{ Dutchi_Load_Collection(category_collection.value+"|"+category_gender.value+"|"+category_type.value+"|"+category); }
			
		break;
		default :
		
			// Open Menu/Gender
			$('Dutchi_Page_Header_Menu').style.display = 'none';
		
			category_collection.value = "";
			category_gender.value = "";
			category_type.value = "";
			category_product.value = "";
		
			$("Dutchi_Page_Header_Menu_All").style.color = "#CCCCCC";
		
		break;
	}
}

// --- Pages ---

// Contact form

function Dutchi_Contactform_Save()
{
	$('Dutchi_Contactform_Success').innerHTML = '';
	$('Dutchi_Contactform_Error').innerHTML = '';
	
	var contactform = new Object();
	contactform.name = $('Dutchi_Contactform_Name').value;
	contactform.email = $('Dutchi_Contactform_Email').value;
	contactform.question = $('Dutchi_Contactform_Question').options[$('Dutchi_Contactform_Question').selectedIndex].value;
	contactform.message = $('Dutchi_Contactform_Letter').value;		
	
	var response = new Ajax('server/server.php?action=send_message', 
	{ method: 'post', 
	  data: contactform, 
	  onComplete : function() {
	
		switch(response.transport.responseText)
		{
			case "200" : $('Dutchi_Contactform_Success').innerHTML = 'Thank you for your time, we will respond to you soon.'; break;
			default : $('Dutchi_Contactform_Error').innerHTML = 'We could not send your message at this time, please try again later.'; break;
		}

	}}).request();
}

// --- Page parameters and Window size ---

function SetPageParameters()
{
	// SoundManager2 Background music
	Dutchi_Track();

	var url = '';

	switch(window.location.hostname)
	{
		case "localhost" : url = 'http://localhost/Projects/WaitzDesign'; break;
		default : url = 'http://www.waitzdesign.com'; break; 
	}
		
	document.getElementById('Dutchi_Preloader').style.display = 'none'; 
	document.getElementById('Dutchi_Slideshow').style.display = 'block';
	document.getElementById('Dutchi_Screen').style.display = 'block';

	// Mootools Slideshow (http://www.electricprism.com/aeron/slideshow%201/, http://forum.textpattern.com/viewtopic.php?pid=142168)
	myShow = new Slideshow('Dutchi_Slideshow', {type: 'fade', duration: [2000,4000], resize: false, hu: url + '/images/background/', images: ['background_0.jpg', 'background_1.jpg', 'background_2.jpg', 'background_3.jpg', 'background_4.jpg', 'background_5.jpg']});
}

// --- Background music --- 

function Dutchi_Track()
{
	soundManager.onready( function(oStatus) {
			
		if(oStatus.success) {

			var background_track = soundManager.createSound(
			{ id : 'dutchi_track_1',
			  url : 'sound/dutchi_track_1.mp3',
			  onfinish : function() { this.play({ volume : 75 }); } 
			});
			
			background_track.play();
			
		} else { $("Dutchi_Footer_Sound").style.display = 'none'; }
		
	});
}

// --- Preloader ---

function loadImages() { 
	for (i = 0; i < dutchi_images.length; i++) { 
		preImages[i] = new Image()
		preImages[i].src = dutchi_images[i]
	}
	for (i = 0; i < preImages.length; i++) { 
		loaded[i] = false
	}
	checkLoad()
}
function checkLoad() {
	if (currCount == preImages.length) {
		
		// Preloader finished
		SetPageParameters();
		
		return
	}
	for (i = 0; i <= preImages.length; i++) {
		if (loaded[i] == false && preImages[i].complete) {
			loaded[i] = true
			eval("document.img" + currCount + ".src=dots[1].src")
			currCount++
		}
	}
	timerID = setTimeout("checkLoad()",10) 
}

function getDocHeight() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}