if (navigator.appName == 'Netscape')
var language = navigator.language;
else
var language = navigator.browserLanguage;

var CurrentLang = "Ru";
var CurrentURL = "";

var WeddingURL = "http://www.flickr.com/photos/30407934@N05/sets/72157607284913719/show/";
var PortraitsURL = "http://www.flickr.com/photos/30407934@N05/sets/72157616868895206/show/";
var ReportageURL = "http://www.flickr.com/photos/30407934@N05/sets/72157607285030841/show/";
var LifestyleURL = "http://www.flickr.com/photos/30407934@N05/sets/72157607247863625/show/";
var ChildrenURL = "http://www.flickr.com/photos/30407934@N05/sets/72157616868837462/show/";

// Looking at explorers
var mbr = document.getElementById;
if (mbr) br = "Most popular browser";
else if (mbr && (document.all && document.all.item && !(window.opera && mbr))) br = "IE5";
else if ((window.opera && mbr) && document.readyState) br = "Opera 7";
else if (document.all && document.all.item && !(window.opera && brDOM)) br = "IE4";
else if (document.layers) br = "NN4";
else br = "Unknown";

var ResizeStep = 100;
var OldMinCoords = -1;

// Set the resize handler
//window.onresize = ChangeSizeOfMainImage;

//
// Preload the images and all other stuff required for this web page
// 

var ChoosenGroup = 0;

function findPosX(obj)
{
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
}

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }

function DefineMinCoords()
{
 var viewportwidth;
 var viewportheight;
 
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 
 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }
 
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
 }
 
 // older versions of IE
 
 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
 }
 
 if ( viewportwidth < viewportheight ) return viewportwidth
 else return viewportheight;
 
}

