function findPos(el) {
	var obj = document.getElementById(el);
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft, curtop];
}

function findSize(el) {
	var obj = document.getElementById(el);
	return [obj.offsetWidth, obj.offsetHeight];
}

function doPicture(el) {
	var picEl = document.getElementById(el.id.replace(/Name/i, "Picture"));
	picEl.className = "selected";
	var detailsEl = document.getElementById(el.id.replace(/Name/i, "Details"));
	detailsEl.style.display = '';
}

function undoPicture(el) {
	var picEl = document.getElementById(el.id.replace(/Name/i, "Picture"));
	picEl.className = "";
	var detailsEl = document.getElementById(el.id.replace(/Name/i, "Details"));
	detailsEl.style.display = 'none';
}

function doName(el) {
	var rename = el.id.replace(/Picture/i, "Name")
	var picEl = document.getElementById(rename);
	picEl.className = "selected";
	var detailsEl = document.getElementById(el.id.replace(/Picture/i, "Details"));
	detailsEl.style.display = '';
}

function undoName(el) {
	var picEl = document.getElementById(el.id.replace(/Picture/i, "Name"));
	picEl.className = "";
	var detailsEl = document.getElementById(el.id.replace(/Picture/i, "Details"));
	detailsEl.style.display = 'none';
}

function checkChildCheckBoxes(aspCheckBoxID, checkVal) {
	var re = new RegExp(aspCheckBoxID);

	for (i = 0; i < document.forms[0].elements.length; i++) {
		elm = document.forms[0].elements[i];

		if ((re.test(elm.id)) && (elm.type == 'checkbox')) {
			elm.checked = checkVal;
		}
	}
}

function toggleVisibility(cID, v) {
	var c = document.getElementById(cID);

	if (c) {
		if (v) {
			c.style.display = '';
		}
		else {
			c.style.display = 'none';
		}
	}
}

function addEvent(obj, evType, fn) {
	if (obj.addEventListener) {
		obj.addEventListener(evType, fn, false);
		return true;
	} else if (obj.attachEvent) {
		var r = obj.attachEvent("on" + evType, fn);
		return r;
	} else {
		return false;
	}
}

function openPrintWindow(url, customGaPath) {
	window.open(url, 'PrintThisPage', 'width=640,height=480,menubar=1,toolbar=1,scrollbars=1');

	if ((customGaPath) && (customGaPath != '')) {
		pageTracker._trackPageview(customGaPath);
	}

	return false;
}

//this will get the query string
function getParameterByName(name) {
	return getQueryStringByName(window.location.href, name);
}

function twitterThis() {
	var bigurl = String(window.location).replace(/%20/g, " ");
	$.getJSON("http://json-tinyurl.appspot.com/?&callback=?", { url: bigurl }, function (data) { window.location = 'http://twitter.com/home?status=Currently reading ' + data.tinyurl; });
}

function getQueryStringByName(url, name) {
	name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
	var regexS = "[\\?&]" + name + "=([^&#]*)";
	var regex = new RegExp(regexS);
	var results = regex.exec(url);
	if (results == null)
		return "";
	else
		return decodeURIComponent(results[1].replace(/\+/g, " "));
}

function CustomCheckboxValidator_ClientValidate(source, arguments)
{		
	var checkboxError = false;
	$("#register input:checkbox[id$='Checkbox']").each(function () {
		if ($(this).is(":checked")) {
			checkboxError = true;
		}
	});		
	arguments.IsValid = checkboxError;
}

if (!String.prototype.replaceAll) {
	String.prototype.replaceAll = function (find, replace) {
		return this.replace(new RegExp(find, 'g'), replace);
	}
}

