MooTools.More={version:"1.3.2.1",build:"e586bcd2496e9b22acfde32e12f84d49ce09e59d"};var Asset={javascript:function(f,c){if(!c){c={}}var a=new Element("script",{src:f,type:"text/javascript"}),g=c.document||document,b=0,d=c.onload||c.onLoad;var e=d?function(){if(++b==1){d.call(this)}}:function(){};delete c.onload;delete c.onLoad;delete c.document;return a.addEvents({load:e,readystatechange:function(){if(["loaded","complete"].contains(this.readyState)){e.call(this)}}}).set(c).inject(g.head)},css:function(d,a){if(!a){a={}}var b=new Element("link",{rel:"stylesheet",media:"screen",type:"text/css",href:d});var c=a.onload||a.onLoad,e=a.document||document;delete a.onload;delete a.onLoad;delete a.document;if(c){b.addEvent("load",c)}return b.set(a).inject(e.head)},image:function(c,b){if(!b){b={}}var d=new Image(),a=document.id(d)||new Element("img");["load","abort","error"].each(function(e){var g="on"+e,f="on"+e.capitalize(),h=b[g]||b[f]||function(){};delete b[f];delete b[g];d[g]=function(){if(!d){return}if(!a.parentNode){a.width=d.width;a.height=d.height}d=d.onload=d.onabort=d.onerror=null;h.delay(1,a,a);a.fireEvent(e,a,1)}});d.src=a.src=c;if(d&&d.complete){d.onload.delay(1)}return a.set(b)},images:function(c,b){c=Array.from(c);var d=function(){},a=0;b=Object.merge({onComplete:d,onProgress:d,onError:d,properties:{}},b);return new Elements(c.map(function(f,e){return Asset.image(f,Object.append(b.properties,{onload:function(){a++;b.onProgress.call(this,a,e,f);if(a==c.length){b.onComplete()}},onerror:function(){a++;b.onError.call(this,a,e,f);if(a==c.length){b.onComplete()}}}))}))}};

var runLoader = (function() {

    function loadScript(src, func) {
		
		var ls = document.createElement('script');
//		ls.async = true;
		ls.src = src;
		(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ls);
		
		window.addEvent('load', function() {
			if ( func != null ) (function() { func(); }).delay(360);										 
		});
		

    }
	
	
    
	window.addEvent('domready',function() {
																						
		var googMap = $$('.googleMap');
		
		if ( googMap.length )
		{
			
			run = (function() {
							
				loadScript("/scripts/mmap.main.js");
				
				(function() {
				 
					var stylez = [
					  {
						featureType: "all",
						elementType: "geometry",
						stylers: [
							{ saturation: 0 },
							{ gamma: 0 },
							{ lightness: 0 }
						]
					  }
					]; 
																				 
					var  LatLng = {
						lat : document.id("latitude") ? document.id("latitude").get("text") : 0,
						lng : document.id("longitude") ? document.id("longitude").get("text") : 0
					}
	
					var map;
					var LatLng = new google.maps.LatLng(LatLng.lat, LatLng.lng);
						
					var map = new google.maps.Map($('gmap'), {
						zoom: 15,
						center: LatLng,
						mapTypeControlOptions: {
							mapTypeIds: [google.maps.MapTypeId.ROADMAP, '']
						},
						scaleControl: true
					});
					
					var styledMapOptions = {
						name: "Dr Miroshnik"
					}
					
					var jayzMapType = new google.maps.StyledMapType(
					stylez, styledMapOptions);
					
					map.mapTypes.set('Dr Miroshnik', jayzMapType);
					map.setMapTypeId('Dr Miroshnik');
					 
					var marker1 = new MMap.Marker.Image({
						map: map,
						title: 'Dr Miroshnik',
						image: '/images/icons/marker.png',
						position: LatLng
					});
				
					(function() {map.setZoom(16);}).delay(500);
					
				}).delay(1000);
				
			});

			loadScript("http://maps.google.com/maps/api/js?v=3&sensor=false&callback=run");
		
		}
	});
	
});

//runLoader();

