var v = document.createElement('video');
var supported = false;
try{
	var supported = v.canPlayType('video/mp4; codecs="avc1.58A01E, mp4a.40.2"');
}catch(e){}
var sitepath = '/curepity/';
sitepath = '/gillette/internet/';
sitepath = '/';

$(document).ready(function(){
	//title switcher
	var ttl = ['Pity. It\'s 100% Curable', 'Helping ordinary kids be ordinary kids', 'Become a part of the cure'];
	var title = $('div#title h2');
	i = -1;

	var slideshow = setInterval(function(){
		var val = ttl[++i] || ttl[i = 0];
		title.fadeOut("slow", function(){
			$(this).text(val).fadeIn("slow");
		});
	}, 4000);

	// hide buttons initially
	$("#player ul").hide();
	$("#player ul:first").show();
	$("#kids li:first").addClass("active");

	// initial fun is done with
	$("#kids li a").click(function(){
		return false;
	});

	$("#bottom div:not(div#actions)").hide();
	$("#bottom div#contentarea").show();

	initLinks();

        //load the appropriate story
	var meetKid = $.getUrlVar('meet');
        if (meetKid !== undefined){
	    $('.'+meetKid+' a').trigger('click');
	}
});

$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});

function initLinks(){
	$("#kids li a").click(function(){
		var $this = $(this);
		var altVideo;
		
		if($this.attr('title')=='Welcome'){
			resetBottom();
		}
		
		$("#player #links a").click(function(){
			return false;
		});

		$("#kids li").removeClass("active");
		$this.parent().addClass("active");
		
		if($this.attr("alt") !== undefined && $this.attr("alt") != ""){
			altVideo = $this.attr("alt").toString().split(':');
		}
		if($this.attr("rel") !== undefined && $this.attr("rel") != ""){
			var videoTemp = $this.attr("rel").toString().split(':');
			playVideo(videoTemp,altVideo);
		}
		else if($this.attr("img_rel") !== undefined && $this.attr("img_rel") != ""){
			showImage($this.attr("img_rel"));
		}
		
		var fileTemp = $this.attr("href");

		$("#player #links").load(fileTemp + " #links ul", {}, function(){
			$("#links a.story").click(function(){
				$("#story_outer #ad").hide();
				$("#story_outer #story").show();
				loadStory($(this).html());
				$('#story_navigation').show();
				return false;
			});
			$("#links a.ad").click(function(){
				$("#story_outer #story").hide();
				$("#story_outer #ad").show();
				loadStory($(this).html());
				$('#story_navigation').show();
				return false;
			});
             $("#links a.share").click(function(){
             var child = $(this).attr('rel');
				$("#story_outer #ad").hide();
				$("#story_outer #story").hide();
				tb_show($(this).html(), 'default.cfm?pid=1.9.1&meet='+child+'&KeepThis=true&TB_iframe=true&height=420&width=550', {});
				$('#story_navigation').show();
				return false;
			});
			$("#links a.video").click(function(){
				if($(this).attr("alt") !== undefined && $(this).attr("alt") != ""){
					altVideo = $(this).attr("alt").toString().split(':');
				}
				
				if ($(this).attr('rel') !== undefined && $(this).attr('rel') !== '') {
					var thisVideo = $(this).attr("rel").toString().split(':');
					playVideo(thisVideo,altVideo);
					return false;
				}
			});
		});

		$("#player #story_outer").load(fileTemp + " #hero", {}, function(){
			$("#player #story_outer #links").remove();
			$('#story_navigation').hide();
		});
	});

	$("#actions li a").click(function(){
		var t = $(this);
		var fileTemp = $(this).attr("href");

		if ($(this).attr('rel') !== undefined) {
			var imgstr = '<img src="imagesupload/' + $(this).attr("rel") + '" border="0">';
			$("#video").hide();
			$("#links").hide();
			$("#videoImage").html(imgstr);
			$("#videoImage").show();
			//var videoTemp = $(this).attr("rel").toString().split(':');
			//playVideo(videoTemp);
		}

		$("#actions li a").removeClass("view");
		$("#kids li").removeClass("active");
		$(this).addClass("view");

		$("#bottom div:not(div#actions)").hide();

		$("#contentarea").load(fileTemp + " #contentx", {}, function(){
			if(t.hasClass('pledgelink')){
				$("#fmbldr_38813").submit(function(){
					var options = {
						target:		'#tempContent',
						type:		'get',
						url:		'default.cfm?PID=1.10&action=FB_guestsubmit',
						error:		function() {

						},
						success:	function() {
							$("#contentarea").html($("#tempContent div#contentx table table tr td").html());
						}
					};
					$('#fmbldr_38813').ajaxSubmit(options);
					return false;
				});
			}

			if(t.hasClass('becomelink')){
				$("#field_AEBDE90DB8239276").search();
				$("#field_C4211B98820EE9CC").search();
				$("#field_54311A6DD5DC1120").search();
				$("#field_91F085D2D0D203A9").search();
				$("#field_B459150E5E9C1EDD").search();
				$("#field_B64F7A1229327882").search();
				$("#field_AD87C80603912A9E").search();
				$("#field_760B9A523BA5B9B9").search();
				$("#fmbldr_38807").submit(function(){
					var options = {
						target:		'#tempContent',
						type:		'get',
						url:		'default.cfm?PID=1.8&action=FB_guestsubmit',
						error:		function() {

						},
						success:	function() {
							$("#contentarea").html($("#tempContent div#contentx table table tr td").html());
						}
					};
					$('#fmbldr_38807').ajaxSubmit(options);
					return false;
				});
			}

			if(t.hasClass('friendlink')){
				initTellAFriend();
				$('#field_B4DB9177F0B7267D').keyup(function(){
					limitChars('field_B4DB9177F0B7267D', 500);
				});
				$("#field_3A6E1E9A562F9976").search();
				$("#field_FD2B77EE84EE175D").search();
				$("#field_4C873E362ADAEBC1").search();
				$("#field_BEE089763D79CCE4").search();
				$("#field_B4DB9177F0B7267D").search();
			}
		}).fadeIn();

		return false;
	});

	$("#footerlinks a:not('.ignore')").click(function(){
		var t = $(this);
		
		$("#tempContent").load(t.attr('href')+' #contentx',{},function(){
			tb_show(t.attr('title'),"#TB_inline?height=400&width=500&inlineId=tempContent",{});
			readyPaging();
		});
		

		return false;
	});
}