//TODO: uncomment this code when site goes live to populate schem shortcut, commercial, residential drop down list in right hand column
/*
(function () {
$(document).ready(function () {
$("#ResidentialLocation").html("");
$("#CommercialLocation").html("");

$("#location").change(function(){
window.location.href($("#location").val());
});

$.getJSON('/HttpHandlers/GetLocation.ashx?type=R&location=1&callback=?', function (locations) {
$.each(locations, function () {
$("#ResidentialLocation").append($("<option></option>").val(this['ID']).html(this['Name']));
});
});

$.getJSON('/HttpHandlers/GetLocation.ashx?type=C&location=1&callback=?', function (location) {
$.each(location, function () {
$("#CommercialLocation").append($("<option></option>").val(this['ID']).html(this['Name']));
});
});

$.getJSON('/HttpHandlers/GetLocation.ashx?&callback=?', function (location) {
$.each(location, function () {
$("#location").append($("<option></option>").val("http://localhost:8080" + this['FriendlyUrl']).html(this['Name']));
});
});

$("#ResidentialLocation").append($('<option></option>').val(0).html("Choose location or scheme"));
$("#CommercialLocation").append($('<option></option>').val(0).html("Choose location or scheme"));
$("#location").append($('<option></option>').val(0).html("Choose scheme"));
});
})();
*/


$(function () {
	if ($('.menuItemContainer').length) {
		$('.menuItemContainer').hide();
		$('.menuHeading.active').next().show();

		$('.menuHeading').click(function (e) {
			var $this = $(this);

			if ($('a', $this).length != 0) {
				// If there's a link do the link! 
				return true;
			}

			var $itemContainer = $this.next('.menuItemContainer');

			if ($this.hasClass('active')) {
				$this.removeClass('active');
				$itemContainer.slideUp('', function () {
					if ($.browser.msie) {
						//$this.height($this.height()); //rerender for IE
					}
				});
			}
			else {
				$('.menuHeading.active').removeClass('active').next('.menuItemContainer').slideUp();
				$this.addClass('active');
				$itemContainer.slideDown('', function () {
					if ($.browser.msie) {
						//$this.height($this.height()); //rerender for IE
					}
				});
			}

			$('html,body').animate({ scrollTop: 0 }, 'fast');

			e.preventDefault();
			return false;
		});
	}
});

BookmarkLink = {

	Click : function (a) {
		try {
			var isMSIE = (-[1,]) ? false : true;
			var cjHref = $(a).attr('href');
			var cjTitle = $(a).attr('title');
			if ((typeof window.sidebar == "object") && (typeof window.sidebar.addPanel == "function")) {
				window.sidebar.addPanel(cjTitle, cjHref, ""); // Gecko
			} else if (isMSIE && typeof window.external == "object") {
				var rv = -1;
				var isMSIE8 = false;
				if (navigator.appName == 'Microsoft Internet Explorer') {
					var ua = navigator.userAgent;
					var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
					if (re.exec(ua) != null) {
						rv = parseFloat(RegExp.$1);
					}
				}
				if (rv > - 1) {
					if (rv >= 8.0) {
						isMSIE8 = true;
					}
				}
				if (isMSIE8) {
					window.external.AddToFavoritesBar(cjHref, cjTitle); // IE 8                    
				} else {
					window.external.AddFavorite(cjHref, cjTitle); // IE <=7
				}
			} else if (window.opera) {
				a.href = cjHref;
				a.title = cjTitle;
				a.rel = 'sidebar'; // Opera 7+
				return true;
			} else {
				var ua = navigator.userAgent.toLowerCase();
				var str = '';
				var isWebkit = (ua.indexOf('webkit') != - 1);
				var isMac = (ua.indexOf('mac') != - 1);
				var isIEmac = false; /*@cc_on @if(@_jscript&&!(@_win32||@_win16)&& 
(@_jscript_version<5.5)) isIEmac=true; @end @*/

				if (ua.indexOf('konqueror') != - 1) {
					str = 'CTRL + B'; // Konqueror
				} else if (window.home || isWebkit || isIEmac || isMac) {
					str = (isMac ? 'Command/Cmd' : 'CTRL') + ' + D'; // Netscape, Safari, iCab, IE5/Mac
				}
				alert ((str) ? 'Press ' + str + ' to bookmark this page.' : str);
			}
		} catch (err) {
			alert(err);
		}
		return false;
	}

};

