var imageViewerIndex = 0;
var imageViewerTotal = 0;
var creditsHeight = 0;
var infoHeight = 0;
var footerY = 0;
var offsetTxtHeight = 0;
var pfooterColors = new Array();
var processScrollStatus = false;
var stillsScrollStatus = false;
var relatedScrollStatus = false;
var videosScrollStatus = false;
var projectScrollInterval=null;
var processWidth=0;
var stillsWidth=0;
var relatedWidth=0;
var videosWidth=0;
var psMouseX1=0;
var psMouseX2=0;
var psMouseX3=0;
var psMouseX4=0;
var left1=0;
var left2=0;
var left3=0;
var left4=0;
var newx1=0;
var newx2=0;
var newx3=0;
var newx4=0;
var psMX1=0;
var psMX2=0;
var psMX3=0;
var psMX4=0;
var pauseAllScrolls = false;
var videoHeaderBottom = false;
var FAVS_URL = "";
var FAVS_BODY = "";
//
function addVideo(id, text, strcolors){
	videoHeaderBottom = false;
	pauseAllScrolls = true;
	var video = id.toLowerCase();
	video = video.split("http://vimeo.com/").join("");
	video = video.split("http://www.vimeo.com/").join("");
	var tmp1 = text.split(". ").join(".");
	var tmp2 = tmp1.split(".");
	var name = tmp2[0]+".";
	var client = tmp2[1]+".";
	var colors = convertColors(strcolors);
	var html = '<div id="videobg" onclick="removeVideo()"></div>';
	$(document).scrollTop(0);
	$("#videoplayer").html(html);
	$("#videoplayer").stop();
	$("#videoplayer").css({opacity:1});
	$("#videoplayer #videobg").css({opacity:0});
	document.body.style.overflow = "hidden";
	var delay = 0;
	if(favoritesStatus != "hidden"){
		toggleFavorites();
		delay = 250;
	}
	$("#videoplayer #videobg").delay(delay).animate({opacity:0.8},150,"jswing",function(){
		html = '<div id="videoheader" style="background-color:'+colors[4]+'"></div>';
		html += '<div id="videoname" style="color:'+colors[1]+'"><span style="color:'+colors[2]+'">'+name+'</span><br/>'+client+'</div>';
		html += '<div id="videoback" onclick="removeVideo()" style="color:'+colors[3]+'" onmouseover="changeVideoBackButtonColor(\''+colors[2]+'\')" onmouseout="changeVideoBackButtonColor(\''+colors[3]+'\')" >Close.</div>';
		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="720" height="405" frameborder="0"></iframe>';
		$("#videoplayer").append(html);
		if(videoHeaderBottom){
			$("#videoheader").css({top:$("#videoheader").position().top+405});
			$("#videoname").css({top:$("#videoname").position().top+405});
			$("#videoback").css({top:$("#videoback").position().top+405});
			$("#vimeoplayer").css({top:$("#vimeoplayer").position().top-80});
		}
	});
}
function changeVideoBackButtonColor(color){
	$("#videoback").css({color:color});
}
function videoBarToBottom(){
	videoHeaderBottom = true;
}
function removeVideo(){
	pauseAllScrolls = false;
	$("#videoplayer #videobg").stop();
	$("#videoplayer").stop();
	document.body.style.overflow = "auto";
	$("#videoplayer").html("");
	/*
	$("#videoplayer").stop().animate({opacity:0},80,"jswing",function(){
		document.body.style.overflow = "auto";
		$("#videoplayer").html("");
	});
	*/
}
function convertColors(str){
	var tmp = String(str);
	tmp = tmp.split("  ").join(" ");
	var col = tmp.split(" ");
	return col;
}
var PPselectedVideo = 0;
function changeVideo(index,name,image,video,colors,total){
	if(PPselectedVideo != index){
		var tmpColors = colors.split(" ");
		$("#videoname"+PPselectedVideo).css({color:tmpColors[2],cursor:"pointer"});
		PPselectedVideo = index;
		$("#videoname"+PPselectedVideo).css({color:tmpColors[1],cursor:"default"});
		var html = '<img id="snapshot" src="'+image+'" /><img id="playicon" src="assets/play_putton.png" onclick="addVideo(\''+video+'\',\''+name+'\',\''+colors+'\');" />';
		$("#snapshotcontent").stop();
		$("#snapshotcontent").html(html);
		makeShape3("#snapshotcontent","ptriangle0",tmpColors[0],0,108,0,"block");
		$("#snapshotcontent").css({opacity:0});
		$("#snapshotcontent").animate({opacity:1},500);
		var n = 0;
		for(var i=0;i<total;i++){
			$("#videolist #videolistcontent #videobox"+i+" #imgOnVideo").stop();
			$("#videolist #videolistcontent #videobox"+i+" #imgOnVideo").css({opacity:0});
			$("#videolist #videolistcontent #videobox"+i+" #text").stop();
			$("#videolist #videolistcontent #videobox"+i+" #text").css({opacity:0});
			if(i == index){
				$("#videolist #videolistcontent #videobox"+i).stop();
				$("#videolist #videolistcontent #videobox"+i).css({opacity:1,visibility:"hidden"});
			}else{
				$("#videolist #videolistcontent #videobox"+i).stop();
				$("#videolist #videolistcontent #videobox"+i).css({left:(240*n),opacity:0,visibility:"visible"});
				$("#videolist #videolistcontent #videobox"+i).delay((n*30)).animate({opacity:1},200);
				n++;
			}
		}
	}
}
function addImageViewer(index, text, imgsrc, list, strcolors){
	pauseAllScrolls = true;
	imageViewerIndex = index;
	var tmp1 = text.split(". ").join(".");
	var tmp2 = tmp1.split(".");
	var name = tmp2[0]+".";
	var client = tmp2[1]+".";
	var imgList = list.split(",");
	imageViewerTotal = imgList.length;
	var colors = convertColors(strcolors);
	var html = '<div id="imageviewerbg" onclick="removeImageViewer()"></div>';
	html += '<div id="viewerheader" style="background-color:'+colors[4]+'"></div>';
	html += '<div id="viewername" style="color:'+colors[1]+'"><span style="color:'+colors[2]+'">'+name+'</span><br/>'+client+'</div>';
	html += '<div id="viewerback" onclick="removeImageViewer()" style="color:'+colors[3]+'" onmouseover="this.style.cssText=\'color:'+colors[2]+'\';" onmouseout="this.style.cssText=\'color:'+colors[3]+'\';">Close.</div>';
	html += '<div id="viewerdisplay">';
	html += '<div id="viewerholder" style="left:'+(720*index*-1)+'px;">';
	for(var i=0; i<imgList.length;i++){
		html += '<img class="viewerimg" src="'+imgList[i]+'" style="left:'+(720*i)+'px;"/>';
	}
	html += '</div>';
	
	html += '<div id="leftbutton"><img  class="viewerdisplayarrows" src="assets/prev_arrow.png"/></div>';
	html += '<div id="leftarea" onmouseover="viewerRollOver(this)" onmouseout="viewerRollOut(this)" onclick="viewerChange(-1)"></div>';
	
	html += '<div id="rightbutton"><img  class="viewerdisplayarrows" src="assets/next_arrow.png" /></div>';
	html += '<div id="rightarea" onmouseover="viewerRollOver(this)" onmouseout="viewerRollOut(this)" onclick="viewerChange(1)"></div>';
	html += '</div>';
	$(document).scrollTop(0);
	$("#imageviewer").html(html);
	$("#imageviewer").stop();
	$("#imageviewer").css({opacity:0});
	$("#imageviewer #imageviewerbg").css({opacity:0.8});
	if(imageViewerTotal<2){
		$("#imageviewer #viewerdisplay #rightbutton").css({display:"none"});
		$("#imageviewer #viewerdisplay #rightarea").css({display:"none"});
		$("#imageviewer #viewerdisplay #leftbutton").css({display:"none"});
		$("#imageviewer #viewerdisplay #leftarea").css({display:"none"});
	}
	document.body.style.overflow = "hidden";
	var delay = 0;
	if(favoritesStatus != "hidden"){
		toggleFavorites();
		delay = 250;
	}
	$("#imageviewer").delay(delay).animate({opacity:1},150,"jswing",function(){
		
		
	});
	if(index == 0){
		$("#imageviewer #viewerdisplay #leftbutton").css({display:"none"});
		$("#imageviewer #viewerdisplay #leftarea").css({display:"none"});
	}
	if(index == imageViewerTotal-1){
		$("#imageviewer #viewerdisplay #rightbutton").css({display:"none"});
		$("#imageviewer #viewerdisplay #rightarea").css({display:"none"});
	}
}
function removeImageViewer(){
	pauseAllScrolls = false;
	$("#imageviewer #imageviewerbg").stop();
	$("#imageviewer").stop().animate({opacity:0},27,"jswing",function(){
		document.body.style.overflow = "auto";
		$("#imageviewer").html("");
	});
}
function viewerRollOver(target){
	var button = "#"+target.id.split("area").join("")+"button";
	$(button).animate({opacity:0.58},200);
}
function viewerRollOut(target){
	var button = "#"+target.id.split("area").join("")+"button";
	$(button).animate({opacity:0},200);
}
function viewerChange(value){
	imageViewerIndex += value;
	if(imageViewerIndex >= imageViewerTotal){
		imageViewerIndex = imageViewerTotal-1;
	}
	if(imageViewerIndex < 0){
		imageViewerIndex = 0;
	}
	var visibleLeftButton = (imageViewerIndex == 0) ? "none" : "block";
	$("#imageviewer #viewerdisplay #leftbutton").css({display:visibleLeftButton});
	$("#imageviewer #viewerdisplay #leftarea").css({display:visibleLeftButton});
	var visibleRightButton = (imageViewerIndex == imageViewerTotal-1) ? "none" : "block";
	$("#imageviewer #viewerdisplay #rightbutton").css({display:visibleRightButton});
	$("#imageviewer #viewerdisplay #rightarea").css({display:visibleRightButton});
	var newx = imageViewerIndex*720*-1;
	$("#imageviewer #viewerdisplay #viewerholder").stop().animate({left:newx},450,"easeOutQuart");
}
function selectSubmenuItem(subm,index,c1,c2){
	pfooterColors = [c1,c2];
	var mainNode = $("#projectsm"+subm);
	var totalChilds = mainNode.children().size();
	var target;
	for(var i=0;i<totalChilds;i++){
		target = mainNode.children(":nth-child("+(i+1)+")");
		target.unbind("mouseover").unbind("mouseout").unbind("click");
		target.css({color:c2,cursor:"pointer"});
		if(Number(index) == i){
			target.css({color:c1,cursor:"default"});
		}else{
			target.mouseover(function(){$(this).css({color:c1});});
			target.mouseout(function(){$(this).css({color:c2});});
			target.click(function(){selectSubmenuItem(subm,$(this).index(),c1,c2);submenuClick($(this).attr("id"));});
		}
	}
}
var submenu2ID = "";
function submenuClick(id){
	var delay = 0;
	var speed = 300;
	var speed2 = 0;
	switch(id){

		case 'stills':
		//delay = (offsetTxtHeight > 203) ? speed : 0;
		
		$("#imglistholder").stop();
		$("#processlistholder").stop();
		$("#creditscontent").stop();
		$("#infocontent").stop();
		$("#imglistholder").css({visibility:"visible",opacity:0});
		$("#processlistholder").css({visibility:"hidden"});
		$("#creditscontent").css({visibility:"hidden"});
		$("#infocontent").css({visibility:"hidden"});	
		$("#imglist").stop(true).animate({height:203,"backgroundColor":menu[1].colors.rollOverStills[3]},300,"jswing",function(){
			$("#imglistholder").delay(delay).animate({opacity:1},speed,"jswing");
		});
		offsetTxtHeight = 0;
		submenu2ID = id;
		
		break;
		
		case 'process':
		//delay = (offsetTxtHeight > 203) ? speed : 0;
		
		$("#imglistholder").stop();
		$("#processlistholder").stop();
		$("#creditscontent").stop();
		$("#infocontent").stop();
		$("#processlistholder").css({visibility:"visible",opacity:0});
		$("#imglistholder").css({visibility:"hidden"});
		$("#creditscontent").css({visibility:"hidden"});
		$("#infocontent").css({visibility:"hidden"});
		$("#imglist").stop(true).animate({height:203,"backgroundColor":menu[1].colors.rollOverStills[3]},300,"jswing",function(){	
			$("#processlistholder").delay(delay).animate({opacity:1},speed,"jswing");
		});
		offsetTxtHeight = 0;
		submenu2ID = id;
		
		break;
		
		case 'credits':
		//delay = (offsetTxtHeight > 203) ? speed : 0;
		delay = 0;
		speed2 = 10;
		$("#imglistholder").stop();
		$("#processlistholder").stop();
		$("#creditscontent").stop();
		$("#infocontent").stop();
		$("#creditscontent").css({visibility:"visible",opacity:0});
		$("#imglistholder").css({visibility:"hidden"});
		$("#processlistholder").css({visibility:"hidden"});
		$("#infocontent").css({visibility:"hidden"});	
		$("#creditscontent").delay(25).animate({opacity:1},75,"jswing");
		var tmpH = $("#creditscontent").height()+65;
		if(tmpH < 203){
			tmpH = 203;
		}
		$("#imglist").css({backgroundColor:menu[1].colors.textCombo2[0]});
		$("#imglist").stop(true).animate({height:tmpH},300);
		submenu2ID = id;
		
		break;
		
		case 'info':
		//delay = (offsetTxtHeight > 203) ? speed : 0;
		$("#imglistholder").stop();
		$("#processlistholder").stop();
		$("#creditscontent").stop();
		$("#infocontent").stop();
		$("#infocontent").css({visibility:"visible",opacity:0});
		$("#imglistholder").css({visibility:"hidden"});
		$("#processlistholder").css({visibility:"hidden"});
		$("#creditscontent").css({visibility:"hidden"});	
		$("#infocontent").delay(25).animate({opacity:1},75,"jswing");
		var tmpH = $("#infocontent").height()+65;
		if(tmpH < 203){
			tmpH = 203;
		}
		$("#imglist").css({backgroundColor:menu[1].colors.textCombo2[0]});
		$("#imglist").stop(true).animate({height:tmpH},300);
		submenu2ID = id;
		
		break;
		
		case 'related':
		$("#bottomblock #relatedlist").stop();
		$("#bottomblock #keywholder").stop();
		$("#bottomblock #relatedlist").css({visibility:"visible",opacity:0});
		$("#bottomblock #relatedlist").animate({opacity:1},speed);
		$("#bottomblock #keywholder").css({visibility:"hidden"});
		break;
		
		case 'keyw':
		$("#bottomblock #relatedlist").stop();
		$("#bottomblock #keywholder").stop();
		$("#bottomblock #keywholder").css({visibility:"visible",opacity:0});
		$("#bottomblock #keywholder").animate({opacity:1},speed);
		$("#bottomblock #relatedlist").css({visibility:"hidden"});
		break;

	}
}
function controllersArrowRollOver(target){
	$(target).children("#arrowoff").animate({opacity:0},150);
	$(target).children("#arrowon").animate({opacity:1},150);
}
function controllersArrowRollOut(target){
	$(target).children("#arrowoff").animate({opacity:1},150);
	$(target).children("#arrowon").animate({opacity:0},150);
}
function testCreditsInfoHeight(){
	bottomBlockY1 = $("#pshape3").position().top-203;
	bottomBlockY2 = $("#projectsm2").position().top-203;
	bottomBlockY3 = $("#bottomblock").position().top-203;
	footerY = $("#projectFooter").position().top-203;
	var CreditsHeight =  $("#creditscontent").height()+65;//65->padding-top:35px; + padding-bottom:30px;
	if(CreditsHeight < 203){
		CreditsHeight = 203;
		$("#creditscontent").height(203);
	}
	var InfoHeight =  $("#infocontent").height()+65;
	
	if(InfoHeight < 203){
		InfoHeight = 203;
		$("#infocontent").height(203);
	}
	creditsHeight = CreditsHeight;
	infoHeight = InfoHeight;
}
function makePFooter(){
	var html = "";
	//columna #1
	html += "<div  class='contact'>";
	html += "<span style='color:"+pfooterColors[0]+"'>Contact.</span><br/>";
	html += "</div>";
	//columna #2
	html += "<div  class='contact'>";
	html += "<span style='color:"+pfooterColors[0]+"'>"+contact[0].line1+"</span><br/>";
	html += "<span style='color:"+pfooterColors[1]+"'>"+contact[0].line2+"</span>";
	html += "</div>";
	//columna #3
	html += "<div  class='contact'>";
	html += "<span style='color:"+pfooterColors[0]+"'>"+contact[1].line1+"</span><br/>";
	html += "<span style='color:"+pfooterColors[1]+"'>"+contact[1].line2+"</span>";
	html += "</div>";
	//
	$("#projectFooter").html(html);
}
function addToFavoritesFromProject(slug){
	addToFavorites(slug);
	ProjectPageFavoritesControl(slug);
}
function ProjectPageFavoritesControl(slug){
	var hit = false;
	for(var i=0;i<favoritesData.length;i++){
		if(favoritesData[i] == slug){
			$("#PPageIcons #PfavIkOn").stop().delay(50).animate({opacity:1});
			$("#PPageIcons #PfavIk").stop();
			$("#PPageIcons #PfavIk").css({opacity:0});
			hit = true;
			break;
		}
	}
	if(!hit){
		$("#PPageIcons #PfavIk").stop().delay(50).animate({opacity:1});
		$("#PPageIcons #PfavIkOn").stop();
		$("#PPageIcons #PfavIkOn").css({opacity:0});
	}
}
function PfavIkOnRollOver(){
	$("#PPageIcons #PfavIkOn #remove").css({display:"block"});
	$("#PPageIcons #PfavIkOn #circleOn").css({opacity:0});
	$("#PPageIcons #PfavIk #circle").css({visibility:"hidden"});
	$("#PPageIcons #PfavIk #circle2").css({visibility:"visible"});
}
function PfavIkOnRollOut(){
	$("#PPageIcons #PfavIkOn #remove").css({display:"none"});
	$("#PPageIcons #PfavIkOn #circleOn").css({opacity:1});
	$("#PPageIcons #PfavIk #circle2").css({visibility:"hidden"});
	$("#PPageIcons #PfavIk #circle").css({visibility:"visible"});
}
function PshareIkRollOver(){
	$("#PPageIcons #PshareIkOn").css({opacity:1});
	$("#PPageIcons #PshareIkOff").css({opacity:0});
}
function PshareIkRollOut(){
	$("#PPageIcons #PshareIkOn").css({opacity:0});
	$("#PPageIcons #PshareIkOff").css({opacity:1});
}
function activateVideoScroll(num){
	videosScrollStatus = true;
	videosWidth=240*(num-1);
	if(!projectScrollInterval){
		projectScrollInterval = setInterval("projectScrollEvent()",33.33);
	}
}
function activateStillsScroll(num){
	stillsScrollStatus = true;
	stillsWidth=360*num;
	if(!projectScrollInterval){
		projectScrollInterval = setInterval("projectScrollEvent()",33.33);
	}
}
function activateProcessScroll(num){
	processScrollStatus = true;
	processWidth=360*num;
	if(!projectScrollInterval){
		projectScrollInterval = setInterval("projectScrollEvent()",33.33);
	}
}
function activateRelatedScroll(num){
	//alert("activateRelatedScroll="+projectScrollInterval);
	relatedScrollStatus = true;
	relatedWidth=240*num;
	if(!projectScrollInterval){
		//alert("projectScrollInterval="+relatedWidth+"//"+relatedScrollStatus);
		projectScrollInterval = setInterval("projectScrollEvent()",33.33);
	}
}
function projectScrollEvent(){
	if(stillsScrollStatus){
		if(hitTestPoint($("#imglist"),DOC_X,DOC_Y) && !pauseAllScrolls){
			psMouseX1 = DOC_X-($("#header").position().left+50);
			if(psMouseX1<0){
				psMouseX1 = 0;
			}
			if(psMouseX1>620){
				psMouseX1 = 620;
			}
		}
		psMX1 = -((stillsWidth-720)/620*psMouseX1);
		left1 = $("#imglistholder").position().left;
		newx1 = left1+((psMX1-left1) / 30);
		$("#imglistholder").css({left:newx1});
	}
	if(processScrollStatus){
		if(hitTestPoint($("#imglist"),DOC_X,DOC_Y) && !pauseAllScrolls){
			psMouseX2 = DOC_X-($("#header").position().left+50);
			if(psMouseX2<0){
				psMouseX2 = 0;
			}
			if(psMouseX2>620){
				psMouseX2 = 620;
			}
		}
		psMX2 = -((processWidth-720)/620*psMouseX2);
		left2 = $("#processlistholder").position().left;
		newx2 = left2+((psMX2-left2) / 30);
		$("#processlistholder").css({left:newx2});
	}
	if(videosScrollStatus){
		if(hitTestPoint($("#videolist"),DOC_X,DOC_Y) && !pauseAllScrolls){
			psMouseX3 = DOC_X-($("#header").position().left+50);
			if(psMouseX3<0){
				psMouseX3 = 0;
			}
			if(psMouseX3>620){
				psMouseX3 = 620;
			}
		}
		psMX3 = -((videosWidth-720)/620*psMouseX3);
		left3 = $("#videolistcontent").position().left;
		newx3 = left3+((psMX3-left3) / 15);
		$("#videolistcontent").css({left:newx3});
	}
	if(relatedScrollStatus){
		if(hitTestPoint($("#relatedlist"),DOC_X,DOC_Y) && !pauseAllScrolls){
			psMouseX4 = DOC_X-($("#header").position().left+50);
			if(psMouseX4<0){
				psMouseX4 = 0;
			}
			if(psMouseX4>620){
				psMouseX4 = 620;
			}
		}
		psMX4 = -((relatedWidth-720)/620*psMouseX4);
		left4 = $("#relatedholder").position().left;
		newx4 = left4+((psMX4-left4) / 15);
		$("#relatedholder").css({left:newx4});
	}
}
function resetProjectPageScrolls(){
	clearInterval(projectScrollInterval);
	projectScrollInterval = null;
	processScrollStatus = false;
	stillsScrollStatus = false;
	relatedScrollStatus = false;
	videosScrollStatus = false;	
}
function collapseBar1(){
	if(!hitTestPoint($("#projectsm0"),DOC_X,DOC_Y) || $("#projectsm0").css("display") == "none"){
		var tmpH = ($("#videolist").height() > 1) ? 1 : 135;
		var border  = (tmpH == 1) ? 1 : 0;
		$("#videolist #ptriangle1").css({display:"block"});
		if(tmpH == 1){
			$("#projectsm0off").css({display:"block"});
			$("#projectsm0").css({display:"none"});
		}else{
			$("#projectsm0off").css({display:"none"});
			$("#projectsm0").css({display:"block"});
		}
		$("#videolist").stop(true);
		$("#videolist #videolistcontent").css({top:0});
		$("#videolist").css({"backgroundColor":menu[1].colors.rollOverStills[3]});
		$("#videolist").stop(true).animate({height:tmpH},300,"jswing",function(){
			//menu[1].colors.rollOverStills[3]	
			$("#videolist #videolistcontent").css({top:border});
			$("#videolist").css({"backgroundColor":menu[0].colors.bar2[0]});
			//$("#videolist").css({"backgroundColor":menu[0].colors.headerAndBG[1]});
			if(tmpH == 1){
				$("#videolist #ptriangle1").css({display:"none"});
				//$("#projectsm2off").css({color:menu[1].colors.rollOverStills[3]});
			}
		});
	}
}
function bar1Over(){
	$("#projectsm0off").css({color:menu[1].colors.bar2[2]});
}
function bar1Out(){
	$("#projectsm0off").css({color:menu[1].colors.bar2[3]});
}

