var initImgSrc=false;

$(document).ready( function()
{	
	var left = $("#divLayoutProfileUpperMidLeft").height();
	var mid = $("#divLayoutProfileUpperMidMid").height();
	var right = $("#divLayoutProfileUpperMidRight").height();
	
	FB.init(api_key,"xd_receiver.htm");
	
	$.ajax(
	{
		type: "POST",
		url: localhost+'/Twitter',
		data: { action: "Authentication",ref: "TalentAuthentication" },
		dataType: "json",
		async: true,
		time: 10,
		success: function( msg )
		{
			if( msg.success ) {
				if( msg.authenticated ) {
					var authokay ="<div style=\"width: 200px; display: inline-block;\" class=\"noterror\">Authenticated with Twitter!<span id=\""+msg.tid+" twitter\" class=\"link removeLink\">Revoke</span></div>";
					$(".twittervalidatesection").html(authokay);
					
					//getting twitters
//					var twitterLayoutHtml="<div class=\"bottomroundedborder toproundedborder\" id=\"divLayoutTalentTwitters\">"
//					$(twitterLayoutHtml).insertBefore($("#divLayoutProfileMainRight").children().eq(0));
//					//$("#divLayoutTalentTwitters").html();
//					var twitterContentHtml="<div class=\"left\"><div class=\"logoborder\"><div class=\"twitterLogo\"></div></div>";
//					twitterContentHtml+="<img src=\""+localhost+"/Assets/images/round_loader.gif>";
//					$("#divLayoutTalentTwitters").html(twitterContentHtml);
					$.ajax(
					{
						type: "POST",
						url: localhost+'/Twitter',
						data: { action: "GET",type:"Cache"},
						dataType: "json",
						async: true,
						time: 10,
						success: function( msg )
						{
							twitterContentHtml="<div class=\"left\" style=\"margin-left:10px;margin-right:10px;\"><div class=\"logoborder\"><div class=\"twitterLogo\"></div></div>";
							twitterContentHtml+="<div class=\"clear\"><div class=\"textaligncenter\"><h2>Followers:</h2><h2>"+msg.data.content.followers_count+"</h2></div></div></div>";
//							twitterContentHtml+="<div><a href=\"http://twitter.com/"+msg.data.content.screen_name+"\">"
//							twitterContentHtml+="<img class=\"attachment left\" src="+msg.data.content.profile_image_url+"></a></div><div class=\"right\" style=\"width:150px;font-size:15px\">"+msg.data.content.status.text+"</div><br/><div class=\"clear\"/>"
//							
//							if(msg.data.retweet.length>0){
//								twitterContentHtml+="<hr><span><h2>RETWEETS</h2></span>";
//							}
//							for(i=0;i<msg.data.retweet.length;i++){
//								twitterContentHtml+="<div class=\"left\" style=\"margin-top:10px;\"><div class=\"left\" style=\"width:50px;\"><a href=\"http://twitter.com/"+msg.data.retweet[i].retweeted_status.user.screen_name+"\">"+msg.data.retweet[i].retweeted_status.user.screen_name+":</a></div><div class=\"right\" style=\"margin-top:5px; width:200px; margin-left: 10px;\">"+msg.data.retweet[i].retweeted_status.text+"</div></div><div class=\"clear\"/>";
//							}
//							
//							if(msg.data.timeline.length>0){
//								twitterContentHtml+="<hr><span><h2>TIMELINE</h2></span>";
//							}
//							for(i=0;i<msg.data.timeline.length;i++){
//								twitterContentHtml+="<div class=\"left\" style=\"margin-top:10px;\"><div class=\"left\" style=\"width:50px;\"><a href=\"http://twitter.com/"+msg.data.timeline[i].user.screen_name+"\">"+msg.data.timeline[i].user.screen_name+":</a></div><div class=\"right\" style=\"margin-top:5px; width:200px; margin-left: 10px;\">"+msg.data.timeline[i].text+"</div></div><div class=\"clear\"/>";
//							}
//							
//							twitterContentHtml+="<a href=\"http://twitter.com/"+msg.data.content.screen_name+"\"><div class=\"followOnTwitter left\"></div></a><div class=\"clear\"/>";
							$(".indicatorarea").append(twitterContentHtml);
//							$("#divLayoutSocialNetwork").show();
						}
					});
				} else {
					$(".twittervalidatesection").html(msg.data);
				}
			} else {
				alert(msg.errormsg);
			}
		}
	});
	
	$(".removeLink").live("click",function(){
		var confirmVar="Are you sure you want to revoke?";
		
		if(confirm(confirmVar)){
			var idArray=$(this).attr("id").split(" ");
			var id=idArray.slice(0,1);
			var type=idArray.slice(1,2);
			var linkage="";
			
			if(type=="twitter"){
				linkage=localhost+'/Twitter/RevokeAccess';	
			}else if(type=="facebook"){
				linkage=localhost+'/Facebook/RevokeAccess';
			}else if(type=="facebookpage"){
				linkage=localhost+'/Facebook/RevokePageAccess';
			}
			
			$.ajax(
			{
				type: "POST",
				url: linkage,
				dataType: "json",
				data: { id: id },
				async: false,
				time: 10,
				success: function( msg )
				{
					if( msg.success ) {
						window.location.reload(true);
					}
				}
			});
		}else{
			return false;
		}
	});
	
	
	FacebookValidation();
	
	if( left > mid && left > right )
	{
		$("#divLayoutProfileUpperMidMid").height( left );
		$("#divLayoutProfileUpperMidRight").height( left );
	}
	else if( mid > left && mid > right )
	{
		$("#divLayoutProfileUpperMidLeft").height( mid );
		$("#divLayoutProfileUpperMidRight").height( mid );
	}
	else if( right > mid && right > left )
	{
		$("#divLayoutProfileUpperMidLeft").height( right );
		$("#divLayoutProfileUpperMidMid").height( right );
	}
	
	$(".divMinusBox").click( function()
	{
		var minimize = $(this).attr("id").replace("minimize_", "") + "";
		var obj = $("#" + minimize);
		var header = $("#" + minimize + "Header");
		if(obj.css("display") == "none" ) {
			obj.addClass("bottomroundedborder");
			header.removeClass("bottomroundedborder");
			if( minimize == "divLayoutProfilePortfolio" && !$("#quotaDiv").hasClass("hide") ) {
				$("#quotaDiv").removeClass("bottomroundedborder");
			}
			obj.slideDown("slow");
		} else {
			obj.slideUp("slow", function() {
				if( minimize == "divLayoutProfilePortfolio" && !$("#quotaDiv").hasClass("hide") ) {
					$("#quotaDiv").addClass("bottomroundedborder");
				} else {
					header.addClass("bottomroundedborder");
				}
				obj.removeClass("bottomroundedborder");
			});
		}
	});
	
	$(".backgroundImage").live("click",function(){
		$(".ajaxloader").toggle();
		$(".updatebackground").toggle();
		var imgsrc=$(this).attr("alt");
		var url="url("+localhost+"/Assets/dummy/"+imgsrc+")";
		$("#divLayoutProfileUpperWrapper").css("background-image", url);
		initImgSrc=imgsrc;
		$.ajax({
			url: localhost + "/Profile/UpdateBackgroundUsingSystem",
			type: "POST",
			data: { imgsrc:initImgSrc  },
			dataType: "json",
			async: true,
			time: 10,
			success: function( msg ) {
				if( msg.success ) {
					$(".ajaxloader").toggle();
					$(".updatebackground").toggle();
					initImgSrc=false;
				} else {
					$(".ajaxloader").toggle();
					$(".updatebackground").toggle();
					alert(msg.errormsg);
				}
			}
		});	
	});
	
	
	$(".layer").css('width' , $(document).width());
	$(".layer").css('height' , $(document).height());
	$(".layer").css('z-index', '1003');
	$(".lightbox").css("left" , $(document).width() / 4 - 30);
	$(".lightbox").css("top" , $(document).height() / 8 - 30);
	$(".lightbox").css("cursor", "move");
	$(".lightboxcontent").css("cursor", "auto");
	
	$(".lightbox").draggable(
	{
		addClasses: false,
		cursor: 'move'
	});
	
	$("#receiver").tokenInput(localhost+"/Contact/getUserByKeyword/",{
		hintText: "Enter the name of intended recipient",
		noResultsText: "No results",
		searchingText: "Searching..." 
	});
	
	$(".closeLightbox").live("click", function()
	{
		var id = $(this).attr("class").split(" ").slice(0,1);
		$(".layer").fadeOut("slow");
		$("#" + id).fadeOut("slow");
		$(".token-input-token").remove();
		$("#title").val("");
		$("#receiver").val("");
		$("#composeMailContent").val("");
	});
	
	$("#backgroundeditform").submit(function()
	{
		$(".ajaxloader").toggle();
		$(".updatebackground").toggle();
		
		if($("#backgroundFileUpload").val()!=""){
		$.ajaxFileUpload
		(
			{
				url: localhost + '/Profile/UploadBackground',
				secureuri:false,
				fileElementId:'backgroundFileUpload',
				dataType: 'json',
				success: function (data, status)
				{
					if( data.success )
					{
						var url="url("+localhost+"/files/userfiles/Talent/"+data.imgsrc+")";
						$("#divLayoutProfileUpperWrapper").css("background-image", url);
						$(".ajaxloader").toggle();
						$(".updatebackground").toggle();
					}
					else
					{
						$(".ajaxloader").toggle();
						$(".updatebackground").toggle();
						alert(data.errormsg);
					}
				},
				error: function (data, status, e)
				{
					$(".ajaxloader").toggle();
					$(".updatebackground").toggle();
					alert(e);
				}
			}
		);
		}else{
			$(".ajaxloader").toggle();
			$(".updatebackground").toggle();
			alert("Please select a theme or upload an image");
		}
		return false;
	});
	
	var loc = document.location + "";
	
	if( loc.indexOf("Profile") > -1 ) {
		RefreshTrackRecord( 2, 1 );
		$(".hider").live("click", function()
		{
			$(this).next().slideToggle("fast");
			arrowToggle($(this).prev());
		});
	}
	
	$(".paginate").live("click", function() {
		var page = $(this).attr("class").split(" ").slice(2,3);
		var ipp = $("#ippstore").val();
		RefreshTrackRecord( ipp, page );
	});
	
	$("#ippselectordraft").live("change",function(){
		var ipp=$(this).val();
		var page = 1;
		RefreshTrackRecord( ipp, page );
	});
	
});