function initTellAFriend(){
	imagePreview();

	$("#fmbldr_38815").submit(function(){
		if(validateform('fmbldr_38815')){
			$('#eCardMethod').val('sendCard');

			var options = {
				target:		'#tempContent',
				type:		'get',
				url:		'default.cfm?PID=1.9&action=guestsubmit',
				error:		function() {

				},
				success:	function() {
					$("#contentarea").html($("#tempContent div#ECardConfirm").html());
				}
			};

			$('#fmbldr_38815').ajaxSubmit(options);

			return false;
		}
		else{
			return false;
		}
	});

	$("#PreviewCard").click(function(){
		if(validateform('fmbldr_38815')){
			$('#eCardMethod').val('PreviewCard');
			var options = {
				target:		'#tempContent',
				type:		'get',
				url:		'default.cfm?PID=1.9&action=guestsubmit',
				success:	function() {
					$("#contentarea").find('div').each(function(){
						$(this).css('display','block');
					});

					$("#tempContent").html($("#tempContent div#contentx").html());

					tb_show("e-Card Preview","#TB_inline?height=580&width=695&inlineId=tempContent",{});

					$('#preview_edit').click(function(){
						tb_remove();
						//initTellAFriend();
						return false;
					});

					$('#preview_send').click(function(){
						tb_remove();
						$('#eCardMethod').val('sendCard');
						var options = {
							target:		'#tempContent',
							type:		'get',
							url:		'default.cfm?PID=1.9&action=guestsubmit',
							error:		function() {

							},
							success:	function() {
								$("#contentarea").html($("#tempContent div#ECardConfirm").html());
							}
						};
						$('#fmbldr_38815').ajaxSubmit(options);
						return false;
					});
				}
			};

			$('#fmbldr_38815').ajaxSubmit(options);

			return false;
		}
		else{
			return false;
		}
	});
}

$.fn.search = function() {
	return this.focus(function() {
		if( this.value == this.defaultValue ) {
			this.value = "";
		}
	}).blur(function() {
		if( !this.value.length ) {
			this.value = this.defaultValue;
		}
	});
};

function playVideo(arrayPlaylist,altVideo){
	$("#videoImage").hide();
	$("#video").show();
	$("#links").show();
	//do we support the alt media file
	if(supported && altVideo !== '' && altVideo !== undefined){
		
		$('#player2').html('<video src="http://' + document.domain + sitepath +altVideo+'" width="539" height="325" controls autoplay>');
		
	}else{
		
		$f("player2", "http://" + document.domain + sitepath + "/imagesupload/flowplayer.commercial-3.1.1.swf", {
			//license key for *.curepity.org
			key: "#$db0de84d5c9c39539ee",
	
			canvas: {
				background: 'url(imagesupload/video-background-gradient.jpg) repeat-x'
			},
	
			//video clip settings
			clip: {
				autoPlay: true,
				autoBuffering: true,
				scaling: "fit"
			},
	
			// playlist with two entries
			playlist: arrayPlaylist,
	
			// show playlist buttons in controlbar
			plugins: {
				controls: {
					playlist: true,
					fullscreen: false
				}
			}
		})
	}
}
function showImage(url){
	$("#video").hide();
	$("#videoImage").show();
	$("#links").show();
	
	$("#videoImage").html("<img src='" + url + "' />");
}