var bar2MaxH = 203;
function collapseBar2(){
	if((!hitTestPoint($("#projectsm1"),DOC_X,DOC_Y) || $("#projectsm1").css("display") == "none") && !hitTestPoint($("#PfavIk #circle"),DOC_X,DOC_Y) && !hitTestPoint($("#PshareIkOff"),DOC_X,DOC_Y)){
		if($("#imglist").height()>1){
			bar2MaxH = $("#imglist").height();
		}
		var tmpH = ($("#imglist").height() > 1) ? 1 : bar2MaxH;
		var border  = (tmpH == 1) ? 1 : 0;	
		$("#imglist").stop(true);
		$("#imglist #imglistholder").css({top:0});
		$("#imglist #processlistholder").css({top:0});
		$("#imglist #creditscontent").css({top:0});
		$("#imglist #infocontent").css({top:0});
		$("#imglist #ptriangle2").css({display:"block"});
		if(tmpH == 1){
			$("#projectsm1off").css({display:"block"});
			$("#projectsm1").css({display:"none"});
		}else{
			$("#projectsm1off").css({display:"none"});
			$("#projectsm1").css({display:"block"});
			if(submenu2ID == "credits" || submenu2ID == "info"){
				$("#imglist").css({"backgroundColor":menu[1].colors.textCombo2[0]});
			}else{
				$("#imglist").css({"backgroundColor":menu[1].colors.rollOverStills[3]});
			}
		}
		$("#imglist").stop(true).animate({height:((tmpH == 1) ? tmpH : bar2MaxH)},300,"jswing",function(){
			//menu[1].colors.rollOverStills[3]	
			$("#imglist #imglistholder").css({top:border});
			$("#imglist #processlistholder").css({top:border});
			$("#imglist #creditscontent").css({top:border});
			$("#imglist #infocontent").css({top:border});
			if(tmpH == 1){
				$("#imglist #ptriangle2").css({display:"none"});
				$("#imglist").css({"backgroundColor":menu[0].colors.bar2[0]});
				//$("#imglist").css({"backgroundColor":menu[0].colors.headerAndBG[1]});
				//$("#projectsm1off").css({color:menu[1].colors.rollOverStills[3]});
			}
		});
	}
}
function bar2Over(){
	$("#projectsm1off").css({color:menu[1].colors.bar2[2]});
}
function bar2Out(){
	$("#projectsm1off").css({color:menu[1].colors.bar2[3]});
}