function RefreshTrackRecord( ipp, page ) {
	$.ajax({
		url: localhost + "/Portfolio/GetTrackRecord",
		type: "POST",
		data: { IPP: ipp, page: page, talent_id: $("#profileAuthId").val() },
		dataType: "json",
		async: true,
		time: 10,
		success: function( msg ) {
			if( msg.success ) {
				$("#trackRecord").html(msg.html);
				if( msg.hidediv && !msg.owner ) {
						$("#trackRecordContainer").hide();
				} else {
					$("#trackRecordContainer").show();
					if( msg.hidediv && msg.owner ) {
						$(".trackrecord-toggle").after("&nbsp;&nbsp;&nbsp;<span class=\"bold red\">(Hidden)</span>");
						$("#trhtml").hide();
					}
				}
				
				initCluetip();
				$(".sortable2").tablesorter({
					cancelSelection: true
				});
			} else {
				alert(msg.errormsg);
			}
		}
	});	
}

function initCluetip() {
	initProfileTooltip();
	
	if( $.browser.msie ) {
		var wdth = { min: 338 };
	} else {
		var wdth = "auto";
	}
	
	$('a.tipsclick').cluetip(
	{
		cluetipClass: 'jtip', 
		arrows: true,
		positionBy: 'mouse',
		width: '375', 
		height: 'auto',
		ajaxCache: true,
		hoverIntent: {
              sensitivity:  10,
              interval:     100,
              timeout:      000
		},
		sticky: true,
		closePosition: "title",
		waitImage: true,
		mouseOutClose: false,
		fx: {
			open: 'fadeIn',
			openSpeed: '200',
			closeFXSpeed: '200'
		},
		activation: 'hover',
		clickThrough : true,
		waitImage: true
	});
	/*$(".tipsclick").each( function() {
		$(this).qtip({
			content: {
				url: $(this).attr("rel"),
				title: {
					text: $(this).attr("title"),
					button: "Close"
				}
			},
			style: {
				name: 'blue',
				tip: 'topLeft',
				border: {
					width: 1,
					radius: 5
				},
				width: wdth
			},
			show: {
				delay: 100,
				when: {
					event: 'mouseover'
				}
			},
			hide: {
				fixed: true,
				when: {
					event: 'unfocus'
				}
			},
			position: {
				corner: {
					target: "bottomRight",
					tooltip: "topLeft"
				},
				adjust: {
					x: -10,
					y: -10
				}
			}
		});
	});*/
}

