var active = null;
var browser=navigator.appName;
var currentTime;

var merchUrl = null;
var forumUrl = null;
var objectPlaying = null;
var oXMLHttp = null;
var oXMLHttpClick = null;
var oXMLHttpRelease = null;
var oXMLHttpTour = null;
var oXMLHttpFlashNav = null;

var horzBackgrounds = new Array();

var horzBackgroundCount = 16;

var monthArray = new Array("January","February","March","April","May","June","July","August","September","October","November","December");

var agent = navigator.userAgent.toLowerCase(); 
var isMac = (agent.indexOf("mac") != -1) ? true : false;
var isMSIE = (navigator.appVersion.indexOf("MSIE")!=-1) ? true : false;

var browserName = "";

var historyXML = new Object;

var ua = navigator.userAgent.toLowerCase();


if ( ua.indexOf( "opera" ) != -1 )
{
	browserName = "opera";
} else if ( ua.indexOf( "android" ) != -1 )
{
	browserName = "android";
} else if ( ua.indexOf( "msie" ) != -1 )
{
	browserName = "msie";
} else if ( ua.indexOf( "ipad" ) != -1 )
{
	browserName = "ipad";
} else if ( ua.indexOf( "safari" ) != -1 )
{
	browserName = "safari";
} else if ( ua.indexOf( "mozilla" ) != -1 )
{
	if ( ua.indexOf( "firefox" ) != -1 )
	{
		browserName = "firefox";
	} else {
		browserName = "mozilla";
	}
}


var paneDifference = 0;

function getIEVersionNumber() {
    var ua = navigator.userAgent;
    var MSIEOffset = ua.indexOf("MSIE ");
    
    if (MSIEOffset == -1) {
        return 0;
    } else {
        return parseFloat(ua.substring(MSIEOffset + 5, ua.indexOf(";", MSIEOffset)));
    }
}

function tableRollover(obj) {
	document.getElementById(obj).style.backgroundColor='#db0038';
}

function tableRollout(obj) {
	document.getElementById(obj).style.backgroundColor='transparent';
}

function MM_preloadImages() { //v3.0
	var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	if (a[ i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[ i];}}
} 

var canSwap = "true";

function scrollToTop()
{
	scroll(0);
}

function printImage(imageUrl, width, height, max) {


	imageWidth = parseInt(width * (max/width));
	imageHeight = parseInt(height * (max/width));


	leftDif = parseInt((max - imageWidth) / 2);
	topDif = parseInt((max - imageHeight) / 2);

	image = "<img src=\""+imageUrl+"\" width=\""+imageWidth+"\" height=\""+imageHeight+"\" border=\"0\" align=\"top\">"; 
	
	return image;

}