function collapseBar3(){
	if(!hitTestPoint($("#projectsm2"),DOC_X,DOC_Y) || $("#projectsm2").css("display") == "none"){
		var tmpH = ($("#bottomblock").height() > 1) ? 1 : 135;
		var border  = (tmpH == 1) ? 1 : 0;	
		$("#bottomblock").stop(true);
		$("#bottomblock #keywholder").css({top:0});
		$("#bottomblock #relatedlist").css({top:0});
		$("#bottomblock #ptriangle3").css({display:"block"});
		if(tmpH == 1){
			$("#projectsm2off").css({display:"block"});
			$("#projectsm2").css({display:"none"});
		}else{
			$("#projectsm2off").css({display:"none"});
			$("#projectsm2").css({display:"block"});
			$("#bottomblock").css({"backgroundColor":menu[1].colors.rollOverStills[3]});
		}
		$("#bottomblock").stop(true).animate({height:tmpH},300,"jswing",function(){
			//menu[1].colors.rollOverStills[3]	
			$("#bottomblock #keywholder").css({top:border});
			$("#bottomblock #relatedlist").css({top:border});
			if(tmpH == 1){
				$("#bottomblock #ptriangle3").css({display:"none"});
				$("#bottomblock").css({"backgroundColor":menu[0].colors.bar2[0]});
				//$("#bottomblock").css({"backgroundColor":menu[0].colors.headerAndBG[1]});
				//$("#projectsm2off").css({color:menu[1].colors.rollOverStills[3]});
			}
		});
	}
}
function bar3Over(){
	$("#projectsm2off").css({color:menu[1].colors.bar2[2]});
}
function bar3Out(){
	$("#projectsm2off").css({color:menu[1].colors.bar2[3]});
}

