var portalFunctions = {

	setupForms : function() {
		jQuery(document).ready(function($) {
			$("form input.inner-label").bind("focus.labelFx", function() {
				$(this).prev().hide();
			}).bind("blur.labelFx", function() {
				$(this).prev()[!this.value ? "show" : "hide"]();
			}).trigger("blur.labelFx");
		}); // end document.ready
	},

	startScroller : function() {
		jQuery(document).ready(function($) {
			$(".scrollable").scrollable({
				circular : true
			});
		}); // end document.ready
	},

	setUpLightbox : function() {
		jQuery(document)
				.ready(
						function($) {
							$("a[rel^='prettyPhoto']")
									.prettyPhoto(
											{
												social_tools : false,
												markup : '<div class="pp_pic_holder"> \
					<div class="pp_content_container"> \
						<div class="pp_left"> \
						<div class="pp_right"> \
							<div class="pp_content"> \
								<div class="pp_loaderIcon"></div> \
								<div class="pp_fade"> \
									<div class="pp_hoverContainer"> \
										<a class="pp_next" href="#">next</a> \
										<a class="pp_previous" href="#">previous</a> \
									</div> \
									<div id="pp_full_res"></div> \
									<div class="pp_details"> \
										<div class="pp_image-info"> \
											<div class="ppt">&nbsp;</div> \
											<p class="pp_description"></p> \
										</div> \
										<div class="pp_nav_visible"> \
											<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
											<a class="pp_close" href="#">Close</a> \
										</div> \
										<div class="pp_nav"> \
											<p class="currentTextHolder">0 / 0</p> \
											<a href="#" class="pp_arrow_previous">Previous</a> \
											<a href="#" class="pp_arrow_next">Next</a> \
										</div> \
										{pp_social} \
									</div> \
								</div> \
							</div> \
						</div> \
						</div> \
					</div> \
					</div> \
				<div class="pp_overlay"></div>'
											});

							$(".gallery:first a[rel^='prettyPhoto']")
									.prettyPhoto(
											{
												animation_speed : 'normal',
												overlay_gallery : false,
												horizontal_padding : 10,
												opacity : 0.2,
												social_tools : false,
												slideshow : false,
												markup : '<div class="pp_pic_holder"> \
					<div class="pp_content_container"> \
						<div class="pp_left"> \
						<div class="pp_right"> \
							<div class="pp_content"> \
								<div class="pp_loaderIcon"></div> \
								<div class="pp_fade"> \
									<div class="pp_hoverContainer"> \
										<a class="pp_next" href="#">next</a> \
										<a class="pp_previous" href="#">previous</a> \
									</div> \
									<div id="pp_full_res"></div> \
									<div class="pp_details"> \
										<div class="pp_image-info"> \
											<div class="ppt">&nbsp;</div> \
											<p class="pp_description"></p> \
										</div> \
										<div class="pp_nav_visible"> \
											<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
											<a class="pp_close" href="#">Close</a> \
										</div> \
										<div class="pp_nav"> \
											<p class="currentTextHolder">0 / 0</p> \
											<a href="#" class="pp_arrow_previous">Previous</a> \
											<a href="#" class="pp_arrow_next">Next</a> \
										</div> \
										{pp_social} \
									</div> \
								</div> \
							</div> \
						</div> \
						</div> \
					</div> \
					</div> \
				<div class="pp_overlay"></div>'
											});
							$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({
								animation_speed : 'fast',
								slideshow : 10000
							});

						}); // end document.ready
	},

	setUpStreamingVideos : function() {
		jQuery(document).ready(function($) {
			$("div.vplayer").each(function() {
				url = $(this).attr("data-video");
				playerid = this.id;
				video(playerid, url);
			});
		}); // end document.ready
	},

	setUpTooltips : function() {
		jQuery(document).ready(function($) {
			$("ul.topclient-list li a[title]").tooltip({
				effect : 'fade',
				fadeOutSpeed : 100,
				position : 'bottom right',
				offset : [ -10, -30 ],
				opacity : 0.80
			});
		}); // end document.ready
	}
};

var welcomeFlashClickHandler = function(flashName) {
	var pp = $j.prettyPhoto;
	if ("mobilebank" == flashName) {
		pp.open('#product-video1');
		$("#product-video1_api").show();
	} else if ("ibank" == flashName) {
		pp.open('#product-video2');
		$("#product-video2_api").show();
	}
};

var openWebinarVideo = function() {
	var pp = $j.prettyPhoto;
	pp.open('#webinar-video');
	$("#webinar-video_api").show();
};

function video(playerid, url) {
	var b = $(document.body);
	var path = b.attr("data-path");
	flowplayer(playerid, path + 'swf/flowplayer.commercial-3.2.7.swf', {
		key : '#$d66ac0de5973816b47a',
		// clip properties
		clip : {
			// these two settings will make the first frame visible
			autoPlay : false,
			autoBuffering : true,
			provider : 'pseudo',
			url : url
		},

		// this will enable pseudostreaming support
		plugins : {
			pseudo : {
				url : path + 'swf/flowplayer.pseudostreaming-3.2.7.swf',
				queryString : escape("start=${start}")
			},
			controls : {
				url : path + 'swf/flowplayer.controls-3.2.5.swf',

				backgroundColor : "transparent",
				backgroundGradient : "none",
				sliderColor : '#0CC6DE',
				sliderBorder : '1px solid rgba(0,0,0,0.3)',
				volumeSliderColor : '#777777',
				volumeBorder : '1px solid rgba(0,0,0,0.3)',

				timeColor : '#777777',
				durationColor : '#535353',

				tooltipColor : 'rgba(255, 255, 255, 0.7)',
				tooltipTextColor : '#000000'
			}
		}
	});
}