var TVSPOT = [{title:"Ram TV Spot 1", thumb:"http://cloud.github.com/downloads/malsup/cycle/beach1.jpg", media:"http://www.youtube-nocookie.com/v/GSUzd100jWs?version=3&hl=en_US", type: "youtube", desc:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam semper, erat ut hendrerit consequat, tortor nisl hendrerit lorem, et cursus mi ante sit amet ante. Praesent porttitor, odio ac accumsan convallis, nunc magna ullamcorper odio, ac faucibus velit diam et sapien. Sed accumsan augue eu libero feugiat tincidunt. Aliquam erat volutpat. Aliquam eu convallis nisi. Praesent in augue mauris, eget interdum diam. Etiam eget turpis sit amet lectus hendrerit tempor vel ut orci. Integer congue consequat ipsum, in tincidunt velit hendrerit faucibus."},
{title:"Ram TV Spot 2", thumb:"http://cloud.github.com/downloads/malsup/cycle/beach2.jpg", media:"http://www.youtube-nocookie.com/v/e8y--fHpLXk?version=3&hl=en_US", desc:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam semper, erat ut hendrerit consequat, tortor nisl hendrerit lorem, et cursus mi ante sit amet ante. Praesent porttitor, odio ac accumsan convallis, nunc magna ullamcorper odio, ac faucibus velit diam et sapien. Sed accumsan augue eu libero feugiat tincidunt. Aliquam erat volutpat. Aliquam eu convallis nisi. Praesent in augue mauris, eget interdum diam. Etiam eget turpis sit amet lectus hendrerit tempor vel ut orci. Integer congue consequat ipsum, in tincidunt velit hendrerit faucibus."},
{title:"Ram TV Spot 2", thumb:"http://cloud.github.com/downloads/malsup/cycle/beach4.jpg", media:"http://www.youtube-nocookie.com/v/e8y--fHpLXk?version=3&hl=en_US", desc:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam semper, erat ut hendrerit consequat, tortor nisl hendrerit lorem, et cursus mi ante sit amet ante. Praesent porttitor, odio ac accumsan convallis, nunc magna ullamcorper odio, ac faucibus velit diam et sapien. Sed accumsan augue eu libero feugiat tincidunt. Aliquam erat volutpat. Aliquam eu convallis nisi. Praesent in augue mauris, eget interdum diam. Etiam eget turpis sit amet lectus hendrerit tempor vel ut orci. Integer congue consequat ipsum, in tincidunt velit hendrerit faucibus."},
{title:"Ram TV Spot 2", thumb:"http://cloud.github.com/downloads/malsup/cycle/beach4.jpg", media:"http://www.youtube-nocookie.com/v/e8y--fHpLXk?version=3&hl=en_US", desc:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam semper, erat ut hendrerit consequat, tortor nisl hendrerit lorem, et cursus mi ante sit amet ante. Praesent porttitor, odio ac accumsan convallis, nunc magna ullamcorper odio, ac faucibus velit diam et sapien. Sed accumsan augue eu libero feugiat tincidunt. Aliquam erat volutpat. Aliquam eu convallis nisi. Praesent in augue mauris, eget interdum diam. Etiam eget turpis sit amet lectus hendrerit tempor vel ut orci. Integer congue consequat ipsum, in tincidunt velit hendrerit faucibus."}
];

function loadTVSpots() {
	
	var content = "";
	//reset html for the slideshow
	document.getElementById("slideshow_hero").innerHTML = "";
	document.getElementById("nav_hero").innerHTML = "";
	document.getElementById("vidplayer").innerHTML = "";
	animateOverlay('tvspot_details',400,400,0.1);
	
	var count = 0;
	
	for(var i=0; i<TVSPOT.length;i++) {
		if (count==0) {
			content += "<div class='group'>";
		} 
		
		content += "<a href='javascript:loadVid(\"TVSPOT\","+i+");'><img src='"+TVSPOT[i].thumb+"' width='200' height='100' border='0' /></a>";
		if (count==2 && i<TVSPOT.length-1) {
			content += "</div>";
			count = -1;
		} 
		count++;
	}
	
	content += "</div>";
	document.getElementById("slideshow_hero").innerHTML = content;
	
	// this will resolve any conflicts with $-function with jQuery libs
	var $k = jQuery.noConflict();
	   
	$k('#slideshow_hero').cycle({
		fx: 'scrollHorz', 
		speedIn:  200, 
		timeout: 0,
		speedOut: 200, 
		next:   '#next', 
		prev:   '#prev',
		pager:  '#nav_hero'
	});
	
	animateOverlay('tvspot_list',400,160,0.25);
}

function animateOverlay(target,start,end,seconds) {
	var i = document.getElementById(target);
	var t = new Tween(i.style, 'top', Tween.strongEaseInOut, start, end, seconds, 'px'); 
	t.start();
}

function loadVid(type,id) {
	var so = new SWFObject('http://ramqa.dcapps.ca/landing/videoplayer.swf', 'player', '800', '400', '10', '#000000');
	so.useExpressInstall('swfobject/expressinstall.swf');
	so.addParam('wmode', 'transparent');
	so.addParam('allowScriptAccess','always');
	so.addVariable('url',TVSPOT[id].media);
	so.addVariable('quality','medium');
	so.addVariable('width','460');
	so.addVariable('height','260');
	so.addVariable('type',TVSPOT[id].type);
	so.write('vidplayer');
	
	//Animate
	animateOverlay('tvspot_list',160,400,0.25);
	animateOverlay('tvspot_details',400,0,0.5);
}