window.addEvent('domready',function(){
									
	var lnk = window.location.href;
	if(lnk.contains('#')) lnk = lnk.substring(lnk.indexOf('#'));

									
	var gallery = $$(".gallery");
	
	gallery.each(function(canvas) {
						  
		var canvasPort = canvas.getElement(".content-left"), 
			description = canvas.getElement(".description"), 
			viewport = canvas.getElement(".viewport"), 
			thumbPort = canvas.getElement(".thumbnails"),
			navigation = canvas.getElement(".thumbnails ul"),
			thumbnails = canvas.getElements(".thumbnails a"),
			max_thumbs = thumbnails.length - 1;
			
		viewport.adopt(
			prevButton = new Element("div", { "class": "button prev", "rel": max_thumbs, "title": "Previous Image" }).addEvent("click",  PrevImg),
			nextButton = new Element("div", { "class": "button next", "rel": 1, "title": "Next Image"}).addEvent("click",  NextImg)
		);				  
						  
		var loading_spinner = new Element("div", { 'class': "loading_spinner" }).inject(canvas);
		
		//settings
		var duration = 50, count3 = 0, div=12, div2=24, pagi=10,index=0,m=0,prevKey=0,nextKey=0, thumbPortWidth=380, counter = 0;
	
		loading = function() {
			loader = (function() {
				++count3;
				loading_spinner.setStyle('background-position', -(count3*div2) + 'px top');
			}).periodical(duration);
		};
		
		if ( thumbnails.length > pagi ) {
			
			var thumb_max = Math.ceil(thumbnails.length/pagi);
			
			var slider = function(counter) {
				
				if ( counter == (thumb_max-1) ) index = (thumb_max-1);
				else if ( counter == thumb_max ) index = 0;
				else if ( counter == -1 ) index = (thumb_max-1);
				else index = counter;
							
				m = ( !index ) ? 0 : -(index * thumbPortWidth);
					
				navigation.setStyle('opacity', 0);	
				var slideFX = new Fx.Morph(navigation, {duration: 500, transition: Fx.Transitions.linear}); 
				slideFX.start({ 'top': m }).chain(function() { navigation.fade(1); });
//				alert(counter);
			}
						
			var pagination = new Element('div', {
				'class': 'pagination'
			}).inject(thumbPort, "after");
			
			var i = 0;
			for(i=0;i<thumb_max;i++)
			{

				new Element('a', {
					'href': 'javascript:void(0);',
					'class': 'pagination_pagi' + ( ( i == 0 ) ? ' first-child active' : '' ),
					'html': i + 1,
					'events': {
						'click': function() {
							pagination.getElements('a').removeClass('active');
							this.addClass('active');
							var index = (this.get('html')-1);
							slider(index);
							var div = index * pagi;
							thumbnails[div].fireEvent("click");
							
//							alert(index);
						}
					}
				}).inject(pagination);
			}

		}
			
		thumbnails.each(function(thumb, i) {
								 
			thumbnails[0].getParent().addClass("active");
									
			thumbnails[i].addEvent('click', function(a) {
													 
				loading();
				loading_spinner.setStyle('display', 'block');	

				thumbnails.getParent().removeClass("active");
				thumbnails[i].getParent().addClass("active");
				
				prevButton.set("rel", (( (i-1) == -1 ) ? max_thumbs : i-1 ));
				nextButton.set("rel", (( max_thumbs == i ) ? 0 : i+1 ));
													 					 								
				canvasPort.setStyle('visibility', 'hidden');
				var src = thumb.get('href');
				
				viewport.getElements('img').dispose();

				var data = thumb.get('title');
				
				description.set('html', data);
				
				function loadImg() {
						  
					(function() {
						$clear(loader);
						loading_spinner.setStyle('display', 'none');
						var imgFocus = canvasPort.set('tween', {duration: 500});
						canvasPort.setStyles({'display': 'block', 'opacity': 0});
						imgFocus.tween('opacity', 1);
					}).delay(1000);
					
				}
				
				viewportImage = Asset.image(src, {
					id: 'myImage',
					title: 'myImage',
					onLoad: loadImg
				});
				
				viewportImage.inject(viewport);
				
				return false;

			});
			
		});
		
		function NextImg() {
			thumbnails[nextButton.get("rel")].fireEvent("click");		
		}
		
		function PrevImg() {
			thumbnails[prevButton.get("rel")].fireEvent("click");
		}
		
		thumbnails[0].fireEvent("click");
		
	});
	
	
	$$('a[href="/gynaecological-labiaplasty-gallery/"]').each(function(k,i) {
		k.addEvent('click', function() {
			var retVal = confirm("Warning: The content of this gallery is not suitable for general viewing as it contains images of patient\'s labia.\n\n Please confirm to proceed.");
			if( retVal == true ) return;
			else return false;
		});
	});
	
	if ( document.id("interstate") != "null" ) {
//		document.id("interstate").setStyle("");
	}
	
	var subBox = document.id("subscribeBox");
	
	var overlay = new Overlay(document.body,{
			duration: 500,
			opacity: 0.5,
			zIndex: 999,
			onShow: function(item) { 
				subBox.setStyle('display', 'block');
			},
			onClose: function() { 
				subBox.setStyle('display', 'none');
				subBox.getElements('div').setStyle('display', 'none');
			},
			onClick: function() {
				this.close();
			}
		});
	
	document.id("subscribe").addEvent("click", function() {
		overlay.open();		
		document.id("subForm").setStyle('display', 'block');
		
	});
	
	document.id("closeSubBox").addEvent("click", function() {
		overlay.close();										 
	});
	
	if ( lnk == "#successful" ) {
		overlay.open();	
		document.id("subThanks").setStyle('display', 'block');
		(function() {
			overlay.close();		
		}).delay(2000); 
	}
	
	if ( document.id("procedure") != null ) {
		
		var procedure = document.id("procedure").getElement("h1").get("text"), qs = document.id("procedure").getElement("h1").get("data-search"), 
		qc = document.id("procedure").getElement("h1").get("data-count");
		
		var fbLoc = $$(".facebook-like");
		
		
		if ( fbLoc != "" ) {
//			fbLoc.grab(media, 'after');
			
			$$(".media-link").dispose();
			fbLoc.each(function(fb) {
				media = new Element("div", { "class" : "media-link" }).inject(fb, "after");
				if ( qc != null ) 
				{
					button = new Element("a", { "href" : "/media/" + qs +"/", "title" : 'Articles on ' + procedure }).inject(media).adopt(
						text = new Element("span", { 'class': 'button', 'text': 'Articles on ' + procedure }),
						new Element("span", {"class": "counter", "html": "<span><span><b></b><em></em></span><i>" + qc + "</i></span></span>"})
					);
				}
				else
				{
					button = new Element("a", { "href" : "/media/" + qs +"/", "title" : 'Articles on ' + procedure }).inject(media).adopt(
						text = new Element("span", { 'class': 'button', 'text': 'Articles on ' + procedure })
					);
				}
			});
		}
		
		
		
	}

});

