var extrasNodeVimeo;
var extrasNodeTemplate;
var extrasNodeVideos;
var extrasNodeAudios;
var extrasNodeSelectedItem;
var extrasNodeSelectedAudio;
var extrasNodeSelectedBullet;
var extrasNodeImgLayer;
var extrasNodesImages;
var extrasNodesTotalCols;
function initExtrasNode(colors,prev,next,files,template,images,bullets,total){
	changeColors(colors);
	prelaoderVisibility(false);
	extrasNodeSelectedBullet = null;
	extrasNodeImgLayer = 0;
	extrasNodesImages = images.split(",");
	$(".title1").css({color:(template == "2") ? COLOR_MENU : COLOR_1});
	$("#extrasNodeBlurb").css({color:(template == "2") ? COLOR_MENU : COLOR_2});
	$(".title1 span").css({color:COLOR_1});
	if(template == "2"){
		$("#extrasNodeImg").css({width:1380});
	}
	var position = $(".title1").position();
	var left = position.left+3;
	var top = 27+position.top+$(".title1").height();
	$("#extrasNodeMediaList").css({left:left,top:top});
	extrasNodeTemplate = template;
	extrasNodesTotalCols = total;
	extrasNodeBlurb();
	extrasNodeNavControl(prev,next);
	extrasNodeCreateFileList(files);
	extrasNodeControlCols();
	//extrasNodeCreateBullets(bullets,images);
	extrasNodeScreenResolution();
	$("#pageContent").stop(true).css({visibility:"visible",opacity:0}).delay(0).animate({opacity:1},300,function(){  
		ahrefControlLinks($("#extrasNodeBlurb"));
		ahrefControlLinks($("#extrasNodeShare"));
		ahrefControlLinks($("#extrasNodeTextCol1"));
		ahrefControlLinks($("#extrasNodeTextCol2"));
		extrasNodeCreateBullets(bullets,images);
	});
}
function extrasNodeCreateBullets(num,str){
	if(num > 1){
		var html = '<div id="extrasNodeBulletsT'+extrasNodeTemplate+'">';
		if(extrasNodeTemplate == "2"){
			var files = str.split(",");
			for(var i=0;i<files.length;i++){
				html += '<div class="extrasNodeBullet" id="bullet'+i+'" style="left:'+(15*i)+'px;">';
				html += '<img src="./assets/bulletpoint_extras.png" class="bulletImg" id="bulletOff" />';
				html += '<img src="./assets/bulletpoint_extras.png" class="bulletImg" id="bulletOn" onload="tintPNG2(this)" /></div>';
			}
			html += '</div>';
			$("#extrasNodeBlurb").append('<br/>'+html);
		}else{
			for(var i=0;i<num;i++){
				html += '<div class="extrasNodeBullet" id="bullet'+i+'" style="left:'+(15*i)+'px;">';
				html += '<img src="./assets/bulletpoint_extras.png" class="bulletImg" id="bulletOff" onload="tintPNG1(this)" />';
				html += '<img src="./assets/bulletpoint_extras.png" class="bulletImg" id="bulletOn" onload="tintPNG2(this)" /></div>';
			}
			html += '</div>';
			$("#pageContent").append(html);
		}
		$(".extrasNodeBullet").css({cursor:"pointer"});
		$(".extrasNodeBullet #bulletOn").css({opacity:0});
		$(".extrasNodeBullet").mouseover(function(){
			if($(this).css("cursor") == "pointer"){
				$(this).children("#bulletOff").stop(true);
				$(this).children("#bulletOn").stop(true).animate({opacity:1},180, function(){
					$(this).parent("#bulletOff").css({opacity:0});
				});
			}
		});
		$(".extrasNodeBullet").mouseout(function(){
			if($(this).css("cursor") == "pointer"){
				$(this).children("#bulletOff").stop(true).css({opacity:1});
				$(this).children("#bulletOn").stop(true).animate({opacity:0},180, function(){
					//;
				});
			}
		});
		$(".extrasNodeBullet").click(function(){
			if($(this).css("cursor") == "pointer"){
				var index = Number($(this).attr("id").split("bullet").join(""));
				extrasNodeBulletClick(index);
			}
		});
		extrasNodeSelectBullet(0);
		setTimeout(function(){$("#bullet0 #bulletOn").css({opacity:1})},10);	
	}
}
function extrasNodeSelectBullet(index){
	if(extrasNodeSelectedBullet != null){
		$("#"+extrasNodeSelectedBullet).css({cursor:"pointer"});
		$("#"+extrasNodeSelectedBullet).mouseout();
	}
	extrasNodeSelectedBullet = null;
	$("#bullet"+index).mouseover();
	$("#bullet"+index).css({cursor:"auto"});
	extrasNodeSelectedBullet = "bullet"+index;
}
function extrasNodeBulletClick(index){
	extrasNodeSelectBullet(index);
	if(extrasNodeTemplate == 2){
		if(extrasNodeImgLayer > 0){
			$("#extrasNodeImg #imgLayer"+extrasNodeImgLayer).unbind("load");
		}
		extrasNodeImgLayer++;
		var src = extrasNodesImages[index]; 
		var html = '<img src="'+src+'" id="imgLayer'+extrasNodeImgLayer+'" style="display:none;" />';
		$("#extrasNodeImg").append(html);
		prelaoderVisibility(true);
		$("#extrasNodeImg #imgLayer"+extrasNodeImgLayer).load(function(){
			prelaoderVisibility(false);
			$(this).css({display:"block",opacity:0}).animate({opacity:1},300,function(){
				var ini = extrasNodeImgLayer-5;
				if(ini < 0){
					ini = 0;
				}
				for(var i=ini;i<extrasNodeImgLayer;i++){
					if($("#extrasNodeImg #imgLayer"+i).length > 0){
						$("#extrasNodeImg #imgLayer"+i).stop(true);
						$("#extrasNodeImg #imgLayer"+i).remove();
					}
				}
			});
		});
	}else{
		var num = index*2;
		var html = $("#hiddenCol"+num).html();
		$("#extrasNodeTextCol1").stop(true).css({opacity:0}).html(html).delay(30).animate({opacity:1},270);
		ahrefControlLinks($("#extrasNodeTextCol1"));
		if(num+1 < extrasNodesTotalCols){
			num++;
			var html = $("#hiddenCol"+num).html();
			$("#extrasNodeTextCol2").stop(true).css({opacity:0}).html(html).delay(30).animate({opacity:1},270);
			ahrefControlLinks($("#extrasNodeTextCol2"));
		}else{
			$("#extrasNodeTextCol2").stop(true).html("");
		}
	}
}
function extrasNodeStillFadeIn(){
	//alert("extrasNodeStillFadeIn");
	$("#videoStill").css({display:"block",opacity:0}).animate({opacity:1},200);
}
function extrasNodeBlurb(){
	$("#extrasNodeBlurb span").css({color:COLOR_1});
	$("#extrasNodeBlurb span").css({color:COLOR_1});
	ahrefApplyColorAndRollovers($("#extrasNodeBlurb"),COLOR_1,COLOR_MENU);
}
function extrasNodeNavControl(prev,next){
	/*
	var visibility = ($.address.pathNames()[0] == "curated") ? "visible" : "hidden";
	$("#navRight").css({visibility:visibility});
	$("#navLeft").css({visibility:visibility});
	//asigno eventos para pasar de un extrasNode a otro con navegación lineal
	navRightClickEvent = extrasNodeChangeExtrasNode;
	navRightClickParam = next;
	navLeftClickEvent = extrasNodeChangeExtrasNode;
	navLeftClickParam = prev;
	*/
}
function extrasNodeChangeExtrasNode(url){
	$.address.path(url);
}
function extrasNodeCreateFileList(str){
	if(str != ""){
		extrasNodeVideos = new Array();
		extrasNodeAudios = new Array();
		//src,ext,name,vimeoid;
		var files = str.split(";");
		var file;
		for(var i=0;i<files.length;i++){
			file = files[i].split(",");
			if(file[1].toLowerCase() == "mp3"){
				extrasNodeAudios.push({src:file[0],name:file[2]});
			}else{
				extrasNodeVideos.push({still:file[0],name:file[2],videoId:file[3]});
			}
		}
		extrasNodeSelectedItem = null;
		$("#extrasNodeMediaList").css({color:COLOR_1});
		$("#extrasNodeMediaList span").css({color:COLOR_1,cursor:"pointer"});
		$("#extrasNodeMediaList span").mouseover(function(){
			if($(this).attr("id") != extrasNodeSelectedItem){
				$(this).stop(true).animate({color:COLOR_2},150);
			}
		});
		$("#extrasNodeMediaList span").mouseout(function(){
			if($(this).attr("id") != extrasNodeSelectedItem){
				$(this).stop(true).animate({color:COLOR_1},150);
			}
		});
		$("#extrasNodeMediaLisTitle").unbind("mouseover");
		$("#extrasNodeMediaLisTitle").unbind("mouseout");
		$("#extrasNodeMediaLisTitle").css({cursor:"auto"});
		$("#videoStill").css({cursor:"pointer"});
		$("#videoStill").mouseover(function(){
			$("#videoPlayIcon").stop(true).animate({opacity:0.5});
		});
		$("#videoStill").mouseout(function(){
			$("#videoPlayIcon").stop(true).animate({opacity:1});
		});
		$("#videoStill").click(function(){
			extrasNodeAddVideoPlayer();
		});
		if(extrasNodeAudios.length > 0){
			extrasNodeCreateAudioList();	
		}
		/*
		if(extrasNodeVideos.length > 0){
			$("#playMediaItem0").mouseover();
			extrasNodeChangeVideo(0);
		}else if(extrasNodeAudios.length > 0){
			extrasNodeOpenAudioList();
		}
		*/
		$("#pageContent").append('<div id="hideMediaButton">Close</div>');
		$("#hideMediaButton").css({color:COLOR_1,display:"none",opacity:0,cursor:"pointer"});
		$("#hideMediaButton").mouseover(function(){
			$(this).stop(true).animate({color:COLOR_2},150);
		});
		$("#hideMediaButton").mouseout(function(){
			$(this).stop(true).animate({color:COLOR_1},150);
		});
		$("#hideMediaButton").click(function(){
			extrasNodeShowCols();
		});
	}
}
function extrasNodeChangeVideo(index,target){
	if($(target).css("cursor") == "pointer" || target == undefined || detectMobile()){
		extrasNodeVimeo = extrasNodeVideos[index].videoId;
		var html = '<img src="'+extrasNodeVideos[index].still+'" onload="extrasNodeStillFadeIn()"/>';
		html += '<img src="./assets/videoPlayIcon.png" id="videoPlayIcon" />';
		$("#videoStill").html(html);
		$("#videoPlayer").html('');
		if(extrasNodeSelectedItem != null){
			var current = "#"+extrasNodeSelectedItem;
			extrasNodeSelectedItem = null;
			$(current).css({cursor:"pointer"});
			$(current).mouseout();
		}
		extrasNodeSelectedItem = "playMediaItem"+index;
		$("#playMediaItem"+index).css({cursor:"auto"});
		//
		$("#videoStill").css({display:"none"});
		$("#audioPlayer").stop(true).css({display:"none"});
		$("#audioList").css({display:"none"});
		$("#jquery_jplayer_1").jPlayer("stop");
		/*
		$("#videoPlayer").stop(true).css({display:"block",opacity:0}).animate({opacity:1},200);
		$("#videoStill").stop(true).css({display:"block",opacity:0}).animate({opacity:1},200);
		$("#audioPlayer").stop(true).css({display:"none"});
		$("#audioList").stop(true).css({display:"none"});
		*/
		extrasNodeHideCols();
		$("#hideMediaButton").stop(true).css({top:490,opacity:0}).animate({opacity:1},300);
	}
}
function extrasNodeHideCols(){
	$("#extrasNodeTextCol1").stop(true).css({display:"none",opacity:0});
	$("#extrasNodeTextCol2").stop(true).css({display:"none",opacity:0});
	$("#extrasNodeBulletsT1").stop(true).css({visibility:"hidden",opacity:0});
	$("#hideMediaButton").css({display:"block"});
}
function extrasNodeShowCols(){
	$("#hideMediaButton").css({display:"none",opacity:0});
	$("#extrasNodeTextCol1").stop(true).css({display:"block"}).animate({opacity:1},150);
	$("#extrasNodeTextCol2").stop(true).css({display:"block"}).animate({opacity:1},150);
	$("#extrasNodeBulletsT1").stop(true).css({visibility:"visible"}).animate({opacity:1},150);
	$("#videoStill").html('');
	$("#videoPlayer").html('');
	$("#videoStill").css({display:"none"});
	$("#audioPlayer").stop(true).css({display:"none"});
	$("#audioList").css({display:"none"});
	$("#jquery_jplayer_1").jPlayer("stop");
	if(extrasNodeSelectedItem != null){
		var current = "#"+extrasNodeSelectedItem;
		extrasNodeSelectedItem = null;
		$(current).css({cursor:"pointer"});
		$(current).mouseout();
	}
	if(extrasNodeSelectedAudio != null){
		var current = "#"+extrasNodeSelectedAudio;
		extrasNodeSelectedAudio = null;
		$(current).css({cursor:"pointer"}).mouseout();
	}
}
function extrasNodeAddVideoPlayer(){
	$("#videoStill").html('');
	var video = extrasNodeVimeo;
	video = video.split("http://vimeo.com/").join("");
	video = video.split("http://www.vimeo.com/").join("");
	$("#videoPlayer").html('<iframe id="vimeoplayer" src="http://player.vimeo.com/video/'+video+'?title=0&autoplay=1&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="640" height="360" frameborder="0"></iframe>');
}
function extrasNodeCreateAudioList(){
	var top = $("#videoPlayer").position().top;
	var left = $("#videoPlayer").position().left;
	$("#audioPlayer").css({top:top,left:left,backgroundColor:COLOR_1});
	//audio player events
	$("div.jp-seek-bar").css({backgroundColor:COLOR_1});
	$("div.jp-play-bar").css({backgroundColor:COLOR_2});
	$("div.jp-audio div.jp-type-single a.jp-play").css({backgroundColor:COLOR_1});
	$("div.jp-audio div.jp-type-single a.jp-pause").css({backgroundColor:COLOR_1});
	$("div.jp-audio div.jp-type-single a.jp-play").mouseover(function(){
		$(this).stop(true).animate({backgroundColor:COLOR_2},300);
	});
	$("div.jp-audio div.jp-type-single a.jp-play").mouseout(function(){
		$(this).stop(true).animate({backgroundColor:COLOR_1},300);
	});
	$("div.jp-audio div.jp-type-single a.jp-pause").mouseover(function(){
		$(this).stop(true).animate({backgroundColor:COLOR_2},300);
	});
	$("div.jp-audio div.jp-type-single a.jp-pause").mouseout(function(){
		$(this).stop(true1).animate({backgroundColor:COLOR_1},300);
	});
	$("#jquery_jplayer_1").jPlayer({
		ready: function () {
			
		},
		ended: function (event) {
			//$(this).jPlayer("play");
		},
		swfPath: "js",
		supplied: "mp3, m4a, oga"
	});
	//
	top += 80;
	$("#audioList").css({top:top,left:left,color:COLOR_1});
	var html = '';
	var num;
	for(var i=0;i<extrasNodeAudios.length;i++){
		num = (i<9) ? '0'+(i+1) : (i+1);
		html += '<div id="playAudioItem'+i+'" onclick="extrasNodeOpenAudio('+i+')">'+num+' '+extrasNodeAudios[i].name+'</div>';
	}
	$("#audioList").html(html);	
	extrasNodeSelectedAudio = null;
	$("#audioList div").css({cursor:"pointer"});
	$("#audioList div").mouseover(function(){
		if($(this).attr("id") != extrasNodeSelectedAudio){
			$(this).stop(true).animate({color:COLOR_2},150);
		}
	});
	$("#audioList div").mouseout(function(){
		if($(this).attr("id") != extrasNodeSelectedAudio){
			$(this).stop(true).animate({color:COLOR_1},150);
		}
	});
}
function extrasNodeOpenAudioList(index,target){
	if($(target).css("cursor") == "pointer"){
		//alert("extrasNodeOpenAudioList="+index);
		if(extrasNodeSelectedItem != null){
			var current = "#"+extrasNodeSelectedItem;
			extrasNodeSelectedItem = null;
			$(current).css({cursor:"pointer"});
			$(current).mouseout();
		}
		extrasNodeSelectedItem = "playMediaItem"+index;
		$("#playMediaItem"+index).css({cursor:"auto"});
		//
		$("#videoStill").html('');
		$("#videoPlayer").html('');
		$("#videoStill").css({display:"none"});
		$("#audioPlayer").stop(true).css({display:"none"});
		$("#audioList").css({display:"block"});
		//
		$("#playAudioItem0").mouseover();
		extrasNodeOpenAudio(0);
		setTimeout(function(){$("#jquery_jplayer_1").jPlayer("pause")},10);
		extrasNodeHideCols();
		var top = $("#audioList").position().top+$("#audioList").height()+30;
		$("#hideMediaButton").stop(true).css({top:top,opacity:0}).animate({opacity:1},300);
	}
}
function extrasNodeOpenAudio(index){
	if(extrasNodeSelectedAudio != null){
		var current = "#"+extrasNodeSelectedAudio;
		extrasNodeSelectedAudio = null;
		$(current).css({cursor:"pointer"}).mouseout();
	}
	extrasNodeSelectedAudio = "playAudioItem"+index;
	$("#"+extrasNodeSelectedAudio).css({cursor:"auto"});
	$("#audioPlayer").stop(true).css({display:"block",opacity:0}).delay(100).animate({opacity:1},300);
	//$("#jquery_jplayer_1").jPlayer("setMedia",{mp3:extrasNodeAudios[index].src});
	var mp3 = extrasNodeAudios[index].src;
	var oga = extrasNodeAudios[index].src.split(".mp3").join(".ogg");
	var m4a = extrasNodeAudios[index].src.split(".mp3").join(".m4a");
	$("#jquery_jplayer_1").jPlayer("setMedia",{mp3:mp3,oga:oga,m4a:m4a}).jPlayer("play");
}
function addExtrasNodeShare(){
	var html = '<div id="extrasNodeShare"><span id="extrasNodeShareTxt">Share </span><span id="extrasNodeEmailButton">Email</span> / '+getSocialNetworkLinks()+'</div>';
	$("#pageContent").append(html);
	var c1 = COLOR_1;
	var c2 = (extrasNodeTemplate == "2") ? COLOR_MENU : COLOR_2;
	$("#pageContent #extrasNodeShare").css({color:c1,left:(extrasNodeTemplate == "2") ? 1175 : 1200});
	$("#extrasNodeShareTxt").css({color:c2});
	$("#extrasNodeEmailButton").css({cursor:"pointer",color:c1});
	$("#extrasNodeEmailButton").mouseover(function(){
		$(this).stop(true).animate({color:c2},150);
	});
	$("#extrasNodeEmailButton").mouseout(function(){
		$(this).stop(true).animate({color:c1},150);
	});
	$("#extrasNodeEmailButton").click(function(){
		addEmailForm();
	});
	ahrefApplyColorAndRollovers($("#extrasNodeShare"),c1,c2);
	if(detectMobile()){
		$("#extrasNodeShare").css({left:1150});
	}
}
function extrasNodeControlCols(){
	$("#extrasNodeTextCol1").css({color:COLOR_1});
	$("#extrasNodeTextCol2").css({color:COLOR_1});
	txtCleanBR($("#extrasNodeTextCol1"));
	txtCleanBR($("#extrasNodeTextCol2"));
	addExtrasNodeShare();
	ahrefApplyColorAndRollovers($("#extrasNodeTextCol1"),COLOR_1,COLOR_2);
	ahrefApplyColorAndRollovers($("#extrasNodeTextCol2"),COLOR_1,COLOR_2);
}
function extrasNodeScreenResolution(){
	if(!detectMobile()){
		var resolution = screen.width;
		if(resolution < 1380){
			var margin = 10;
			var offsetX = 1380-resolution-margin;
			var width = resolution;
			var objects;
			var target;
			var left;
			$("#pageContent").css({width:width});
			if(extrasNodeTemplate == 1 || extrasNodeTemplate == 2){
				objects = ["extrasNodeImg","extrasNodeShare","extrasNodeTextCol1","extrasNodeTextCol2","extrasNodeMediaList","videoStill","videoPlayer","audioPlayer"];	
				for(var i=0;i<objects.length;i++){
					target = "#"+objects[i];
					//left = $(target).position().left-offsetX;
					left = Number($(target).css("left").split("px").join(""))-offsetX;
					$(target).css({left:left});
				}
			}
			if(extrasNodeTemplate == 3){
				var imgWidth = $("#extrasNodeImg").width()-offsetX;
				$("#extrasNodeImg").css({width:imgWidth});
				$("#extrasNodeImg img").css({marginLeft:-offsetX})
			}
		}
	}
}