/***********************************************************************************************************

		SOUND LETS

		This page was created by Mark R Glover for the Sound Lets Website

		Name:			sound_lets.js
		Info:			Custom Javascript for Sound Lets
		Architect:		Mark R Glover (http://www.markglover.co.uk)
		Date:			July 2011
		Status:			Active

		This page and all related content and scripts are Copyrighted.

		Copyright Mark R Glover 2011

**************************************************************************************************************/

// Add Another Price Period
function addPricePeriod() {
	var test = $("#price_periods").attr("id");
	if (!test) {
		$("#tabs-5 .formTable").prepend("<tr><td colspan='2'><table id='price_periods'><tr><th></th><th>Period From</th><th>Period To</th><th>Price Per</th><th>Minimum Stay</th><th>Price</th></tr></table></td></tr>");
	}
	var i = $("#price_periods tr:last").attr("id");
	i++;
	if (!i) {
		var i = 1;
	}
	var prc_from = $("[name='prc_from-year']").val()+"-"+$("[name='prc_from-month']").val()+"-"+$("[name='prc_from-date']").val();
	var prc_to = $("[name='prc_to-year']").val()+"-"+$("[name='prc_to-month']").val()+"-"+$("[name='prc_to-date']").val();
	var prc_from_label = new Date($("[name='prc_from-year']").val()+", "+$("[name='prc_from-month']").val()+", "+$("[name='prc_from-date']").val());
	var prc_to_label = new Date($("[name='prc_to-year']").val()+", "+$("[name='prc_to-month']").val()+", "+$("[name='prc_to-date']").val());
	var prc_period = $("[name='prc_period']:checked").val();
	var prc_nights = $("[name='prc_nights']").val();
	var prc_price = $("[name='prc_price']").val();
	$("[name='prc_from']").val("");
	$("[name='prc_to']").val("");
	$("[name='prc_nights']").val("");
	$("[name='prc_price']").val("");
	$("#price_periods").append("<tr id='"+i+"'><td class='delete'></td>"
					+"<td>"+prc_from_label.toLocaleDateString()+"</td>"
					+"<td>"+prc_to_label.toLocaleDateString()+"</td>"
					+"<td>"+prc_period+"</td>"
					+"<td>"+prc_nights+"</td>"
					+"<td>"+prc_price+"</td>"
					+"<input type='hidden' name='prc_from_"+i+"' value='"+prc_from+"' />"
					+"<input type='hidden' name='prc_to_"+i+"' value='"+prc_to+"' />"
					+"<input type='hidden' name='prc_period_"+i+"' value='"+prc_period+"' />"
					+"<input type='hidden' name='prc_nights_"+i+"' value='"+prc_nights+"' />"
					+"<input type='hidden' name='prc_price_"+i+"' value='"+prc_price+"' />"
					+"</tr>");
	$(".delete").click(removePricePeriod);
}

// Add Another Booking
function addBooking() {
	var test = $("#bookings").attr("id");
	if (!test) {
		$("#tabs-6 .formTable").prepend("<tr><td colspan='2'><table id='bookings'><tr><th></th><th>Period From</th><th>Period To</th><th>Booking Name</th></tr></table></td></tr>");
	}
	var i = $("#bookings tr:last").attr("id");
	i++;
	if (!i) {
		var i = 1;
	}
	var avi_from = $("[name='avi_from-year']").val()+"-"+$("[name='avi_from-month']").val()+"-"+$("[name='avi_from-date']").val();
	var avi_to = $("[name='avi_to-year']").val()+"-"+$("[name='avi_to-month']").val()+"-"+$("[name='avi_to-date']").val();
	var avi_from_label = new Date($("[name='avi_from-year']").val()+", "+$("[name='avi_from-month']").val()+", "+$("[name='avi_from-date']").val());
	var avi_to_label = new Date($("[name='avi_to-year']").val()+", "+$("[name='avi_to-month']").val()+", "+$("[name='avi_to-date']").val());
	var avi_name = $("[name='avi_name']").val();
	$("[name='avi_from']").val("");
	$("[name='avi_to']").val("");
	$("[name='avi_name']").val("");
	$("#bookings").append("<tr id='"+i+"'><td class='delete'></td>"
					+"<td>"+avi_from_label.toLocaleDateString()+"</td>"
					+"<td>"+avi_to_label.toLocaleDateString()+"</td>"
					+"<td>"+avi_name+"</td>"
					+"<input type='hidden' name='avi_from_"+i+"' value='"+avi_from+"' />"
					+"<input type='hidden' name='avi_to_"+i+"' value='"+avi_to+"' />"
					+"<input type='hidden' name='avi_name_"+i+"' value='"+avi_name+"' />"
					+"</tr>");
	$(".delete").click(removePricePeriod);
}

