// JavaScript Document

// JavaScript Document

$(document).ready(function(){

	$(document).pngFix();
	var scrolling=false;

	//activating the next/prev buttons
	$('.scrollingImages #next').click(function(){

		if(scrolling) return false;
		var scrolling=true;

		//calculating the maximal offset to move
		var parent=$(this).parent();
		var offset=$('.swatches span a:last',parent).offset();
		offset.left+=10;

		delta=180;
		$('.swatches span',parent).each(function(){
			var viewport_from=$('.swatches',parent).offset().left;
			var viewport_to=viewport_from+$('.swatches',parent).width();

			$('.swatches span a',parent).each(function(){
				if($(this).offset().left+$(this).width()<viewport_from){
					$('.swatches span a:last',parent).after(this);
					var left=($('.swatches span',parent).css('left').replace('px','')*1);
					$('.swatches span',parent).css('left',(left+$(this).width())+'px');
				}
			});

			var cx=695;

			var dx=(offset.left-cx)<delta?offset.left-cx:delta;
			if(dx==delta){
				// we need to clone our images and get them inserted afterwards
			}
			if(dx>0){
				$(this).animate({'left':'-='+dx+'px'},'1000',function(){scrolling=false});
			}
		});
	});

	$('.scrollingImages #prev').click(function(){
		if(scrolling) return false;
		var scrolling=true;

		//calculating the maximal offset to move
		var parent=$(this).parent();

		var offset=$('.swatches span a:last-child',parent).offset();
		offset.left+=10;

		delta=230;
		$('.swatches span',parent).each(function(){
			var viewport_from=$('.swatches',parent).offset().left;
			var viewport_to=viewport_from+$('.swatches',parent).width()+100;

			$('.swatches span a',parent).each(function(){
				if($(this).offset().left+$(this).width()>viewport_to){
					$('.swatches span a:first-child',parent).before(this)
					var left=$('.swatches span',parent).css('left').replace('px','')*1;
					$('.swatches span',parent).css('left',(left-$(this).width())+'px');
				}
			});

			var cx=$(this).css('left').replace('px','')*(-1);
			var dx=(cx)<delta?cx:delta;
			if(dx>0){
				$(this).animate({'left':'+='+dx+'px'},'1000',function(){scrolling=false});
			}
		});
	});


//http://maps.google.com/maps?f=q&hl=en&geocode=&q=ST5+0LZ&ie=UTF8&ll=53.018081,-2.216438&spn=0.005596,0.012349&z=17&iwloc=addr	
	
	$('#gmap').each(function(){
		var icon=new GIcon();
		icon.image = "http://www.google.com/mapfiles/marker.png";
		icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
		icon.iconSize = new GSize(20, 34);
		icon.shadowSize = new GSize(37, 34);
		icon.iconAnchor = new GPoint(9, 34);
		icon.infoWindowAnchor = new GPoint(5, 1);

		var map = new GMap2(document.getElementById('gmap'));

		//initing map control, centering it on location central area
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(53.018081, -2.21643), 15);

		//creating a poing with logitude/latidute
		var point = new GPoint(-2.21643,53.018081);

		//adding a marker with opened or closed image of selected type
		var marker = new GMarker(point, icon);
		map.addOverlay(marker);

	})
	$('#doctorForm').each(function(){
		$(this).submit(function(){
			ok=true;
			/*
			if($('#doctorID').val()==''){
				alert('Please specify a doctor');
				ok=false;
			}
			*/
			return ok;
		})
		$('#doctorJobTitle').change(function(){
			$.post('system.ajax.php','doctorSpecialty='+$(this).val(),function(output){
				if(output['options']){
					$("#doctorID").removeOption(/./);
					$("#doctorID").addOption(output['options'],false);
				}
			},'json');
		})
		
	})
});