function arrowToggle( arrowObj )
{
	if( arrowObj.hasClass("downbullet") )
	{
		arrowObj.removeClass("downbullet").addClass("leftbullet").attr("src", localhost + "/Assets/images/bulletleft.png" );
	}
	else if( arrowObj.hasClass("leftbullet") )
	{
		arrowObj.removeClass("leftbullet").addClass("downbullet").attr("src", localhost + "/Assets/images/bulletdown.png");
	}
}

function afterGrantAccess(){
	session = FB.Facebook.apiClient.get_session();
	var sessionKey=session.session_key;
	$.ajax(
	{
		type: "POST",
		url: localhost+'/Facebook/UpdateFacebookInfo',
		data:{sessionKey:sessionKey},
		dataType: "json",
		async: false,
		time: 10,
		success: function( msg )
		{
			if(msg.success){
				
			}else{
				alert(msg.errormsg);
			}
		}
	});
	
	window.location.reload(true);
}


function FacebookValidation(){
	$.ajax(
	{
		type: "POST",
		url: localhost+'/Facebook/ReadFeeds',
		dataType: "json",
		async: true,
		time: 10,
		success: function( msg )
		{
			if( msg.success ) {
				if(msg.type=="btn"){
					$(".facebookvalidatesection").html(msg.data);
				}else if(msg.type="data"){
					$(".facebookvalidatesection").html(msg.authentication);
//					var facebookLayoutHtml="<div class=\"bottomroundedborder toproundedborder\" id=\"divLayoutTalentFacebook\">"
//					$(facebookLayoutHtml).insertBefore($("#divLayoutProfileMainRight").children().eq(0));
					var facebookContentHtml="<div class=\"left\" style=\"margin-left:10px;margin-right:10px;\"><div class=\"logoborder\"><div class=\"facebookLogo\"></div></div>";
					facebookContentHtml+="<div class=\"clear\"><span class=\"unbold textaligncenter\"><h2>Friends:</h2><h2>"+msg.count+"</h2></div></div>";
//					facebookContentHtml+="<div>"+msg.fbml+"</div><div class=\"clear\"/>";
//					$("#divLayoutTalentFacebook").html(facebookContentHtml);
					$(".indicatorarea").append(facebookContentHtml);
//					$("#divLayoutSocialNetwork").show();
//					FB.init(api_key,"xd_receiver.htm");
				}
			}
		}
	});
}