function addslashes(str) {

	str=str.replace(/\'/g,'\\\'');
	str=str.replace(/\"/g,'\\"');
	str=str.replace(/\\/g,'\\\\');
	str=str.replace(/\0/g,'\\0');
	return str;
}

function stripslashes(str) {
	var thisStr = "";
	str=str.replace(/\\'/g,'\'');
	str=str.replace(/\\"/g,'"');
	str=str.replace(/\\\\/g,'\\');
	str=str.replace(/\\0/g,'\0');
	return str;
}

window.onload=function(){


}

function toCamelCase(s) {
	for (var exp = /-([a-z])/; exp.test(s); s=s.replace(exp, RegExp.$1.toUpperCase())) {
	}
	return s;
}


function GetXMLHttpObject()
{
      oXMLHttp = null;

      try
      {
            oXMLHttp = new ActiveXObject("MSXML2.XMLHTTP");
      }
      catch (E)
      {
            try
            {
                  oXMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (E)
            {
              oXMLHttp = null;
            }
      }

      if ((oXMLHttp == null) && (typeof(XMLHttpRequest) != 'undefined'))
      {
            oXMLHttp = new XMLHttpRequest();
      }

      return oXMLHttp;
}



function capitalize(obj) {
        val = obj;
        newVal = '';
        val = val.split(' ');
        for(var c=0; c < val.length; c++) {
                newVal += val[c].substring(0,1).toUpperCase() + val[c].substring(1,val[c].length) + ' ';
        }
        return newVal;
}


function dumpDivs(thisSection)
{
	document.getElementById('content').display = "block";
	document.getElementById('secondaryDiv').display = "block";
	document.getElementById('tertiaryDiv').display = "block";
	document.getElementById('content').innerHTML = "";
	if (thisSection != "tours" || thisSection != "video")
	{
		document.getElementById('secondaryDiv').innerHTML = "";
	}
	if (thisSection != "photos")
	{
		document.getElementById('tertiaryDiv').innerHTML = "";
	}

}
//
function getStyle(el, style) {
	if (!document.getElementById) {
		return;
	}
	var value = el.style[toCamelCase(style)];
	if (!value) {
		if (document.defaultView) {
			value = document.defaultView.getComputedStyle(el, "").getPropertyValue(style);
		} else if (el.currentStyle) {
			value = el.currentStyle[toCamelCase(style)];
		}
	}
	return value;
}

function getElement(id){	
	if (!document.getElementById){
	 return;
	}
	//
	if (document.getElementById){
		// this is the way the standards work
		var el = document.getElementById(id);
	}else if (document.all){
		// this is the way old msie versions work
		var  el = document.all[id];
	}else if (document.layers){
		// this is the way nn4 works
		var el = document.layers[id];
	}
	return el;
}

toggleDisplay=function(el){
	el.style.display = el.style.display ? "" : "block";
}

replaceAnchors=function(){
	if (document.getElementById) {
		var atags = document.getElementsByTagName("A");
		for (var i = 0; i<atags.length; i++) {
			var ca = atags[i];
			var index=ca.href.indexOf("#");
			var hash=ca.href.substring(index+1);
			if (index>-1 &&	hash.length>0) {
				ca.link=hash;
				ca.onclick = function() {	
					var b = getElement('content');
					b.scrollTop = getElement(this.link).offsetTop;
					return false;
				};
			}
		}
	}
}


function placeFLVPlayer(videoUrl, videoType)
{
	videoUrl = videoUrl.replace(/&/, "%26");
	var flashVars = "videoUrl="+videoUrl+"&autoplay=true";
	switch(videoType)
	{
		case "Official":
			switch(browserName)
			{

				case "msie" :

					html = "<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs//sites/passion6/files/swflash.cab#version=9,0,0,0\" width=\"100%\" height=\"100%\" id=\"resizer\" align=\"middle\">";
					html += "<param name=\"allowScriptAccess\" value=\"always\" />";
					html += "<param name=\"allowFullScreen\" value=\"false\" />";
					html += "<param name=\"wmode\" value=\"transparent\" />";
					html += "<param name=\"movie\" value=\"flash/videoPlayer.swf?"+flashVars+"\" />";
					html += "<param name=\"quality\" value=\"high\" />";
					html += "<param name=\"bgcolor\" value=\"#ffffff\" />";
					html += "<embed src=\"flash/videoPlayer.swf\" wmode=\"transparent\" quality=\"high\" bgcolor=\"#ffffff\" width=\"100%\" height=\"100%\" flashvars=\"" +flashVars+ "\"  id=\"resizer\" name=\"resizer\" align=\"middle\" allowScriptAccess=\"always\" allowFullScreen=\"false\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" />";
					html += "</object>";
					document.getElementById('flashNav').innerHTML = html;
					break;

				default:

					var so = new SWFObject("flash/videoPlayer.swf", "resizer", "100%", "100%", "9");
					so.addParam("scale", "default");
					//so.addParam("FlashVars", flashVars);
					so.addVariable("videoUrl", videoUrl);
					so.addVariable("autoplay", true);
					so.addParam("wmode", "transparent");
					so.write("flashNav");
					break;
			}
			break;
			
		case "YouTube":

			var so = new SWFObject("http://www.youtube.com/v/"+ videoUrl.substr(31)+"&autoplay=1", "resizer", "100%", "100%", "9");
			so.addParam("scale", "default");
			so.addParam("bgcolor", "#000000");
			so.addParam("wmode", "transparent");
			so.write("flashNav");
			break;
	}
	
	windowResize();	
	
	if (divDirections["up"] == "true")
	{
		closeHorz();
	}
	
	document.getElementById('flashNav').innerHTML += "<div style=\"position: absolute; left: 10px; top:10px;\"><a href=\"#\" onclick=\"loadFlashNav(); return false;\"><img src=\"http://www.columbiarecords.com/artist/passionpit/trackbytrack/images/close_button_orange.gif\" width=\"33\" height=\"33\" border=\"0\"></a></div>";

}


function placePlayer(sDivId, previewUrl, iteration)
{
      var oXMLHttp = GetXMLHttpObject();

	  var url="../php/placePreviewPlayer.php";
	  url=url+"?previewUrl="+previewUrl;
	  url=url+"&iteration="+iteration;
	  url=url+"&browser="+browser;

      oXMLHttp.open("GET", url, true);

      oXMLHttp.onreadystatechange = function()
            {
                  if (oXMLHttp.readyState == 4)
                  {	
                        document.getElementById(sDivId).innerHTML = oXMLHttp.responseText;
                  }
            }

      oXMLHttp.send(null);
}

function placePodcastPlayer(sDivId, previewUrl, iteration)
{
      var oXMLHttp = GetXMLHttpObject();

	  var url="../php/placePodcastPlayer.php";
	  url=url+"?previewUrl="+previewUrl;
	  url=url+"&iteration="+iteration;
	  url=url+"&browser="+browser;

      oXMLHttp.open("GET", url, true);

      oXMLHttp.onreadystatechange = function()
            {
                  if (oXMLHttp.readyState == 4)
                  {	
                        document.getElementById(sDivId).innerHTML = oXMLHttp.responseText;
                  }
            }

      oXMLHttp.send(null);
}

function placePodcastPlayerHome(sDivId, previewUrl)
{

      var oXMLHttp = GetXMLHttpObject();

	  var url="php/placePodcastPlayerHome.php";
	  url=url+"?previewUrl="+previewUrl;
	  url=url+"&browser="+browser;

      oXMLHttp.open("GET", url, true);

      oXMLHttp.onreadystatechange = function()
            {
                  if (oXMLHttp.readyState == 4)
                  {	
                        document.getElementById(sDivId).innerHTML = oXMLHttp.responseText;
                  }
            }

      oXMLHttp.send(null);
}

function placeRadio()
{
      var oXMLHttp = GetXMLHttpObject();

	  var url="../php/placeRadio.php";
	  url=url+"?browser="+browser;

      oXMLHttp.open("GET", url, true);

      oXMLHttp.onreadystatechange = function()
            {
                  if (oXMLHttp.readyState == 4)
                  {	
                        document.getElementById("radio").innerHTML = oXMLHttp.responseText;
                  }
            }

      oXMLHttp.send(null);
}

function changeVal(id)
{
	val = "";
	document.getElementById(id).value = val;
}

function submitEmail(loc)
{
	var email = document.getElementById('email').value;

	if(loc == null)
	{
		thisLoc = "";
	} else {
		thisLoc = loc;
	}
	
	var url = thisLoc + "community/?email="+email;

	document.location = url;
}


switchContent=function(id){	

	//turn off last active
	if(active){
		document.images[oldSection].src = items[oldSection].off.src;
		toggleDisplay(active);
	}
	
	switch(id)
	{
		case "news":
			
			id = "news"+territory;	
			active=getElement(id);
			toggleDisplay(active);
			section = oldSection = "news";
			document.images[section].src = items[section].on.src;
			break;

		case "contest":

			id = "contest"+territory;	
			active=getElement(id);
			toggleDisplay(active);
			section = oldSection = "contest";
			document.images[section].src = items[section].on.src;
			break;

		default:

			active=getElement(id);
			toggleDisplay(active);
			section = oldSection = id;
			document.images[section].src = items[section].on.src;
			break
	}
	
	//var img=(getElement('headerimg'))
	//img.src="http://www.columbiarecords.com/artist/passionpit/trackbytrack/images/header-"+id+".jpg"

	//trackEvent(window.location.host, "/"+id+".ajaxPage", id, '');
	
	var contentDiv = getElement('content');
	contentDiv.scrollTop = 0;
}

//
function getQueryVariable(variable) {
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i = 0; i<vars.length; i++) {
		var pair = vars[i].split("=");
		if (pair[0] == variable) {
			return pair[1];
		}
	}
}

function startScrollingDetector(){
	setInterval("scrollingDetector()", 250);
	setBg();
}

function scrollingDetector(){
/*
	if (navigator.appName == "Microsoft Internet Explorer")
	{
		scrollValue = document.body.scrollTop;
	} else {
		scrollValue = window.pageYOffset;
	}
*/	
	scrollValue = document.getElementById('contentDiv').scrollTop;
	moveDiv();
}

function toggleAlphaNav(state){
	el = document.getElementById('footerAlphaNav');
	
	if(state == "hide")
	{
	 	el.style.display = "";
	} else {
		el.style.display = "block";
	}
}



function getScreenSize()
{
	if( typeof( window.innerWidth ) == 'number' ) {
	//Non-IE
		screenWidth = window.innerWidth;
		screenHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
	//IE 6+ in 'standards compliant mode'
		screenWidth = document.documentElement.clientWidth;
		screenHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
	//IE 4 compatible
		screenWidth = document.body.clientWidth;
		screenHeight = document.body.clientHeight;
	}

	arrayPageSize = new Array(screenWidth,screenHeight)
	return arrayPageSize;
}



function setStage()
{

	pageSize = getScreenSize();


	//alert(pageSize[0] + ' ' + pageSize[1]);
	// original height / original width x new width = new height

	if(pageSize[0] < pageSize[1])
	{
		document.getElementById('backgroundDiv').style.height = pageSize[1] +"px";
		
		var newSize = (1280 / 720) * pageSize[1];
		
		document.getElementById('backgroundDiv').style.width = newSize +"px";
		document.getElementById('backgroundDiv').style.left = (pageSize[0] / 2) - (newSize / 2) +"px";
		document.getElementById('backgroundDiv').style.top = "0px";
	
	
	} else {
	
		if( (pageSize[1] / pageSize[0]) > 0.5265)
		{
			document.getElementById('backgroundDiv').style.height = pageSize[1] +"px";

			var newSize = (1280 / 720) * pageSize[1];

			document.getElementById('backgroundDiv').style.width = newSize +"px";
			document.getElementById('backgroundDiv').style.left = (pageSize[0] / 2) - (newSize / 2) +"px";
			document.getElementById('backgroundDiv').style.top = "0px";
		
		} else {
		
			document.getElementById('backgroundDiv').style.width = pageSize[0] +"px";

			var newSize = (720 / 1280) * pageSize[0];

			document.getElementById('backgroundDiv').style.height = newSize +"px";
			document.getElementById('backgroundDiv').style.top = (pageSize[1] / 2) - (newSize / 2) +"px";
			document.getElementById('backgroundDiv').style.left = "0px";
		}
	
	}
	
/*
	if(browserName == "msie" && getIEVersionNumber() < 8)
	{
		document.getElementById('carouselContainer').style.left = (pageSize[0] / 2) - (document.getElementById('carouselContainer').offsetWidth / 2) +"px";
	} else {
	
		document.getElementById('carouselContainer').style.left = (pageSize[0] / 2) - (700 / 2) +"px";
	}
	
	document.getElementById('carouselContent').innerHTML = '<span id="contentBoxTitle">' + contentTitle +'</span><br/><div id="contentTextHolder"><span id="contentBoxText">'+ contentText+'</span></div>';
	document.getElementById('carouselContent').style.top = (pageSize[1] / 2) - (document.getElementById('carouselContent').offsetHeight / 2) - 70 +"px";
	document.getElementById('carouselContent').style.left = (pageSize[0] - 225) +"px";
	
	document.getElementById('secondaryNav').style.display = "block";
	document.getElementById('secondaryNav').style.left = (pageSize[0]) - (document.getElementById('secondaryNav').offsetWidth) +"px";
*/	
	document.getElementById('listingAndControl').style.left = (pageSize[0] - 300) +"px";
	document.getElementById('footer').style.left = (pageSize[0] - 220) +"px";
	document.getElementById('footer').style.top = (pageSize[1] - 37) +"px";


	document.getElementById('logoTertiary').style.top = (pageSize[1] - 60) +"px";

}

function launch(url, name, width, height, options)
	{
	if (!name)
		{
		name = "window_" + Math.floor(1000 * Math.random());
		}
	
	if (!width)
		{
		width = screen.availWidth;
		}
		
	if (!height)
		{
		height = screen.availHeight;
		}
	
	if (!options)
		{
		options = "menubar=1,toolbar=1,location=1,directories=1,status=1,scrollbars=1,resizable=1";
		}
	
	width	= Math.min(width, screen.availWidth);
	height	= Math.min(height, screen.availHeight);
	var x	= Math.max(0, 0.5 * (screen.availWidth - width));
	var y	= Math.max(0, 0.5 * (screen.availHeight - height));

	var config = "";
	config += "left=" + x + ",top=" + y + ",";
	config += "screenX=" + x + ",screenY=" + y + ",";
	config += "width=" + width + ",height=" + height;
	config += "," + options;

	var win = window.open(url, name, config);
	if (win && window.focus)
		{
		win.focus();
		}
	}

function whatsNew(contentType)
{
	//document.getElementById('overlay').style.display = 'block';
	jQuery("#overlay").fadeIn(3000, function() { getContent(); });
}


function closeSecondary()
{
	jQuery("#secondaryContainer").fadeOut(200, function() { jQuery("#overlay").fadeOut(200); } );
}

var oXMLHttpContent;

function GetContentXMLHttpObject()
{
     oXMLHttpContent = null;

      try
      {
            oXMLHttpContent = new ActiveXObject("MSXML2.XMLHTTP");
      }
      catch (E)
      {
            try
            {
                  oXMLHttpContent = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (E)
            {
              oXMLHttpContent = null;
            }
    }

      if ((oXMLHttpContent == null) && (typeof(XMLHttpRequest) != 'undefined'))
      {
            oXMLHttpContent = new XMLHttpRequest();
      }

      return oXMLHttpContent;
}


var contentObj = new Object;

var currentFeat = 0;

function getContent(contentType)
{

	if(contentType == undefined) contentType = "news";

	if(oXMLHttpContent)
	{
		oXMLHttpContent.abort();
	}

	oXMLHttpContent = GetContentXMLHttpObject();

	var url = "php/getContent.php?contentType="+ contentType;

	oXMLHttpContent.open("POST", url, true);

	oXMLHttpContent.onreadystatechange = function()
	    {
		  if (oXMLHttpContent.readyState == 4)
		  {
			var JSONObject = new Object;

			var response = oXMLHttpContent.responseText;

			JSONObject = JSON.parse(response);

			contentObj = JSONObject.Content;

			switch(contentType)
			{
				case "news":
				case "viral":

					loadWhatsNewPane(contentType);
					break;
				
				case "artist":
					
					loadArtistPane();
					break;
					
				case "events":
					
					loadEventsPane();
					break;
			}
		  }				
	    }

	oXMLHttpContent.send(null);

}



var currentSecondaryNav = "";

function setColor(id)
{
	if(currentSecondaryNav != "") currentSecondaryNav.style.color = "#ffffff";
	currentSecondaryNav = document.getElementById(id);
	currentSecondaryNav.style.color = "#dd0038";
}
	
function loadWhatsNewPane(contentType)
{

	getElement('secondary_1').style.width = "230px";
	getElement('secondary_2').style.width = "670px";
	
	var html_1 = '<span id="secondaryContentText"><a id="newsHeadline" href="Javascript:void(0);" onclick="setColor(\'newsHeadline\'); jQuery(\'#secondary_2\').fadeOut(\'slow\', function() { loadNewsHeadlines(); });">Latest Headlines</a><br/><img src="http://www.columbiarecords.com/artist/passionpit/trackbytrack/images/hr.jpg" width="230" height="1" style="padding: 10px 0px 10px 0px"/><br/><a id="viralVideo" href="Javascript:void(0);" onclick="setColor(\'viralVideo\'); jQuery(\'#secondary_2\').fadeOut(\'slow\', function(){ loadViralVideo(); });">Viral Video Of The Week</a></span>';
	
	document.getElementById('secondary_1').innerHTML = html_1;
	
	switch(contentType)
	{
		case "viral":
			loadViralVideo();	  
			break;
			
		case "news":
			loadNewsHeadlines();
			break;
		}
	
	jQuery("#secondaryContainer").fadeIn(500, function(){});

}

function loadViralVideo()
{
	setColor('viralVideo');
	var html = '<span id="contentTextTitle">'+ contentObj[0].viral[0].itemTitle +'</span><br/><span id="contentText">'+ contentObj[0].viral[0].itemBody +'</span>';
	document.getElementById('secondary_2').innerHTML = html;
	jQuery("#secondary_2").fadeIn(500);
}

function loadNewsHeadlines(itemId)
{

	setColor('newsHeadline');
	var html ="";

	if(itemId != undefined)
	{

		for(var article in contentObj[1].news)
		{
			if(contentObj[1].news[article].itemId == itemId)
			{
				news = contentObj[1].news[article];
				html = '<span id="contentText">'+ news.itemDate +'</span><br/><span id="contentTextTitle">'+ news.itemTitle +'</span><br/><br/><span id="contentText">'+ news.itemBody +'</span>';
				break;
			}
	
		}
	} else {

		for(var article in contentObj[1].news)
		{
			news = contentObj[1].news[article];
			if(news.itemLink == "")
			{
				html += '<table width="640" cellspacing="0" cellpadding="5"><tr valign="top" align="left"><td width="250"><a href="javascript:void(0);" onclick="jQuery(\'#secondary_2\').fadeOut(500, function() { loadNewsHeadlines('+ news.itemId +'); })"><img src="'+ news.artistImage +'" style="border: 1px solid #ffffff" width="250" height="138" /></a></td><td width="430"><span id="contentHeadlineText"><a href="javascript:void(0);" onclick="jQuery(\'#secondary_2\').fadeOut(500, function() { loadNewsHeadlines('+ news.itemId +'); })">'+ news.itemDate +' - ' + news.artistName +'</a></span><br/><span id="contentHeadlineTitle"><a href="javascript:void(0);" onclick="jQuery(\'#secondary_2\').fadeOut(500, function() { loadNewsHeadlines('+ news.itemId +'); })">'+ news.itemTitle +'</a></span></td></tr></table><br/><br/>';
			} else {
				html += '<table width="640" cellspacing="0" cellpadding="5"><tr valign="top" align="left"><td width="250"><a href="' + news.itemLink + '" target="_blank"><img src="'+ news.artistImage +'" style="border: 1px solid #ffffff" width="250" height="138" /></a></td><td width="430"><span id="contentHeadlineText"><a href="' + news.itemLink + '" target="_blank">'+ news.itemDate +' - ' + news.artistName +'</a></span><br/><span id="contentHeadlineTitle"><a href="' + news.itemLink + '" target="_blank">'+ news.itemTitle +'</a></span></td></tr></table><br/><br/>';
			}
			
		}	
	}

	document.getElementById('secondary_2').innerHTML = html;
	jQuery("#secondary_2").fadeIn(500);
}



var oXMLHttpVideo;

function GetVideoXMLHttpObject()
{
     oXMLHttpVideo = null;

      try
      {
            oXMLHttpVideo = new ActiveXObject("MSXML2.XMLHTTP");
      }
      catch (E)
      {
            try
            {
                  oXMLHttpVideo = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (E)
            {
              oXMLHttpVideo = null;
            }
    }

      if ((oXMLHttpVideo == null) && (typeof(XMLHttpRequest) != 'undefined'))
      {
            oXMLHttpVideo = new XMLHttpRequest();
      }

      return oXMLHttpVideo;
}


var videoObj = new Object;

function loadVideoXML()
{

	videoObj = responseText.Videos;

	listVideos();

}

function listVideos()
{

	html = '<table width="100%" height="100%" cellspacing="3" cellpadding="0">';
	for(var vid in videoObj)
	{
		html += '<tr valign="center" align="left"><td><div id="video_'+ videoObj[vid].id +'"  style="padding: 10px; background-image: url(http://www.columbiarecords.com/artist/passionpit/trackbytrack/images/overlay.png); border: 1px solid transparent"><a href="Javascript:void(0);" onclick="swapVideo('+vid+');"><img src="http://www.columbiarecords.com/artist/passionpit/trackbytrack/images/titles/'+ videoObj[vid].title +'.png" border="0" outline="none"/></a></div></td></tr>';
	}
	html += '</table>';
	getElement('listing').innerHTML = html;
	
	setStage();
	placeVideo();
	
}
	

var currentSong = -1;



function pauseVid()
{

	var video = getElement("videoPlayer");
	
	video.pause();
	
	getElement("pauseButton").style.display = "none";
	
	getElement("playButton").style.display = "block";
	
}

function playVid()
{

	clearTimeout(timeout);
	
	var video = getElement("videoPlayer");
	
	video.play();
	
	getElement("pauseButton").style.display = "block";
	
	getElement("playButton").style.display = "none";
}

function swapVideo(thisVid)
{

	elementId = "video_"+ videoObj[currentVideo].id;
	getElement(elementId).style.border = "1px solid transparent";
	currentVideo = thisVid
	placeVideo();
}

function nextVid()
{

	elementId = "video_"+ videoObj[currentVideo].id;
	getElement(elementId).style.border = "1px solid #000000";
	if(currentVideo >= lastVideo - 1) 
	{
		currentVideo = initialVideo;
	} else {
		currentVideo++;
	}
	placeVideo();
}

var timeout = 0;

function placeVideo()
{
	elementId = "video_"+ videoObj[currentVideo].id;
	getElement(elementId).style.border = "1px solid #ffffff";

	getElement("playButton").style.display = "";
		
	getElement("pauseButton").style.display = "";

	videoUrl = videoObj[currentVideo].flv.replace(/&/, "%26");
	var flashVars = "videoUrl="+videoUrl+"&autoplay=true";
	var html = "";
	
	
	//alert(browserName);
	
	switch(browserName)
	{

		case "msie" :

				html = "<table width=\"100%\" height=\"100%\" cellspacing=\"0\" cellpadding=\"0\"><tr valign=\"center\" align=\"center\"><td width=\"100%\" height=\"100%\">";

				html += "<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0\" width=\"100%\"height=\"100%\" id=\"videoPlayer\" align=\"middle\">";
				html += "<param name=\"allowScriptAccess\" value=\"always\" />";
				html += "<param name=\"allowFullScreen\" value=\"false\" />";
				html += "<param name=\"wmode\" value=\"transparent\" />";
				html += "<param name=\"movie\" value=\"http://www.passionpitmusic.com/sites/passion6/files/videoPlayerBG.swf?"+flashVars+"\" />";
				html += "<param name=\"quality\" value=\"high\" />";
				html += "<param name=\"bgcolor\" value=\"#000000\" />";
				html += "<param name=\"scale\" value=\"default\" />";
				html += "<embed src=\"http://www.passionpitmusic.com/sites/passion6/files/videoPlayerBG.swf\" wmode=\"transparent\" quality=\"high\" bgcolor=\"#000000\" flashvars=\"" +flashVars+ "\" scale=\"default\" width=\"100%\" height=\"100%\" id=\"videoPlayer\" name=\"videoPlayer\" align=\"middle\" allowScriptAccess=\"always\" allowFullScreen=\"false\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" />";
				html += "</object>";				
				html += "</td></tr></table>";

				break;

		case "ipad":
				html = "<table width=\"100%\" height=\"100%\" cellspacing=\"0\" cellpadding=\"0\"><tr valign=\"center\" align=\"center\"><td width=\"100%\" height=\"100%\">";
				html+= '<video width="100%" height="100%" id="videoPlayer" preload="load">';
				html+= '<source src="' + videoObj[currentVideo].ogg +'" />';
				html+= '<source src="' + videoObj[currentVideo].mp4 +'" />';
				html+= '</video>';
				html += "</td></tr></table>";
				break;
				
		default:

				html = "<table width=\"100%\" height=\"100%\" cellspacing=\"0\" cellpadding=\"0\"><tr valign=\"center\" align=\"center\"><td width=\"100%\" height=\"100%\">";
				
				html += "<embed src=\"http://www.passionpitmusic.com/sites/passion6/files/videoPlayerBG.swf\" wmode=\"transparent\" quality=\"high\" bgcolor=\"#000000\" flashvars=\"" +flashVars+ "\" scale=\"default\" width=\"100%\" height=\"100%\" id=\"videoPlayer\" name=\"videoPlayer\" align=\"middle\" allowScriptAccess=\"always\" allowFullScreen=\"false\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" />";

				html += "</td></tr></table>";

				break;
			
			
	}
	
	
	
	getElement('backgroundDiv').innerHTML = html;
	
	getElement('videoPlayer').addEventListener('ended',myHandler,false);
	function myHandler(e) {
	if(!e) { e = window.event; }
		nextVid();
	}

	
	setStage();
	setTimeout(function() {
	jQuery(function() {

	    fakeClick(function() {
	    
	    	//alert('click');
		pauseVid();

		playVid();


	    });
        });
        }, 2000);
}

function fakeClick(fn) {
    var $a = $('<a href="#" id="fakeClick"></a>');
	$a.bind("click", function(e) {
	    e.preventDefault();
	    fn();
	});

    jQuery("body").append($a);

    var evt,
	el = $("#fakeClick").get(0);

    if (document.createEvent) {
	evt = document.createEvent("MouseEvents");
	if (evt.initMouseEvent) {
	    evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
	    el.dispatchEvent(evt);
	}
    }

     jQuery(el).remove();
}
        
function setPlaying(id){

	objectPlaying = getElement(id);
	
}

function trackPage(url, name, section)
{
	try {

			SME$Analytics.ajaxPageView( {pageURL: ""+ url +"", pageName: "" + name +"", siteSection: ""+ section +""});


	}catch(e){ alert('error');}

}