function ChangeSizeOfHeader()
{
	// Get the working area size
	var MinCoords = DefineMinCoords();

	//alert(MinCoords);
	
	// Some initial check
	if ( OldMinCoords != -1 && Math.abs(OldMinCoords - MinCoords) < ResizeStep ) return;
	OldMinCoords = MinCoords;

	var MainTitleFontSize=48;
	var MainProfFontSize=24;
	var LogoImage = "";
	var TitleImageSize = 300;
	var TitleSellSpacing = 20;
	var MenuTableSize=700;
	var MenuFontSize=10;
	var ImageWidthDelimeter=20;
	var ImageHeightDelimeter=20;

	//MinCoords = 400;

	if ( MinCoords > 900 ) { 

		MenuTableSize=675;
		MenuFontSize=20;
		MainTitleFontSize=48;
		MainProfFontSize=24;
		LogoImage = "xn_logo1.gif";
		TitleSellSpacing = 20;
	}
	else if ( MinCoords > 800 ) {

		MenuTableSize=590;
		MenuFontSize=18;
		MainTitleFontSize=40;
		MainProfFontSize=20;
		LogoImage = "xn_logo2.gif";
		TitleSellSpacing = 18;
	}
	else if ( MinCoords > 700 ) {

		MenuTableSize=510;
		MenuFontSize=16;
		MainTitleFontSize=34;
		MainProfFontSize=20;
		LogoImage = "xn_logo3.gif";
		TitleSellSpacing = 15;
	}
	else if ( MinCoords > 600 ) {

		MenuTableSize=425;
		MenuFontSize=14;
		MainTitleFontSize=28;
		MainProfFontSize=16;
		LogoImage = "xn_logo4.gif";
		TitleSellSpacing = 12;
		TitleImageSize = 200;
		ImageWidthDelimeter=18;
		ImageHeightDelimeter=10;

	}
	else if ( MinCoords > 500 ) {

		MenuTableSize=340;
		MenuFontSize=12;
		MainTitleFontSize=22;
		MainProfFontSize=14;
		LogoImage = "xn_logo5.gif";
		TitleSellSpacing = 10;
		TitleImageSize = 200;
		ImageWidthDelimeter=16;
		ImageHeightDelimeter=4;
	}
	else {
		MenuTableSize=260;
		MenuFontSize=10;
		MainTitleFontSize=16;
		MainProfFontSize=10;
		LogoImage = "xn_logo6.gif";
		TitleSellSpacing = 8;
		TitleImageSize = 100;
		ImageWidthDelimeter=10;
		ImageHeightDelimeter=2;
	}

	// Update the title image
	var CurrentImage = document.getElementById("content_table_image").src;
	if ( CurrentImage != "" ) {

		var ResPos = CurrentImage.lastIndexOf("_");
		var OrigRes = CurrentImage.substring(ResPos+1,ResPos+4);
		if ( parseInt(OrigRes) !=  TitleImageSize) { 
			CurrentImage = CurrentImage.replace(OrigRes, TitleImageSize+'');
			document.getElementById("content_table_image").src = CurrentImage;

			document.getElementById('content_table_delimeter_width').style.width=ImageWidthDelimeter + "px";
			document.getElementById('content_table_delimeter_height').style.height=ImageHeightDelimeter + "px";
		}
	}

	// Change the size of the title
	document.getElementById('xn_title').style.fontSize=MainTitleFontSize + "px";
	document.getElementById('prof_title').style.fontSize=MainProfFontSize + "px";


	// Change the logo
	if ( document.getElementById("logo_image").src != LogoImage )
		document.getElementById("logo_image").src = LogoImage;

	// Update the menu table
	document.getElementById('menu_table').style.width=MenuTableSize + "px";
	document.getElementById('content_table').style.width=MenuTableSize + "px";

	// Change the sellspacing of the title table
	document.getElementById("title_table").cellSpacing = TitleSellSpacing + "px";

	//Update the font
	document.getElementById('content_table_text').style.fontSize=(MenuFontSize-1) + "px";

	var CT1 = document.getElementById('content_table_text1');
	if ( CT1 ) CT1.style.fontSize=(MenuFontSize-1) + "px";

	document.getElementById('about_me_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('conditions_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('trainings_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('reviews_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('news_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('blog_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('links_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('contacts_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('back_menu_item').style.fontSize=MenuFontSize + "px";
}


function ChangeSizeOfMainImage()
{	
	// Get the working area size
	var MinCoords = DefineMinCoords();

	//alert(MinCoords);
	
	// Some initial check
	if ( OldMinCoords != -1 && Math.abs(OldMinCoords - MinCoords) < ResizeStep ) return;
	OldMinCoords = MinCoords;

	DisselectArea();
			
	// Get the size of the image to use
	var SizeOfImage = "";
	var FontCorrection = "0"
	var DelimiterSize = 20;
	var AboutMeFontSize=10;
	var AboutMeTableSize=700;
	var MenuTableSize=700;
	var MenuFontSize=10;
	var MainTitleFontSize=48;
	var MainProfFontSize=24;
	var LogoImage = "";
	var TitleSellSpacing = 20;
	
	//MinCoords=100;
	
	if ( MinCoords > 900 ) { 
		SizeOfImage = "800";
		FontCorrection = "24";
		DelimiterSize = 20;
		AboutMeTableSize=685;
		AboutMeFontSize=18;
		MenuFontSize=20;
		MainTitleFontSize=48;
		MainProfFontSize=24;
		LogoImage = "xn_logo1.gif";
		TitleSellSpacing = 20;
	}
	else if ( MinCoords > 800 ) {
		SizeOfImage = "700";
		FontCorrection = "22";
		DelimiterSize = 18;
		AboutMeTableSize=600;
		AboutMeFontSize=18;
		MenuFontSize=18;
		MainTitleFontSize=40;
		MainProfFontSize=20;
		LogoImage = "xn_logo2.gif";
		TitleSellSpacing = 18;
	}
	else if ( MinCoords > 700 ) {
		SizeOfImage = "600";
		FontCorrection = "20";
		DelimiterSize = 16;
		AboutMeTableSize=520;
		AboutMeFontSize=16;
		MenuFontSize=16;
		MainTitleFontSize=34;
		MainProfFontSize=20;
		LogoImage = "xn_logo3.gif";
		TitleSellSpacing = 15;
	}
	else if ( MinCoords > 600 ) {
		SizeOfImage = "500";
		FontCorrection = "14";
		DelimiterSize = 12;
		AboutMeTableSize=435;
		AboutMeFontSize=14;
		MenuFontSize=14;
		MainTitleFontSize=28;
		MainProfFontSize=16;
		LogoImage = "xn_logo4.gif";
		TitleSellSpacing = 12;
	}
	else if ( MinCoords > 500 ) {
		SizeOfImage = "400";
		FontCorrection = "11";
		DelimiterSize = 10;
		AboutMeTableSize=350;
		AboutMeFontSize=12;
		MenuFontSize=10;
		MainTitleFontSize=22;
		MainProfFontSize=14;
		LogoImage = "xn_logo5.gif";
		TitleSellSpacing = 10;
	}
	else {
		SizeOfImage = "300";
		FontCorrection = "8";
		DelimiterSize = 8;
		AboutMeTableSize=270;
		AboutMeFontSize=10;
		MenuFontSize=8;
		MainTitleFontSize=16;
		MainProfFontSize=10;
		LogoImage = "xn_logo6.gif";
		TitleSellSpacing = 8;
	}
	
	MenuTableSize = AboutMeTableSize - 10;
	
	// Change the size of the title
	document.getElementById('xn_title').style.fontSize=MainTitleFontSize + "px";
	document.getElementById('prof_title').style.fontSize=MainProfFontSize + "px";

	// Change the logo
	if ( document.getElementById("logo_image").src != LogoImage )
		document.getElementById("logo_image").src = LogoImage;
	
	// Change the sellspacing of the title table
	document.getElementById("title_table").cellSpacing = TitleSellSpacing + "px";
	
	// Create the names of the images
	var WeddingImage = "weddings_" + SizeOfImage + ".jpg";
	var StudioImage = "studio_" + SizeOfImage + ".jpg";
	var ReportageImage = "reportage_" + SizeOfImage + ".jpg";
	var ChildrenImage = "children_" + SizeOfImage + ".jpg";
	var LifestyleImage = "portraits_" + SizeOfImage + ".jpg";
	//alert(WeddingImage);
	
	// Load the correct images
	if ( document.getElementById("reportage_image").src != ReportageImage )
		document.getElementById("reportage_image").src = ReportageImage;
	if ( document.getElementById("wedding_image").src != WeddingImage )
		document.getElementById("wedding_image").src = WeddingImage;
	if ( document.getElementById("studio_image").src != StudioImage )
		document.getElementById("studio_image").src = StudioImage;
	if ( document.getElementById("children_image").src != ChildrenImage )
		document.getElementById("children_image").src = ChildrenImage;	
	if ( document.getElementById("lifestyle_image").src != LifestyleImage )
		document.getElementById("lifestyle_image").src = LifestyleImage;
	
	// Set font size
	document.getElementById('wedding_photo_title').style.fontSize=FontCorrection + "px";
	document.getElementById('reportage_photo_title').style.fontSize=FontCorrection + "px";
	document.getElementById('studio_photo_title').style.fontSize=FontCorrection + "px";
	document.getElementById('children_photo_title').style.fontSize=FontCorrection + "px";
	document.getElementById('lifestyle_photo_title').style.fontSize=FontCorrection + "px";
	
	// Set the delimiter size
	document.getElementById('delimeter').style.width=DelimiterSize + "px";

	// Upate the text table
	document.getElementById('aboutme_table').style.width=AboutMeTableSize + "px";
	document.getElementById('music_table').style.width=MenuTableSize + "px";
	document.getElementById('about_me_text').style.fontSize=AboutMeFontSize + "px";

	// Update the menu table
	document.getElementById('menu_table').style.width=MenuTableSize + "px";
	document.getElementById('about_me_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('conditions_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('trainings_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('reviews_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('news_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('blog_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('links_menu_item').style.fontSize=MenuFontSize + "px";
	document.getElementById('contacts_menu_item').style.fontSize=MenuFontSize + "px";
}

function ResizeTable()
{
	var MainImage = document.getElementById("main_image");	
	var DescTable = document.getElementById("description_table");
	DescTable.width = MainImage.width;
}

function DoClick()
{

if ( BrowserDetect.browser != "Safari" && BrowserDetect.browser != "Firefox" ) PlayMusic("play_click");

}


function SetSelection(Section, Image)
{
	DoClick();
	
	var MainImage = document.getElementById(Image);
	
	var X = findPosY(MainImage);
	var Y = findPosX(MainImage);
	var Width = MainImage.width
	var Height = MainImage.height
			
	var SelectArea = document.getElementById("select");
	SelectArea.style.display = 'block';  
	SelectArea.style.cssText='width: '+Width+'px; height: '+Height+'px; top: '+X+'px; left: '+Y+'px; background-color: #2F0F0F; position: absolute; opacity:.10; filter: alpha(opacity=10); -moz-opacity: 0.10; cursor:pointer';
	
	//Set correct URL
	if ( Section == "weddings" ) CurrentURL = WeddingURL;
	else if ( Section == "reportage" ) CurrentURL = ReportageURL;
	else if ( Section == "lifestyle" ) CurrentURL = LifestyleURL;
	else if ( Section == "children" ) CurrentURL = ChildrenURL;
	else if ( Section == "portraits" ) CurrentURL = PortraitsURL;
}

function GoToURL()
{
	if ( CurrentURL != "") window.open(CurrentURL);
}

function DisselectArea()
{	
	var SelectArea = document.getElementById("select");
	SelectArea.style.cssText='display: none';
	
	if ( BrowserDetect.browser != "Safari" && BrowserDetect.browser != "Firefox" ) StopMusic("play_click");	
}

function PlayMusic(id) {

	var p = document.getElementById(id);
	if (p.controls) {
		p.controls.play();
	} else {
		if (p.innerHTML) {
			txt = p.innerHTML;
			txt = txt.replace(/autostart=\"\d+\"/, 'autostart="1"');
			p.innerHTML = txt;
		}
	}
}

function StopMusic(id) {

	var p = document.getElementById(id);
	if (p.controls) {
		p.controls.stop();
	} else {
		if (p.innerHTML) {
			txt = p.innerHTML;
			txt = txt.replace(/autostart=\"\d+\"/, 'autostart="0"');
			p.innerHTML = txt;
		}
	}
}


function DisplayMusicBar(state) {

	var txt = "";

	if ( state == "On" ) {
		txt = "<a href=\"" + "javascript:stopBackgroundSound()\"" + "class=\"" + "noLink\"" + "><img border=0 src=\"keys_playing.gif\"></a>";
	} else {
		txt = "<a href=\"" + "javascript:playBackgroundSound()\"" + "class=\"" + "noLink\"" + "><img border=0 src=\"keys_still.gif\"></a>";
	}
	
	document.getElementById("music_bar").innerHTML=txt;
}

function playBackgroundSound() {
	DisplayMusicBar("On");
	PlayMusic("play_background_music");
}

function stopBackgroundSound() {
	DisplayMusicBar("Off");
	StopMusic("play_background_music");
}

function SetEnglish() {

	return;
	
	CurrentLang = "En";

	// Main image
	document.getElementById("main_image").src = "first_page_en_800.jpg";
	document.getElementById("main_image").alt = "Xenya Nikolaeva, photographer";

	// Lables
	document.getElementById("reportage").alt="Events";
	document.getElementById("lifestyle").alt="Lifestyle";
	document.getElementById("portraits").alt="Portraits";
	document.getElementById("children").alt="Children";
	document.getElementById("weddings").alt="Weddings";

	// Bottom text
	var DescTable = document.getElementById("description_table_message");
	DescTable.innerHTML= "<font size=\"-1\"><i>For orders please send me email to <a href=\"mailto:xenya@xenya.ru\">xenya@xenya.ru</a> or call +7(926)1739638<br>Blog: <a href=\"http://xenia-nikolaeva.livejournal.com\" target=\"_blank\">xenia-nikolaeva</a></i></table></i></font>";
}