//Adjust image size
$.fn.resizenow = function () {
	var t = $(this);
	var options = $.extend($.fn.supersized.defaults, $.fn.supersized.options);
	return t.each(function () {

		//Define image ratio
		var ratio = options.startheight / options.startwidth;

		//Gather browser and current image size
		var browserwidth = $(window).width();
		var browserheight = $(window).height();
		var offset;

		t.height(browserheight);
		t.width(browserwidth);

		//Resize image to proper ratio
		if ((browserheight / browserwidth) > ratio) {
			t.children().height(browserheight);
			t.children().width(browserheight / ratio);
		} else {
			t.children().width(browserwidth);
			t.children().height(browserwidth * ratio);
		}
		if (options.vertical_center == 1) {
			t.children().css('left', (browserwidth - t.width()) / 2);
			t.children().css('top', (browserheight - t.height()) / 2);
		}

		return false;
	});
};

(function () {
	$(document).ready(function () {
		//This will always set the homepagetext in the bottom of the screen
		var myHeight = $(".homePageText").height() + 68;
		var screenTop = $(window).height() + 25;
		//This will add some padding bottom of the home page text
		//If they do not want, remove next two lines
		//$(".homePageText").height(myHeight);
		//myHeight += 25;
		//$(".homePageText").css("bottom", -myHeight);
		$(".homePageText").css("top", screenTop);
		$(window).resize(function () {
			//$(".homePageText").css("bottom", -myHeight);
			screenTop = $(window).height() + 25;
			$(".homePageText").css("top", screenTop);
		});
	});
})();


