/* Author: 

*/

/****** POPUP window******/
//http://swip.codylindley.com/popupWindowDemo.html
(function($){
	  
	$.fn.popupWindow = function(instanceSettings){
		
		return this.each(function(){
		
		$(this).click(function(){
		
		$.fn.popupWindow.defaultSettings = {
			centerBrowser:0, // center window over browser window? {1 (YES) or 0 (NO)}. overrides top and left
			centerScreen:0, // center window over entire screen? {1 (YES) or 0 (NO)}. overrides top and left
			height:500, // sets the height in pixels of the window.
			left:0, // left position when the window appears.
			location:0, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}.
			menubar:0, // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}.
			resizable:0, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.
			scrollbars:0, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.
			status:0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.
			width:500, // sets the width in pixels of the window.
			windowName:null, // name of window set from the name attribute of the element that invokes the click
			windowURL:null, // url used for the popup
			top:0, // top position when the window appears.
			toolbar:0 // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.
		};
		
		settings = $.extend({}, $.fn.popupWindow.defaultSettings, instanceSettings || {});
		
		var windowFeatures =    'height=' + settings.height +
								',width=' + settings.width +
								',toolbar=' + settings.toolbar +
								',scrollbars=' + settings.scrollbars +
								',status=' + settings.status + 
								',resizable=' + settings.resizable +
								',location=' + settings.location +
								',menuBar=' + settings.menubar;

				settings.windowName = this.name || settings.windowName;
				settings.windowURL = this.href || settings.windowURL;
				var centeredY,centeredX;
			
				if(settings.centerBrowser){
						
					if ($.browser.msie) {//hacked together for IE browsers
						centeredY = (window.screenTop - 120) + ((((document.documentElement.clientHeight + 120)/2) - (settings.height/2)));
						centeredX = window.screenLeft + ((((document.body.offsetWidth + 20)/2) - (settings.width/2)));
					}else{
						centeredY = window.screenY + (((window.outerHeight/2) - (settings.height/2)));
						centeredX = window.screenX + (((window.outerWidth/2) - (settings.width/2)));
					}
					window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
				}else if(settings.centerScreen){
					centeredY = (screen.height - settings.height)/2;
					centeredX = (screen.width - settings.width)/2;
					window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
				}else{
					window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + settings.left +',top=' + settings.top).focus();	
				}
				return false;
			});
			
		});	
	};
	
	
	$('.openHelpCentre').popupWindow({ 
	centerScreen:1,
	width:1000,
	height:700,
	scrollbars:1
	//centerScreen - datatype:boolean, default:0
	//height - datatype:number, default:500
	//left - datatype:boolean, default:0
	//location - datatype:boolean, default:0
	//menubar - datatype:boolean, default:0
	//resizable - datatype:boolean, default:0
	//scrollbars - datatype:boolean, default:0
	//status - datatype:boolean, default:0
	//width - datatype:number, default:500
	//windowName - datatype:string, default:null
	//windowURL - datatype:string, default:null
	//top - datatype:boolean, default:0
	//toolbar - datatype:boolean, default:0
	});
	
	$('.openChat').popupWindow({ 
	centerScreen:1,
	width:400,
	height:600,
	scrollbars:1
	});
	
	function initOverlays(){
	   $(".caseStudy").colorbox({width:700, height:500, inline:true});
		$(".watchVideo").colorbox({iframe:true, innerWidth:700, innerHeight:500});
		$("a[rel='photoGallery']").colorbox({transition:"fade", width:700, height:600,slideshow:true});
		$("a[rel='photoGallery']").colorbox({transition:"fade-out", width:700, height:600,slideshow:true});
	}
	
	
	function accordionNews(){
	   $.ajax({
			  url: "http://api.typepad.com/blogs/6a0120a948902d970b0120a949028f970b/post-assets/@by-category/Press.js?max-results=15",//6a0120a948902d970b014e89be2bf4970d BLOG
			  //url: "http://api.typepad.com/blogs/6a0120a948902d970b0120a949028f970b/post-assets.json?max-results=15",//6a0120a948902d970b014e89be2bf4970d BLOG
			  dataType: "jsonp",
			  cache:true,
			  success: function(json_results){
				  
				  //alert("JSON Request Success!");
					
				  // Need to add UL on AJAX call or formatting of userlist is not displayed
				  //$('#data').append('<ul data-role="listview"></ul>');
				  listItems = $('#data');
				  
				  //converted JSON obj to jQuery obj which is easy to handle
				  $(json_results.entries).each(function(key) {
				  //$.each(json_results, function(key) {
					  
					  html = '<h2><a href="#">'+json_results.entries[key].title+'</a></h2>';
					  html += '<div><p class="publishedDate">'+json_results.entries[key].published.substring(0, 10)+'</p><p>'+json_results.entries[key].content+'</p>';
					  //html += '<p>Published date: '+json_results.entries[key].published+'</p></div>';
					  listItems.append(html);
					  //$.mobile.hidePageLoadingMsg();
				  });
				  // Need to refresh list after AJAX call
				  //$('#data ul').listview();
				  
				},
			error: function(json_results){
				  alert("Loading error...");
				 
				},
				
			complete: function(json_results){ 
				 $( ".accordionNews" ).accordion({autoHeight: false,navigation: true,collapsibe: true});
				 $('div').remove('#loading');
				},
			
			beforeSend: function (json_results) {
				//$('#loading').show();
				$('.ui-tabs-container').append('<div id="loading"><img src="/images/loading2.gif" alt="Loading" title="Loading" height="50" width="50"></div>');
				},
			  
		  });
	}
	
	jQuery(document).ready(function($) {
	  $(".scroll").click(function(event){
		  event.preventDefault();
		  $('html,body').animate({scrollTop:$(this.hash).offset().top}, 300);
	  });
	  $(".scrollTop").click(function(event){
		  event.preventDefault();
		  $('html,body').animate({scrollTop:$(this.hash).offset().top}, 300);
	  });
	});
	
})(jQuery);