$(document).ready(function(){
  $('.fancybox').fancybox();
})

var mc_map =
{
  "web-design":          { frame: 0, xoffset: -2550 },
  /*"web-development":     { frame: 1, xoffset: -1570  }, */
  "flash-design":        { frame: 2, xoffset: -3530 },
  "widgets":             { frame: 3, xoffset: -9410 },
  "film-production":     { frame: 4, xoffset: -5490 },
  "motion-graphics":     { frame: 5, xoffset: -4510 },
  "content-development": { frame: 6, xoffset: -8430 },
  "media-training":      { frame: 7, xoffset: -7450 },
  "consultancy":         { frame: 8, xoffset: -6470 } 
};

function getFlashMovieObject(movieName)
{
  if (window.document[movieName]) 
      return window.document[movieName];
  if (navigator.appName.indexOf("Microsoft Internet")==-1)
  {
    if (document.embeds && document.embeds[movieName])
      return document.embeds[movieName]; 
  }
  else
    return document.getElementById(movieName);
}

function mediaSetup ()
{
	jQuery('#widescreen').fadeIn ();
	jQuery('#menu').hide ();
	jQuery('#details').hide();
	jQuery('#wrapper').fadeIn ('slow');
	
	var img = new Image();

  jQuery(img).load(function ()
	{
		jQuery('#wrapper').addClass ('with-background');

		document.getElementById('wrapper').style.backgroundPosition = "-590px 0px";
		
		jQuery('#widescreen').fadeOut ('slow', function ()
			{
				jQuery('#movie').fadeIn ('slow');
				jQuery('#menu').fadeIn ('slow');
				
				jQuery('#menu a').click (function (item)
				{
				  var map = mc_map[this.hash.substring(1)];
				  if (map)
				    changeFrame ('movie', map.frame, this.hash, map.xoffset);
				  return false;
				});
				
				selectMenuItem (document.location.hash);
			});
	}).attr('src', '/images/frontend/big.jpg');

	
  jQuery('#infobox').hide ();
}

function selectMenuItem (item)
{
  jQuery('#menu a[href=' + item + ']').click ();
}

function changeFrame (movie,frame,info,xoffset)
{
  jQuery('#widescreen').fadeIn ();
  jQuery('#widescreen').html ('<div id="widescreen-movie"></div>').show ();

  // What to do if movie is hidden?
  if (!jQuery('#movie').is(':visible'))
  {
    jQuery('#widescreen').fadeOut ();
    jQuery('#movie').show ();
  }
  
	var mov = getFlashMovieObject('movie');
	if (mov && typeof mov.GotoFrame == 'function')
		mov.GotoFrame(frame);

  // Only show box if it has changed
  if (jQuery('#infobox .inner').html () != jQuery(info).html ())
  {
  	jQuery('#infobox').fadeTo ("slow", 0.01,
  		function ()
  		{
  			jQuery('#infobox .inner').html(jQuery (info).html ()).show ();
  			jQuery('#infobox').show ().fadeTo ('slow', 1.0);
  			jQuery('#controlBox'+frame).show ().fadeTo ('slow', 1.0);
  		});
  }

	// Scroll background
	jQuery('#wrapper').animate ({ backgroundPosition: xoffset + "px 0px" }, 1500, 'easeInOutBack');
	return false;
}

function show_widescreen (item, frame)
{
   jQuery('#controlBox'+frame).animate ({ opacity: 0}, 'slow', 'swing');

   jQuery('#movie').hide ();
	jQuery('#widescreen').html ('<div id="widescreen-movie"></div>').show ();
	swfobject.embedSWF (item.href, "widescreen-movie", "980", "349", "8", "/flash/expressInstall.swf", {}, { wmode: 'transparent', swLiveConnect: true });
	
//	jQuery('#infobox .inner').hide ('slow');
//	jQuery('#infobox').animate ({ opacity: 0}, 'slow', 'swing');
	return false;
}

// Prevents flicker when hiding the details element
(function () {
	var head = document.getElementsByTagName("head")[0];
	if (head) {
		var scriptStyles = document.createElement("link");
		scriptStyles.rel = "stylesheet";
		scriptStyles.type = "text/css";
		scriptStyles.href = "css/script-styles.css";
		head.appendChild(scriptStyles);
	}
}());