(function(global, $){
	var $tabs = $('#overviewtabs li');
	var $slides = $('#slidemaster .slide');
	var currentindex = 0;

	var $flashwrapper = $('#orientationvideo');
	var flashcomptemplate = __.template(global.getElementById('flash').innerHTML);
	var nameprepend = 'orientationvideo';
	var flashurl = 'http://photos.demandstudios.com/welcome.jpg';
	var flashwidth = 268;
	var flashheight = 182;

	var sitesbig = $('#sitesbig');

	var refreshFlash = function refreshFlash () {
		$flashwrapper.html(flashcomptemplate({element: nameprepend, url: flashurl, height: flashheight, width: flashwidth})); 
	};

	var shiftSitesSprite = function shiftSitesSprite (hash) {
		var targetsite = $(hash.t).attr('rel');
		var targetposition = '';

		switch (targetsite) {

		case 'siteicon_ehow':
			targetposition = 'left top';
		break;

		case 'siteicon_ls':
			targetposition = 'left -600px';
		break;

		case 'siteicon_ab':
			targetposition = 'left -1200px';
		break;

		case 'siteicon_gg':
			targetposition = 'left -2400px';
		break;

		case 'siteicon_travels':
			targetposition = 'left -1800px';
		break;

		case 'siteicon_trails':
			targetposition = 'left -3000px';
		break;
		};

		sitesbig.css('background-position', targetposition);
		hash.w.css('display', 'block');
	};

	refreshFlash();
	var requiresRefresh = false;
	if ($.browser.msie) { requiresRefresh = true; };

	$tabs.bind('click', function(e){
		var targetindex = $.inArray(this, $tabs);

		if (requiresRefresh && currentindex === 0 && targetindex >= 1) {
			refreshFlash();
		};

		$slides.eq(currentindex).removeClass('current');
		$slides.eq(targetindex).addClass('current');

		$tabs.eq(currentindex).removeClass('current');
		$tabs.eq(targetindex).addClass('current');

		currentindex = targetindex;
	});


	var sitesmodal = $('#sitesmodal');
	sitesmodal.jqm({ modal: true, trigger: 'a.modaltrigger', toTop: true, onShow: shiftSitesSprite });

})(document, jQuery)