function addProjectForm(strcolors){
	pauseAllScrolls = true;
	var colors = convertColors(strcolors);
	var html = '<div id="formbg" onclick="removeForm()"></div>';
	html += '<div id="formlayer0">';
	html += '<img src="assets/form_bg.png" id="fbg" />';
	html += '<img src="assets/facebook.png" id="facebookIcon" style="background-color:#999999"';
	html += ' onclick="return addthis_sendto(\'facebook\');"';
	html += ' onmouseover="formRollOverIcons(this)"';
	html += ' onmouseout="formRollOutIcons(this)" />';
	html += '<img src="assets/twitter.png" id="twitterIcon" style="background-color:#999999"';
	html += ' onclick="return addthis_sendto(\'twitter\');"';
	html += ' onmouseover="formRollOverIcons(this)"';
	html += ' onmouseout="formRollOutIcons(this)" />';
	html += '<img src="assets/form_close_off.png" id="fcloseoff" />';
	html += '<img src="assets/form_close_on.png" id="fcloseon" ';
	html += ' onclick="removeForm()"';
	html += ' onmouseover="formRollOverClose(this)"';
	html += ' onmouseout="formRollOutClose(this)" />';
	html += '<div id="ftitle" class="ffont1" style="top:36px;color:#000000;">Email Link.</div>';
	html += '<div id="furl" class="ffont2" style="height:auto;color:#e9e9e9;word-wrap:break-word;">'+$.address.baseURL()+'/#'+($.address.path().split("favorites/project/").join("projects/everything/"))+'</div>';
	html += '<div id="fto" class="ffont1" style="top:158px">To:</div>';
	html += '<textarea id="ffield1" class="ffont2" style="resize:none;top:220px;height:52px;color:#999999;" ></textarea>';
	html += '<div id="ffrom" class="ffont1" style="top:306px;">From:</div>';
	html += '<input id="ffield2" class="ffont2" style="top:368px;color:#999999;" />';
	html += '<div id="fbuttons" class="ffont1" style="bottom:22px;color:#999999;cursor:pointer;">';
	html += '<span onmouseover="formRollOverButton(this)" onmouseout="formRollOutButton(this)" onclick="sendForm()">Send.</span> ';
	html += '<span onmouseover="formRollOverButton(this)" onmouseout="formRollOutButton(this)" onclick="removeForm()">Discard.</span>';
	html += '</div>';
	html += '<div id="fStatus" class="ffont1" style="display:none;bottom:22px;color:#000000;"></div>';
	html += '</div>';
	$(document).scrollTop(0);
	$("#form").stop(true);
	$("#form").html(html);
	$("#form #furl").css({top:(112-$("#form #furl").height()/2)});
	$("#form").css({opacity:0});
	$("#form #formbg").css({opacity:0.8});
	document.body.style.overflow = "hidden";
	var delay = 0;
	if(favoritesStatus != "hidden"){
		toggleFavorites();
		delay = 250;
	}
	$("#form").delay(delay).animate({opacity:1},150);
	if(FAVS_DATA_STR == ""){
		FAVS_URL = "";
		FAVS_BODY = "";
	}else{
		var favMailData = FAVS_DATA_STR.split(",");
		FAVS_DATA_STR = "";
		FAVS_URL = "";
		var domain = $.address.baseURL();
		FAVS_BODY = "<img src='"+domain+"/assets/logo_mail.png' style='background-color:"+menu[1].colors.rollOverStills[0]+";'/><br/><br/>[FROM] has shared a link with you: <br/>[FAVS_URL]<br/><br/>";
		//
		var tmpmailData;
		var tmpName1;
		var tmpName2;
		for(var i=0;i<favMailData.length;i++){
			tmpmailData = favMailData[i].split(";");
			FAVS_URL += tmpmailData[0];
			if(i<(favMailData.length-1)){
				FAVS_URL += ",";
			}
			tmpName1 = tmpmailData[1].split(".");
			tmpName2 = "<span style='color:'#000'>"+tmpName1[1]+"</span><br/><span style='color:"+menu[1].colors.rollOverStills[0]+"'>"+tmpName1[0]+"</span>";
			FAVS_BODY += "<div style='text-decoration:none;line-height:19px;font-size:21px;font-family:Arial, Helvetica, sans-serif'><b>"+tmpName2+"</b></div><a href='"+domain+"/#projects/everything/"+tmpmailData[3]+"'><img src='"+domain+tmpmailData[2]+"' vspace='5' border='0' width='360' height='203'/></a><br/><br/>";
		}
		FAVS_URL = $.address.baseURL()+'/#favorites/'+FAVS_URL;
		$("#form #furl").html(FAVS_URL);
		$("#form #furl").css({top:(112-$("#form #furl").height()/2)});
	}
}
function formRollOverClose(target){
	$(target).stop(true).animate({opacity:1},75);
}
function formRollOutClose(target){
	$(target).stop(true).animate({opacity:0},75);
}
function formRollOverIcons(target){
	$(target).stop(true).animate({"backgroundColor":"#000000"},75);
}
function formRollOutIcons(target){
	$(target).stop(true).animate({"backgroundColor":"#999999"},75);
}
function formRollOverButton(target){
	$(target).stop(true).animate({"color":"#000000"},75);
}
function formRollOutButton(target){
	$(target).stop(true).animate({"color":"#999999"},75);
}
function removeForm(){
	pauseAllScrolls = false;
	$("#form").stop(true);
	document.body.style.overflow = "auto";
	$("#form").html("");
}
function cleanMails(str){
	var tmp = str;
	tmp = tmp.split("\r").join("");
	tmp = tmp.split("\n").join("");
	tmp = tmp.split(" ").join("");
	for(var i=0;i<3;i++){
		if(tmp.substring(tmp.length) == ","){
			tmp = tmp.substring(0,tmp.length);
		}
	}
	return tmp;
}
function checkMails(str){
	var ok = true;
	var tmp = str.split(",");
	var tmp2;
	var tmp3;
	for(var i=0;i<tmp.length;i++){
		tmp2 = tmp[i].split("@");
		if(tmp2.length == 2){
			tmp3 = tmp2[1].split(".");
			if(tmp3.length<2){
				ok = false;	
			}
		}else{
			ok = false;	
		}
	}
	return ok;
}
function sendForm(){
	var to = cleanMails($("#ffield1").val());
	var from = cleanMails($("#ffield2").val());
	var url = $("#furl").html();
	var domain = $.address.baseURL();
	if($.address.pathNames()[0] == "projects" || ($.address.pathNames()[0] == "favorites" && FAVS_BODY == "")){
		var body = "<img src='"+domain+"/assets/logo_mail.png' style='background-color:"+menu[1].colors.rollOverStills[0]+";'/><br/><br/>"+from+" has shared a link with you: <br/><a href='"+url+"'>"+url+"</a><br/><br/><div style='color:#000000;text-decoration:none;line-height:19px;font-size:21px;font-family:Arial, Helvetica, sans-serif'><b>"+$("#projectname").html()+"</b></div><a href='"+url+"'><img src='"+domain+$("#snapshot").attr("src")+"' vspace='5' border='0' width='360' height='203'/></a>";
		var tmpSubject = $("#projectname").html().split("<br>");
		var subject = "NATL.TV - "+tmpSubject[0];
	}
	if($.address.pathNames()[0] == "news"){
		var body = "<img src='"+domain+"/assets/logo_mail.png' style='background-color:"+menu[2].colors.rollOverStills[0]+";'/><br/><br/>"+from+" has shared a link with you: <br/><a href='"+url+"'>"+url+"</a><br/><br/><div style='color:"+menu[2].colors.rollOverStills[0]+";text-decoration:none;line-height:19px;font-size:21px;font-family:Arial, Helvetica, sans-serif'><b>"+$("#newstitle").html()+"</b></div><a href='"+url+"'><img src='"+domain+$("#newspageimg0").attr("src")+"' vspace='5' border='0' width='360' height='203'/></a>";
		var subject = "NATL.TV - "+$("#newstitle").html();
	}
	if(FAVS_BODY != ""){
		var body = FAVS_BODY;
		body = body.split("[FAVS_URL]").join("<a href='"+FAVS_URL+"'>"+FAVS_URL+"</a>");
		body = body.split("[FROM]").join(from);
		var subject = "NATL.TV - Playlist";
	}
	//
	var fieldsOK = 0;
	if(checkMails(to)){
		fieldsOK++;
	}
	if(checkMails(from)){
		fieldsOK++;
	}
	if(fieldsOK == 2){
		$.ajax({
			type: "POST",
			url: "php/mailer_new.php",
			data: "to=" + to + "&email=" + from + "&subject=" + subject + "&body=" + body,
			cache: false,
			dataType: "html",
			beforeSend: function(objeto){
				$("#fStatus").html("Sending...");
				$("#fStatus").css({display:"block"});
				$("#fbuttons").css({display:"none"});
			},
			success: function(msg){
				$("#fStatus").html("Thanks for Sharing.");
				$("#form").stop(true).delay(2000).animate({opacity:0},1,function(){
					removeForm();
				});
			},
			error: function(objeto, quepaso, otroobj){
				$("#fStatus").html("Try Again Later.");
				$("#form").stop(true).delay(2000).animate({opacity:0},1,function(){
					$("#form").css({opacity:1});
					$("#fStatus").css({display:"none"});
					$("#fbuttons").css({display:"Block"});
				});
			}
		});
	}else{
		$("#fStatus").css({display:"block"});
		$("#fbuttons").css({display:"none"});
		$("#fStatus").html("Check Email Address.");
		$("#form").stop(true).delay(2000).animate({opacity:0},1,function(){
			$("#form").css({opacity:1});
			$("#fStatus").css({display:"none"});
			$("#fbuttons").css({display:"Block"});
		});
	}
}
function checkArrows(){
	if(favoritesData.length<2){
		$("#controllers").css({display:"none"});	
	}
}
function controlProBack(){
	if(globalHISTORY[(globalHISTORY.length-2)] == ""){
		$("#projectback").attr("href","/#")
	}	
}