// Remove Price Period
function removePricePeriod() {
	$(this).parent().remove();
}

// Tab switching
function tabs() {
	$("#tabs li").removeClass("selected");
	$(this).addClass("selected");
	var tab = $(this).attr("href");
	$(".tab").hide();
	$(tab).show();
}

var geocoder;
var map;
var zoomValue;
   function initialize(zoomValue) {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(53.800651,-4.064941);
    var myOptions = {
      zoom: zoomValue,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

  function codeAddress() {
	  initialize(18);
    var address = $("[name='pty_address']").val();
    geocoder.geocode( {'address': address, 'region': 'UK'}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
  }

  function switchYear() {
     year = $(this).attr("class");
     $(".year").hide();
     $("#year_"+year).show();
     $(".years span").removeClass("current");
     $("."+year).addClass("current");
  }

  function enlargeImage(){
	  image = $(this).attr("href");
	  caption = $(this).attr("alt");
	  $(this).parent().append("<div id='blackout'></div>");
	  width = $(window).width();
	  height = $(window).height();
	  img_width = Math.round(width*0.9);
	  img_height = Math.round(height*0.9);
	  mag_height = height-img_height;
	  mag_height = mag_height/3;
	  $("#blackout").append("<div><img id='theImage' src='"+image+"' /><div id='caption'>"+caption+"</div></div>");
	  $("#theImage").css({"max-width":img_width,"max-height":img_height,"margin-top":mag_height});
	  $('#blackout').show(0);
	  $("#largeImage").click(restoreImage);
	  $("#blackout").click(restoreImage);
	  return false;
  }

  function restoreImage() {
	  $("#blackout").remove();
  }

  function timer() {
      tt=setTimeout("changeImage()",pausetime);
}

function changeImage() {
	  count++;
	  if(!img[count]) {
	       count = 1
	  }
	  url = path+img[count];
	  $("#image-changer").css({"background": "url("+url+") no-repeat"});
	  $("#image-changer-inner").fadeTo(fadetime,0,function(){
	       $("#image-changer-inner").css({"background": "url("+url+") no-repeat"});
	       $("#ic-caption").html(cap[count]);
	       $("#image-changer-inner").fadeTo(fadetime,1.0, function(){
		       timer();
	       });
		});
	}

function processPayment() {
       url = $("[name='payment_button']").attr("href");
       price = $("[name='price']").val();
       price = price.replace(/[^0-9]/g,"");
       url = url+price;
       window.open(url);
}

function processShopPayment() {
       url = $("[name='shop_payment_button']").attr("href");
       quantity = $("[name='quantity']").val();
       url = url+quantity;
       window.open(url);
}

$(document).ready(function(){
	$("#tabs li").click(tabs);
	$("#tabs-1").show();
	$("#tabs li:first").addClass("selected");
	$("[name='add_period']").click(addPricePeriod);
	$("[name='add_booking']").click(addBooking);
	$("[href='#tabs-4']").click(function(){
		var address = $("[name='pty_address']").val()
		if (address == "") {
			initialize(5);
		} else {
			codeAddress();
		}
	});
	$("[name='pty_processAddress']").click(codeAddress);
	$(".delete").click(removePricePeriod);
	$(".years span").click(switchYear);
	$(".0").addClass("current");
	$("#content #display-gallery a").click(enlargeImage);
	$("#image-changer").ready(timer);
	$("[name='payment_button']").click(processPayment);
	$("[name='shop_payment_button']").click(processShopPayment);
});