(function ($) {

	Urbansplash = {};

	Urbansplash.Social = {

		Init : function () {
			var me = this;

			// Should be able to remove the attr call once the social media link is resolve
			$('#share .sendToFriend a')
				.fancybox({
					'width': 275,
					'height': 220,
					'padding' : 0,
					'paddingLeft' : '5px',
					'overlayColor': '#000',
					'overlayOpacity': 0.7,
					'showCloseButton': true,
					'centerOnScroll': true,
					'type' : 'iframe',
'autoDimensions': false
				});

				$('.homepageButtons .menuHeading').click(function(){
					//alert("I am clicked");
				});
		}

	}; // Social

	// Namespace for our stuff
	Urbansplash.Website = {        
		_settings: null
		, _title: "<div class=\"viewOnGoogle\"><a target=\"_blank\" href=\"javascript:void(0);\">View on Google Maps</a></div>"
		, Init: function (options) {
			var me = this;
			InitFancyBox();            
		}

		, InitFancyBox: function() {
			if(jQuery().fancybox) {
				$("a.iframe").fancybox({
					'width': 850,
					'height': 510,
					'scrolling': 'no',
					'defaultBehaviour': false,
					'changeFade': 0,
					'overlayColor': '#000',
					'overlayOpacity': 0.7,
					'centerOnScroll': false,
					'titlePosition': 'inside',
					'type': 'iframe',
					'titleShow': true,
					'title': title,
					'transitionIn': 'elastic',
					'transitionOut': 'elastic',
					'onComplete': function () {
						$('#fancybox-wrap').css('width', '850px');
						$('#fancybox-title').css('margin-left', '-30px');
						$('.viewOnGoogle a').attr('href', $("a.iframe").attr("href").replace("&output=embed", ""));
						$('html,body').scrollTop(0);
					},
					'onClosed': function () {
						$(".btnPausePlay").removeClass("btnPlay").addClass("btnPause");
						if (typeof mygallery != 'undefined') {
							if (mygallery.setting.ispaused) {
								mygallery.navigate("play");
							}
						}
					}
				});
		   }
		}
		,InitPageCarousel: function(){
			$('#banner').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				effect: 'fade',
				crossfade: true,
				slideSpeed: 350,
				fadeSpeed: 500,				
				play: 5000,
				pause: 500,
				hoverPause: false,
				generatePagination: true
			});
		}
		, InitHomePageBoxes: function(){
			$('.homePageItems div.boxgrid').click(function () {
				var linkURL = $(this).children("a").attr("href");
				window.location.href = linkURL;
				return false;
			}).hide().fadeIn('slow');
		}
		
		, InitFooterLinks: function() {
			$('.footermenu h2, .footerMenuLeft h2, .footerMenuRight h2').click(function () {
				$(this).next('div.footersubmenu').slideToggle(300, function () {
					$(this).height($(this).height());
				});
				$(this).toggleClass('footerArrowUp');
			});
		}

		, InitFlashMap : function() {
			var flashvars = {};
			var params = {
				wmode: "transparent"
			};
			var attributes = {}
			swfobject.embedSWF("/Flash/UrbanSplashMap.swf", "searchMap", "280", "272", "10.0.0", "", flashvars, params, attributes);
		}

		, InitPrintStyles: function() {
			$("#rightHandMenuBottom").removeClass("printStylesApply");
			$("#rightHandMenuGap").removeClass("printStylesApply");
			$("#rightHandMenuDirections").css('display', 'none');
		}

		, InitSuperDropDown: function(mainDropDownListId, collapserId, locationId, projectId) {

			$("#"+ mainDropDownListId +"").SuperDropDownCheckbox({SchemeShortcutMain: mainDropDownListId, Collapser: collapserId, LocationHiddenField: locationId, SchemeHiddenField: projectId});

			$("#"+ collapserId +"").jqcollapse({
				slide: true,
				speed: 1000,
				easing: ''
			});		
		}

		, InitiSearchBox: function() {
			$("#searchHeader select").selectbox();
			$('.jquery-selectbox').corner("3px");

			Urbansplash.Website.InitHomePageBoxes();
		}

		, InitProjectBoxes: function() {
			Urbansplash.Website.LoadBanner('homePageItem-0');
			
			$('.homePageItems div.boxgrid').click(function () {
				var boxId = $(this).attr('id');
				Urbansplash.Website.LoadBanner(boxId);
			}).hide().fadeIn('slow');
		}

		, InitUnitDetailFancyBox: function() {
			$("a.iframe").fancybox({
						'width': 850,
						'height': 510,
						'scrolling': 'no',
						'defaultBehaviour': false,
						'changeFade': 0,
						'overlayColor': '#000',
						'overlayOpacity': 0.7,
						'centerOnScroll': false,
						'titlePosition': 'inside',
						'type': 'iframe',
						'titleShow': true,
						'title': Urbansplash.Website._title,
						'transitionIn': 'elastic',
						'transitionOut': 'elastic',
						'onComplete': function () {
						$('#fancybox-wrap').css('width', '850px');
						$('#fancybox-title').css('margin-left', '-30px');
						$('.viewOnGoogle a').attr('href', $("a.iframe").attr("href").replace("&output=embed", ""));
						$('html,body').scrollTop(0);
					},
					'onClosed': function () {
						$(".btnPausePlay").removeClass("btnPlay").addClass("btnPause");
						if (typeof mygallery != 'undefined') {
							if (mygallery.setting.ispaused) {
								mygallery.navigate("play");
							}
						}
					}
				});        
		}

		, InitPhotoGallery: function(projectDropdownId){
			Urbansplash.Website.InitHomePageBoxes();
			
			$('.galleryImage').click(function () {

				var imageArr = new Array();
				var titleArr = new Array();
				var currentIndex = 0;
				var galleryImageUrl = "";
				var photoId = 0;

				currentIndex = getQueryStringByName($(this).attr("src"), "Index");

				var t = $("#imageArray").find("span").each(function (indx) {

					//get the current clicked image
					galleryImageUrl = $.trim($(this).html().replace(/\n/g, "").replace(/&amp;/g, "&"));
					photoId = getQueryStringByName(galleryImageUrl, "PhotoID");

					var gallery = {};
					gallery.href = galleryImageUrl;
					gallery.title = '<div class="DownloadImage"><a href="PhotoDownload.ashx?PhotoID=' + photoId + '">Download image</a></div> <div class="PrintImage"><a target="_blank" href="/Print/Image.aspx?PhotoID=' + photoId + '" onclick="return openPrintWindow(\'/Print/Image.aspx?PhotoID=' + photoId + '\', \'/Print/GalleryImage\');" rel="nofollow">Print image</a></div>';
					imageArr[indx] = gallery;
				});

				$.fancybox(imageArr,
				{
					'padding': 0,
					'transitionIn': 'elastic',
					'transitionOut': 'elastic',
					'overlayColor': '#000',
					'overlayOpacity': 0.7,
					'type': 'image',
					'changeFade': 0,
					'centerOnScroll': false,
					'titlePosition': 'inside',
					'enableEscapeButton': true,
					'index': currentIndex,
					'width': 850,
					'height': 480,
					'scrolling': 'no',
					'defaultBehaviour': false,
					'onComplete': function () {
						$('#fancybox-wrap').css('width', '850px');
						$('#fancybox-wrap').css('height', '510px');
						$('html,body').scrollTop(0);
					},
					'onClosed': function () {
						$(".btnPausePlay").removeClass("btnPlay").addClass("btnPause");
						if (typeof mygallery != 'undefined') {
							if (mygallery.setting.ispaused) {
								mygallery.navigate("play");
							}
						}
					}
				});

				return false;
			});

			Urbansplash.Website.InitSelectBox(projectDropdownId);            
		}

		, InitSelectBox: function(dropDownId){

			$("#" + dropDownId).selectbox();
			$('.jquery-selectbox').corner("3px");

			/*$("#residentialNewSearch").click(function () {
				$("#"+ projectDropdownId).find("option:contains('Any Scheme')").each(function () {
					if ($(this).text() == "Any Scheme") {
						$(this).attr("selected", "selected");
					}
				});

				$("#" + projectDropdownId).parents('.jquery-selectbox').unselectbox();
				$("#" + projectDropdownId).selectbox();
				return false;
			});*/
		}

		, InitAward:function(){
			$("#residentialSearch select").selectbox();
			$('.jquery-selectbox').corner("3px");
		}

		, InitContactus: function() {            
			$('.contactusItems div.boxgrid').click(function () {
				var linkURL = $(this).children("a").attr("href");
				window.location.href = linkURL;
				return false;
			}).hide().fadeIn('slow');
		}
		, LoadBanner: function loadBanner(val) {
			var index = val.replace("homePageItem-", "");
			
			//for link Template
			if ($("#homePageItemValueLink-" + index).length) {				
				var linkURL = $("#homePageItemValueLink-" + index).html().trim();				
				if (linkURL != "javascript:void(0)" && linkURL != "#") {
					window.open(linkURL); // pop a new window
					//window.location.href(linkURL);
				}
				//window.location.replace(linkURL);
				return false;
			}

			//load the infobar by striping html code (Generally <br/> and > symbol
			if ($("#homePageItem-" + index).find("h2.HomePageItemsHeader span").html() == null) {
				$("#infobarSubTitle").html($("#homePageItem-" + index).find("h2.HomePageItemsHeader").html().replace("&gt;", "").replace("<br>", "<br />").replace("<br />", "&nbsp;"));
			}
			else {
				$("#infobarSubTitle").html($("#homePageItem-" + index).find("h2.HomePageItemsHeader span").html().replace("&gt;", "").replace("<br>", "<br />").replace("<br />", "&nbsp;"));
			}
			//$("#topBanner").empty();
			$("#topBanner").html($("#homePageItemValue-" + index).html()).hide().fadeIn('slow');
			$('html,body').animate({ scrollTop: 0 }, 'fast');   
			
			//load slider
			if ($('#topBanner .bannerContainerRight').length) {			
				$('#topBanner .bannerContainerRight a.prev').addClass("disabledArrowUpSmall");
				var scrollTop = parseInt($('#topBanner .bannerContainerRightScroll').css('top'));
				var scrollItemTop = parseInt($('#topBanner .bannerContainerRightScroll div:first').css('top'));
				scrollTop += scrollItemTop;
				var scrollHeight = $('#topBanner .bannerContainerRightScroll').height();
				var scrollContainerHeight = $('#topBanner .bannerContainerRightScroll div:first').height();
				scrollContainerHeight += scrollItemTop * 2;
				var showScrollbuttons = (scrollContainerHeight > scrollHeight);
				var scrollBottom = scrollTop + scrollHeight;

				if (!showScrollbuttons)
					$('#topBanner .bannerContainerRight a.next').addClass("disabledArrowDownSmall");
				else
					$('#topBanner .bannerContainerRight a.next').removeClass("disabledArrowDownSmall");	       

				//Mouse click action on banner area up and down arrows				
				function ScrollUp() {
					var currTop = parseInt($('#topBanner .bannerContainerRightScroll div:first').css('top'));
					var currBottom = currTop + scrollTop + scrollContainerHeight;
					var scrollUp = 25;

					if ((currTop < scrollTop) && showScrollbuttons) {
						//currTop = currTop + scrollHeight;
						currTop = currTop + scrollUp;
						//alert("scrollBottom: " + scrollBottom + "\ncurrBottom: " + currBottom + "\nscrollTop: " + scrollTop + "\ncurrTop: " + currTop + "\nscrollContainerHeight: " + scrollContainerHeight + "\nscrollHeight: " + scrollHeight);
						$('#topBanner .bannerContainerRightScroll div:first').animate({
							top: +currTop
						}, 100, function () {
							if (scrollTop <= currTop) {
								$('#topBanner .bannerContainerRight a.prev').addClass("disabledArrowUpSmall");
							}
							if (((currBottom + scrollUp) > scrollBottom) && (showScrollbuttons)) {
								$('#topBanner .bannerContainerRight a.next').removeClass("disabledArrowDownSmall");
							}
							if (scrolling) ScrollUp();
						});
					}
				}

				function ScrollDown() {
					var currTop = parseInt($('#topBanner .bannerContainerRightScroll div:first').css('top'));
					var currBottom = currTop + scrollTop + scrollContainerHeight;
					var scrollDown = 25;

					if ((currBottom > scrollBottom) && (showScrollbuttons)) {
						//currTop = currTop - scrollHeight;
						currTop = currTop - scrollDown;
						//alert("scrollBottom: " + scrollBottom + "\ncurrBottom: " + currBottom + "\nscrollTop: " + scrollTop + "\ncurrTop: " + currTop + "\nscrollContainerHeight: " + scrollContainerHeight + "\nscrollHeight: " + scrollHeight);

						$('#topBanner .bannerContainerRightScroll div:first').animate({
							top: +currTop
						}, 100, function () {
							if ((currBottom - scrollDown) <= scrollBottom) {
								$('#topBanner .bannerContainerRight a.next').addClass("disabledArrowDownSmall");
							}
							if ((currTop < scrollTop) && showScrollbuttons) {
								$('#topBanner .bannerContainerRight a.prev').removeClass("disabledArrowUpSmall");
							}
							if (scrolling) ScrollDown();
						});
					}
				}				

				$('#topBanner .bannerContainerRight a.prev').mousedown(function () {
					scrolling = true;
					ScrollUp();
				}).mouseup(function () {
					scrolling = false;
				});

				$('#topBanner .bannerContainerRight a.next').mousedown(function () {
					scrolling = true;
					ScrollDown();
				}).mouseup(function () {
					scrolling = false;
				});				
			}

			//Load Carousel
			if ($("#imageArray-" + index).find("span").size() > 0) {
				var arr = new Array($("#imageArray-" + index).find("span").size() - 1);
				var str = "<ul>";
				//var imageNo = 1;
				var t = $("#imageArray-" + index).find("span").each(function (indx) {
					//alert($(this).html());

					arr[indx] = new Array(3);

                    // find the image path name
                    if ($(this).find("a").length > 0) {
					    arr[indx][0] = $(this).find("a:first").html();
					    if ($(this).find("a:first").href == "") {
					        arr[indx][1] = "";
                        } else {
					        arr[indx][1] = $(this).find('a:first').attr('href');
                        }
                    } else {
					    arr[indx][0] = $(this).html();
					    arr[indx][1] = "";
                    }
                    
					arr[indx][2] = "";
					arr[indx][3] = "";

					str += '<li class="navButton slideno'+ indx +'">' + indx + '</li>';
				});
				str+= "</ul>"

				mygallery = new simpleGallery({
					wrapperid: "simplegallery-" + index, //ID of main gallery container,
					dimensions: [850, 480], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
					imagearray: arr,
					autoplay: [true, 3000, 100000], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
					persist: false, //remember last viewed slide and recall within same session?
					fadeduration: 500, //transition duration (milliseconds)
					oninit: function () { //event that fires when gallery has initialized/ ready to run
						//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
						if ($(arr).length > 1) {
							$("#galleryDottedNavigation").html(str);
							$("#galleryDottedNavigation ul li:first").addClass("selected");

							$(".navButton, .navButton div").click(function () {
								mygallery.navigate("Pause");
								$("#galleryDottedNavigation ul li").removeClass("selected");
								$(this).addClass("selected");
								mygallery.navigate(parseInt($(this).html()));
							});
						}/* else {
							$("#galleryDottedNavigation").addClass("hidden");
							$("#galleryControls").addClass("hidden");
						}*/ else {
							$("#galleryDottedNavigation").addClass("hidden");
							$(".btnNavigation").addClass("hidden");
							if ($(arr).length == 1) {
								$(".btnZoom").removeClass("hidden");
							}
						}
					},
					onslide: function (curslide, i) { //event that fires after each slide is shown
						//Keyword "this": references current gallery instance
						//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
						//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
						if (!mygallery.setting.ispaused) {
							//true means start so need pause button
							$(".btnPausePlay").removeClass("btnPlay").addClass("btnPause");
						} else {
							$(".btnPausePlay").removeClass("btnPause").addClass("btnPlay");
						}
					}
				});

				$(".btnPausePlay").click(function () {
					if (mygallery.setting.ispaused) {
						//true means start so need pause button
						$(this).removeClass("btnPlay").addClass("btnPause");
					} else {
						$(this).removeClass("btnPause").addClass("btnPlay");
					}                    
					mygallery.navigate("PlayPause");
				});

				// if there are any large images to display in the lightbox
				if ($("#imageLargeArray-" + index).find("span").size() > 0) {

					$(".btnZoom").click(function () {
						//first stop the carousel
						mygallery.navigate("Pause");

						var imageArr = new Array();
						var titleArr = new Array();
						var t = $("#imageLargeArray-" + index).find("span").each(function (indx) {
							titleArr[indx] = '<div class="DownloadImage"><a href="PhotoDownload.ashx?ObjectUrl=' + $(this).html() + '">Download image</div> <div class="PrintImage"><a target="_blank" href="/Print/Image.aspx?ObjectUrl=' + $(this).html() + '" onclick="return openPrintWindow(\'/Print/Image.aspx?ObjectUrl=' + $(this).html() + '\', \'/Print/' + $(this).html() + '\');" rel="nofollow">Print image</a></div>';
						});
						var images = $("#imageLargeArray-" + index).find("span").each(function (indx) {
							imageArr[indx] = $(this).html();
						});

						var currentimage = 0;
						if (mygallery.setting.curimage < imageArr.length) {
							currentimage = mygallery.setting.curimage;
						}

						$.fancybox(imageArr,
						{
							'padding': 0,
							'transitionIn': 'elastic',
							'transitionOut': 'elastic',
							'overlayColor': '#000',
							'overlayOpacity': 0.7,
							'type': 'image',
							'changeFade': 0,
							'centerOnScroll': false,
							'titlePosition': 'inside',
							'titleShow': true,
							'titleFormat': formatTitle,
							'enableEscapeButton': true,
							'index': currentimage,
							'width': 850,
							'height': 480,
							'scrolling': 'no',
							'defaultBehaviour': false,
							'onComplete': function () {
								$('#fancybox-wrap').css('width', '850px');
								$('#fancybox-wrap').css('height', '510px');
								$('html,body').scrollTop(0);
							},
							'onClosed': function () {
								$(".btnPausePlay").removeClass("btnPlay").addClass("btnPause");
								if (typeof mygallery != 'undefined') {
									if (mygallery.setting.ispaused) {
										mygallery.navigate("play");
									}
								}
							}
						});
					});

				}
				// if there are no large images to display in the lightbox then hide the zoom button
				else {
					$(".btnZoom").addClass("hidden");
				}

				function formatTitle(title, currentArray, currentIndex, currentOpts) {
					return '<div class="DownloadImage"><a href="PhotoDownload.ashx?ObjectUrl=' + currentOpts.content + '">Download image</a></div> <div class="PrintImage"><a target="_blank" href="/Print/Image.aspx?ObjectUrl=' + currentOpts.content + '" onclick="return openPrintWindow(\'/Print/Image.aspx?ObjectUrl=' + currentOpts.content + '\', \'/Print/' + currentOpts.content + '\');" rel="nofollow">Print image</a></div>';
				}

				$(".btnPrev").click(function () {
					mygallery.navigate("Prev");
				});

				$(".btnNext").click(function () {
					mygallery.navigate("Next");
				});
			}

			//if ($('.bannerContainerRight .bannerContainerItem').length) $('.bannerContainerRight div').scrollpanel();

			if ($('.bannerMenu').length) {
				//Sliding menu panel on project page banner area (eg Movies page)
				$('.bannerMenu').css('display', 'none');
				$('.bannerMenuSlideArrowActive').css('display', 'none');
				$('.bannerMenuSlideArrowInActive').css('display', 'block');
				$('.bannerContainerMovieLeft').width('30px');
				$('.bannerMenuSlideArrowActive,.bannerMenuSlideArrowInActive').click(function () {
					//$('.bannerMenu').css("background-color", "#E16161");
					$('.bannerMenu').animate({ width: 'toggle' }, 320, function () {
						if (!($('.bannerMenu').is(':visible'))) {
							$('.bannerContainerMovieLeft ul').width('0px');
							$('.bannerContainerMovieLeft').width('30px');
							$('.bannerMenuSlideArrowInActive').css('display', 'block');
							$('.bannerMenuSlideArrowActive').css('display', 'none');
							//$('.bannerContainerMovieRight iframe').css("width", "488px");
						} else {
							$('.bannerMenuSlideArrowInActive').css('display', 'none');
							$('.bannerMenuSlideArrowActive').css('display', 'block');
							$('.bannerContainerMovieLeft').width('165px');
							$('.bannerContainerMovieLeft ul').width('162px');
							//$('.bannerContainerMovieRight iframe').css("width", "388px");
						}
					});
					$(this).removeClass("hover");
					//$(this).toggleClass('bannerMenuSlideArrowInActive');
					//$(this).toggleClass('bannerMenuSlideArrowActive'); return false;
				});

				//Scrollable menus on project page banner area (eg Movies page)
				$('.bannerContainerMovieScroll').scrollable({ vertical: true, mousewheel: true });

				$("a.movieTitle:first").addClass("selected");				
				$("a.movieTitle").click(function () {
					//alert("I am clicked" + $(this).html());					
					//now find the movie link in this panel and load it
					$(".bannerContainerMovieRight").html($(this).parent().parent().find("div.movieLink").html());
					$("a.movieTitle").removeClass("selected");
					$(this).addClass("selected");
				});				
			}

			$("a.iframe").fancybox({
				'width': 850,
				'height': 510,
				'scrolling': 'no',
				'defaultBehaviour': false,
				'changeFade': 0,
				'overlayColor': '#000',
				'overlayOpacity': 0.7,
				'centerOnScroll': false,
				'titlePosition': 'inside',
				'type': 'iframe',
				'titleShow': true,
				'title': Urbansplash.Website._title,
				'transitionIn': 'elastic',
				'transitionOut': 'elastic',
				'onComplete': function () {
					$('#fancybox-wrap').css('width', '850px');
					$('#fancybox-title').css('margin-left', '-30px');
					$('.viewOnGoogle a').attr('href', $("a.iframe").attr("href").replace("&output=embed", ""));
					$('html,body').scrollTop(0);
				},
				'onClosed': function () {
					$(".btnPausePlay").removeClass("btnPlay").addClass("btnPause");
					if (typeof mygallery != 'undefined') {
						if (mygallery.setting.ispaused) {
							mygallery.navigate("play");
						}
					}
				}
			});			
		}

	}; // Website

})(jQuery);


$(document).ready(function () {
	//Bind tracking
	$('a[href*="/"]').live('click', function(){
	   _gaq.push(['_setAccount', 'UA-1442688-20']); 
	   _gaq.push(['_setDomainName', 'urbansplash.co.uk']);
	   _gaq.push(['_trackPageview', $(this).attr("href")]);
	});
});