function resetBottom(){
	$('#contentarea').html($('#contentarea_hidden').html());

	$('div#actions ul li a').each(function(){
		$(this).removeClass('view');
	});
}

function readyPaging(divWrapper){
	$("#TB_ajaxContent #story_list li").each(function(){
		$(this).removeClass('current_story')
	});

	$("#TB_ajaxContent #story_list li:first").addClass('current_story');

	if ($("#TB_ajaxContent #story_list li").length > 1) {
		$("#TB_ajaxContent .tb_navigation .next").show();
		$("#TB_ajaxContent .tb_navigation .prev").addClass('inactive');
	} else {
		$("#TB_ajaxContent .tb_navigation .next").hide();
		$("#TB_ajaxContent .tb_navigation .prev").hide();
	}

	$("#TB_ajaxContent .tb_navigation .prev").click(function(){
		storyPrevious();
	});

	$("#TB_ajaxContent .tb_navigation .next").click(function(){
		storyNext();
	});
}

//story area
function loadStory(title){
	tb_show(title, '#TB_inline?height=420&width=520&inlineId=story_outer', {});
	readyPaging();
}

function storyNext(divWrapper){
	var cur = $("#TB_ajaxContent #story_list li.current_story");

	if (cur.next().length !== 0) {
		cur.removeClass('current_story');
		cur.next().addClass('current_story');

		if (cur.next().next().length == 0) {
			$("#TB_ajaxContent .tb_navigation .next").addClass('inactive');
		}

		$("#TB_ajaxContent .tb_navigation .prev").removeClass('inactive');
	}
}

function storyPrevious(divWrapper){
	var cur = $("#TB_ajaxContent #story_list li.current_story");

	if (cur.prev().length !== 0) {
		cur.removeClass('current_story');
		cur.prev().addClass('current_story');

		if (cur.prev().prev().length == 0) {
			$("#TB_ajaxContent .tb_navigation .prev").addClass('inactive');
		}

		$("#TB_ajaxContent .tb_navigation .next").removeClass('inactive');
	}
}

/* js for the ecard stuff */
function validateform(formname)
{

	if($("input#field_32D325EAB6D9EB8D").val()==""){
		alert("Please select a template by clicking on an image.");
		return false;
	}

	if(document.getElementById('field_3A6E1E9A562F9976').value.toLowerCase() == "your name" || document.getElementById('field_3A6E1E9A562F9976').value.length == 0)
	{
		alert('You must enter Your Name!');
		return false;
	}
	if(document.getElementById('field_FD2B77EE84EE175D').value.toLowerCase() == "your friend's name" || document.getElementById('field_FD2B77EE84EE175D').value.length == 0)
	{
		alert("You must enter Your Friend's' Name!!");
		return false;
	}
	if(document.getElementById('field_4C873E362ADAEBC1').value.toLowerCase() == "your email" || document.getElementById('field_4C873E362ADAEBC1').value.length == 0)
	{
		alert('You must enter a valid Your Email!');
		return false;
	}
	if(document.getElementById('field_BEE089763D79CCE4').value.toLowerCase() == "your friend's email" || document.getElementById('field_BEE089763D79CCE4').value.length == 0)
	{
		alert("Your must enter your friend's email");
		return false;
	}
	if(document.getElementById('field_B4DB9177F0B7267D').value.toLowerCase() == "type in a message" || document.getElementById('field_B4DB9177F0B7267D').value.length == 0)
	{
		document.getElementById('field_B4DB9177F0B7267D').value = "";
	}
	if(validateEmail('field_4C873E362ADAEBC1') == false || validateEmail('field_BEE089763D79CCE4') == false)
	{
		return false;
	}
	return true;
}

function validateEmail(emailfield) {
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	var address = document.getElementById(emailfield).value;

	if(reg.test(address) == false) {
		alert('Invalid Email Address');
		return false;
	}
}

function limitChars(textid, limit) {
	var text = $('#'+textid).val();
	var textlength = text.length;

	if(textlength > limit){
		$('#'+textid).val(text.substr(0,limit));

		return false;
	}
	else{
		return true;
	}
}

function imagePreview(){
	$("img.tell_a_friend_image").hover(function(e){
		var s = $(this).attr('src').replace('_thumbnail','');
		$("#wrapperEcard").append("<div id='ecard_preview'><img src='"+ s +"' alt='Image preview' /></div>");
		$("#ecard_preview").fadeIn("fast");
	},function(e){
		$("#ecard_preview").remove();
	});

	$("img.tell_a_friend_image").click(function(){
		$("input#field_32D325EAB6D9EB8D").val($(this).attr("rel"));
		$("img.tell_a_friend_image").removeClass("tell_a_friend_image_selected").addClass("tell_a_friend_image_not_selected");
		$(this).removeClass("tell_a_friend_image_not_selected").addClass("tell_a_friend_image_selected");
	});
}