function promptOfflineAccess(){
		//$("#offlineAccess").show();
		if(!confirm("Are you sure this is the account you want to grant access to?")){
			if(FB.Facebook.apiClient.get_session()){
				FB.Connect.logout();
			}
		}else{
			FB.Connect.showPermissionDialog('read_stream,publish_stream,offline_access,share_item', function(perms) {
				if ($('.fb_connect_dialog_iframe').length){                
		            var height = $('.fb_connect_dialog_iframe').height();
		            if(height<370){
		                $('.fb_connect_dialog_iframe').height('370');
		            }
		        } 
				if (perms=="read_stream,publish_stream,offline_access,share_item") {
					afterGrantAccess();
				}
			});
		}
}

function closeLightbox( id )
{
	$("#" + id).fadeOut("slow");
	$(".layer").fadeOut("slow");
	
	
	$(".token-input-token").remove();
	
	$("body").height("auto");
}

function openLightbox(wrapper)
{
	$(".layer").show().animate({opacity: 0.7}, "slow"); 
	closecheck = true;
	$(".composeMailSuccessBox").hide();
	$(".contentComposeMailBox").show();
	$("#" + wrapper + " .successBox").hide();
		
	var window = $(window).width() / 2;
	var wrap = $("#" + wrapper).width() / 2;
	var left = window - wrap;

	$("#" + wrapper).css("left" , left);
	$("#" + wrapper).css("top" , ($(document).scrollTop() + 20));

	$("#" + wrapper).fadeIn("slow");
}