// JavaScript Document

document.onkeyup = KeyCheck;       


function KeyCheck(e)

{

   var KeyID = (window.event) ? event.keyCode : e.keyCode;


   switch(KeyID)
   {
      case 37:

      	decrementImage();

      break;

      case 39:

      	incrementImage();

      break;
   }

}
	
function orient()
{
	switch(window.orientation){  
		case 0: document.getElementById("orient_css").href = "styles/kefski_photo_iphone_portrait.css";
		break;

		case -90: document.getElementById("orient_css").href = "styles/kefski_photo_iphone_landscape.css";
		break;

		case 90: document.getElementById("orient_css").href = "styles/kefski_photo_iphone_landscape.css";
		break;
	}
}
	
function loaded()
{	

	//orient();
	
	parseHash();
	
	var lastHash = document.location.hash;

	setInterval(function()
	{
		if (document.location.hash != lastHash)
		{
			parseHash();
			lastHash = document.location.hash;
		}
		
	}, 100);

	document.getElementById('loading').style.display = 'none';
	document.getElementById('loading').style.visibility = 'hidden';

}

function parseHash()
{
	
	if ( document.location.hash !== '' ) {

		var currentHash = parseInt(document.location.hash.substring(1),10);

		if ( isNaN(currentHash) ) {

			window.location.hash = count_display[current_image];

		} else {
		
			currentHash = currentHash - 1;
			
			if ( currentHash <= last_image ) {
				
				displayImage(currentHash);
				
			} else {

				window.location.hash = count_display[current_image];
				
			}
			
		}
		
	} else {
	
		if ( hashFlag != 1 )
		{
		
			window.location.hash = count_display[current_image];
		
		}

	}	
	
}

function displayImage(number)
{	

	document.getElementById('stageImage').src = images[number];
	document.getElementById('count').innerHTML = count_display[number];
	
	if ( image_title[number] !== '' )
	{
	
		document.getElementById('byline').innerHTML = image_title[number];
	
	} else {
		
		document.getElementById('byline').innerHTML = category_name;

	}
	
	current_image = number;

	window.location.hash = count_display[number];

}

function incrementImage()
{
	if ( current_image == last_image ) {
		current_image = 0;
	} else {	
		current_image++;
	}	

	document.getElementById('stageImage').src = images[current_image];
	document.getElementById('count').innerHTML = count_display[current_image];

	if ( image_title[current_image] !== '' )
	{
	
		document.getElementById('byline').innerHTML = image_title[current_image];
	
	} else {
		
		document.getElementById('byline').innerHTML = category_name;

	}

	window.location.hash = count_display[current_image];

}

function decrementImage()
{
	if ( current_image == 0 ) {
		current_image = last_image;
	} else {	
		current_image--;
	}	

	document.getElementById('stageImage').src = images[current_image];
	document.getElementById('count').innerHTML = count_display[current_image];

	if ( image_title[current_image] !== '' )
	{
	
		document.getElementById('byline').innerHTML = image_title[current_image];
	
	} else {
		
		document.getElementById('byline').innerHTML = category_name;

	}

	window.location.hash = count_display[current_image];

}

function incrementVideo()
{
	if ( current_image == last_image ) {
		current_image = 0;
	} else {	
		current_image++;
	}	

	player.sendEvent('NEXT');
	document.getElementById('count').innerHTML = count_display[current_image];

	if ( image_title[current_image] !== '' )
	{
	
		document.getElementById('byline').innerHTML = image_title[current_image];
	
	} else {
		
		document.getElementById('byline').innerHTML = category_name;

	}

	window.location.hash = count_display[current_image];

}

function decrementVideo()
{
	if ( current_image == 0 ) {
		current_image = last_image;
	} else {	
		current_image--;
	}	

	player.sendEvent('PREV');
	document.getElementById('count').innerHTML = count_display[current_image];

	if ( image_title[current_image] !== '' )
	{
	
		document.getElementById('byline').innerHTML = image_title[current_image];
	
	} else {
		
		document.getElementById('byline').innerHTML = category_name;

	}

	window.location.hash = count_display[current_image];

}

function resizeImage()
{
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
	//Non-IE
	myWidth = window.innerWidth;
	myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
	//IE 6+ in 'standards compliant mode'
	myWidth = document.documentElement.clientWidth;
	myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
	//IE 4 compatible
	myWidth = document.body.clientWidth;
	myHeight = document.body.clientHeight;
  }

	var max_height = myHeight - 188;
	var max_width  = myWidth - 560;
	var max_height_ratio = max_height * 1.65;
	
	if (max_width < 580)
	{
		
		max_width = 580;
		
	}
	
	if (max_height > max_width * 0.635)
	{
		
		max_height = parseInt(max_width * 0.635);
		
	}
	
	if (max_height < 370)
	{
		
		max_height = 370;
		
	}
	
	//if (max_width > max_height_ratio)
	//{
	
		//var body_width = max_height_ratio + 230;
	
	//} else {
	
		var body_width = max_width + 230;

	//}
	
	if (isIphone != 1)
	{
	document.getElementById('stage').style.maxHeight = max_height + 'px';
	document.getElementById('stageImage').style.maxHeight = max_height + 'px';
	document.getElementById('stage').style.maxWidth = max_width + 'px';
	document.getElementById('stageImage').style.maxWidth = max_width + 'px';
	document.getElementById('main_container').style.width = body_width + 'px';
	}
	
}

function showSubMenu(divID,linkID)
{
	
	document.getElementById('nav_fashion').style.display = 'none';	
	document.getElementById('nav_beauty').style.display = 'none';	
	document.getElementById('nav_glamor').style.display = 'none';	
	document.getElementById('nav_advertising').style.display = 'none';	
	document.getElementById('nav_fine_art').style.display = 'none';	
	document.getElementById('nav_video_clips').style.display = 'none';	


	document.getElementById('link_fashion').setAttribute("style", "color:#888;");	
	document.getElementById('link_beauty').setAttribute("style", "color:#888;");	
	document.getElementById('link_glamor').setAttribute("style", "color:#888;");	
	document.getElementById('link_advertising').setAttribute("style", "color:#888;");	
	document.getElementById('link_fine_art').setAttribute("style", "color:#888;");	
	document.getElementById('link_video_clips').setAttribute("style", "color:#888;");	


	document.getElementById(divID).style.display = 'block';
	document.getElementById(linkID).setAttribute("style", "color:#eee;");	

	document.getElementById('thumbnails').style.display = 'none';
	document.getElementById('footer_container').style.marginTop = '0px';
	document.getElementById('thumbnail_toggle').innerHTML = 'Show Thumbnails';

}

function showThumbs(number)
{
	var rows = number / 4;
	rows = Math.ceil(rows)
	var top_margin = (rows * 55) + 7;

	if(document.getElementById('thumbnails').style.display == 'none'){
		document.getElementById('thumbnails').style.display = 'block';
		document.getElementById('footer_container').style.marginTop = '-' + top_margin + 'px';
		document.getElementById('thumbnail_toggle').innerHTML = 'Hide Thumbnails';
	}else{
		document.getElementById('thumbnails').style.display = 'none';
		document.getElementById('footer_container').style.marginTop = '0px';
		document.getElementById('thumbnail_toggle').innerHTML = 'Show Thumbnails';
	}

}