var language = "da";

var current_page = "frontpage.php";

var catagory = 0;

var jewel = 0;

var hider = null;


function new_request()
{
	var request;
	
	if ( typeof window.XMLHttpRequest != 'undefined' )
	{
		request = new XMLHttpRequest();
	}
	else if ( typeof window.ActiveXObject != 'undefined' )
	{
		try
		{
			request = new ActiveXObject( 'Microsoft.XMLHTTP' );
		}
		catch( err )
		{
			request = null;
		}
	}
	return request;
}

var menu_request = new_request();
var main_request = new_request();
var scroller_request = new_request();


// Set the current language and update page
function set_language( new_language )
{
	document.getElementById( language ).className = "flag";
	document.getElementById( language ).onmouseout = function() { this.className='flag'; };
	document.getElementById( language ).onmouseover = function() { this.className='flag_hover'; };
	document.getElementById( language ).style.opacity = 0.25;
	
	language = new_language;
	
	document.getElementById( language ).className = "flag_selected";
	document.getElementById( language ).onmouseout = "";
	document.getElementById( language ).onmouseover = "";
	document.getElementById( language ).style.opacity = 1;

	load_menu();
}


// Front page, workshop, personal and contact
function load_page( page )
{
	document.getElementById( 'scroller' ).innerHTML = "";
	
	load_main( page );
}


// Catagory
function load_catagory( cat )
{
	catagory = cat;
	
	jewel = 0;
	
	hide_dropdown();
	
	load_main( "jewel.php" );
}


// Jewel
function load_jewel( id )
{
	jewel = id;
	
	if ( main_request.readyState == 4 || main_request.readyState == 0 )
   	{
		main_request.open( "GET", "jewel.php?lang="+language+"&catagory="+catagory+"&jewel="+jewel, true );
		main_request.onreadystatechange = handle_main_state_change;
		main_request.send( null );
	}
}


// Main page
function load_main( url )
{
	current_page = url;

	if ( main_request.readyState == 4 || main_request.readyState == 0 )
   	{
		main_request.open( "GET", url+"?lang="+language+"&catagory="+catagory+"&jewel="+jewel, true );
		main_request.onreadystatechange = handle_main_state_change;
		main_request.send( null );
	}

	if ( current_page == "jewel.php" )
	{
		load_scroller();
	}
}


function handle_main_state_change()
{
	if ( main_request.readyState == 4 )
	{
		document.getElementById( 'main_content' ).innerHTML = main_request.responseText;
	}
}


// Menu
function load_menu()
{
	if ( menu_request.readyState == 4 || menu_request.readyState == 0 )
   	{
		menu_request.open( "GET", "menu.php?lang="+language, true );
		menu_request.onreadystatechange = handle_menu_state_change;
		menu_request.send( null );
	}
	
	load_main( current_page );
}


function handle_menu_state_change()
{
	if ( menu_request.readyState == 4 )
	{
		document.getElementById( 'menu' ).innerHTML = menu_request.responseText;
	}
}

// Dropdown menu
function show_dropdown()
{
	if ( hider )
	{
		clearTimeout( hider );
	}

	document.getElementById('dropdown').style.visibility='visible';
}


function hide_dropdown()
{
	hider = setTimeout( "_hide_dropdown()", 250 );
}


function _hide_dropdown()
{
	document.getElementById( 'dropdown' ).style.visibility = 'hidden';

	hider = null;
}


// Scroller
function load_scroller()
{
	if ( scroller_request.readyState == 4 || scroller_request.readyState == 0 )
   	{
		scroller_request.open( "GET", "scroller.php?lang="+language+"&catagory="+catagory, true );
		scroller_request.onreadystatechange = handle_scroller_state_change;
		scroller_request.send( null );
	}
}


function handle_scroller_state_change()
{
	if ( scroller_request.readyState == 4 )
	{
		document.getElementById( 'scroller' ).innerHTML = scroller_request.responseText;
	}
}


// Show image
function show_image( image_number, photographer )
{
	var images = document.getElementById( 'images' ).getElementsByTagName( 'img' );
	var left_bars = document.getElementById( 'left_bars' ).getElementsByTagName( 'img' );

	for ( var i = 0; i < images.length; i++ )
	{
		images[ i ].style.visibility = 'hidden';
		left_bars[ i ].style.visibility = 'hidden';
	}
	
	images[ image_number ].style.visibility = 'visible';
	left_bars[ image_number ].style.visibility = 'visible';
	
	if ( photographer != "" )
	{
		photographer = "Foto: " + photographer;
	}
	
	document.getElementById( 'photographer' ).innerHTML = photographer;
}