(function() {
	window.addEvent('domready', function() {
		var procedureIntro = $$([document.id('procedure-intro'), '.procedureDesc']);
		
		if ( procedureIntro )
		{
			procedureIntro.each(function(el, i) {
				el.setStyle('overflow', 'hidden');
				var cannons = $$('link[rel=canonical]');
				if(cannons.length) {
					shareUrl = cannons[0].get('href');
				}
				
				var promoDiv = new Element("div", { 'class': 'promoDiv' }).inject(el);
				/*
				new Element('iframe', { 
					'src': 'http://www.facebook.com/plugins/like.php?href='+shareUrl+'&layout=button_count&show_faces=false&width=450&action=like&font=segoe+ui&amp;colorscheme=light&amp;height=80', 
					'scrolling': 'no',
					'frameborder': '0',
					'style': 'border:none; overflow:hidden; width:450px; height:26px;', 
					'allowTransparency': 'true'
				}).inject(procedureIntro);
				*/
				
				new Element('div',{
					'class': 'fb-like',
					'data-href': shareUrl,
					'data-send':'false',
					'data-width': '350',
					'data-layout': 'button_count',
					'data-show-faces': false
				}).inject(new Element('span',{ 'class': 'share-button b-facebook' })).inject(promoDiv);
				
				var procedure = document.id("procedure").getElement("h1").get("text"), qs = document.id("procedure").getElement("h1").get("data-search"), 
				qc = document.id("procedure").getElement("h1").get("data-count");
			
				//$$(".media-link").dispose();
				
				media = new Element("div", { "class" : "media-link" }).inject(promoDiv);
				
				if ( qc != null ) 
				{
					button = new Element("a", { "href" : "/media/" + qs +"/", "title" : 'Articles on ' + procedure }).inject(media).adopt(
						text = new Element("span", { 'class': 'button', 'text': 'Articles on ' + procedure }),
						new Element("span", {"class": "counter", "html": "<span><span><b></b><em></em></span><i>" + qc + "</i></span></span>"})
					);
				}
				else
				{
					button = new Element("a", { "href" : "/media/" + qs +"/", "title" : 'Articles on ' + procedure }).inject(media).adopt(
						text = new Element("span", { 'class': 'button', 'text': 'Articles on ' + procedure })
					);
				}
				
				(function() { FB.XFBML.parse(el); }).delay(1000);
			});
		}
	});
})();