var JQ = jQuery.noConflict();
JQ(document).ready(function(){
JQ('#invite').hide();	
JQ(function(){
    JQ('.fade span:gt(0)').hide();
    setInterval(function(){JQ('.fade span:first-child').fadeOut().next('span').fadeIn().end().appendTo('.fade');},6000);});

var dates = JQ('#mydate').datepicker({
        defaultDate: "+1d",
        numberOfMonths: 1,
        changeMonth: false,
        changeYear: false,
        autoSize: false,
        minDate: +1,
        maxDate: '+1y',
        dateFormat: 'yy-mm-dd',
        onSelect: function (selectedDate) {
            var option = this.id == "mydate" ? "minDate" : "maxDate";
            var instance = JQ(this).data("datepicker");
            var date = JQ.datepicker.parseDate(instance.settings.dateFormat || JQ.datepicker._defaults.dateFormat, selectedDate, instance.settings);
            dates.not(this).datepicker("option", option, date);
            //datepicked();
			return false;
        }
    });

JQ('INPUT.auto-hint, TEXTAREA.auto-hint, SELECT.auto-hint').focus(function(){
if(JQ(this).val() === JQ(this).attr('title')){ 
JQ(this).val('');
JQ(this).removeClass('auto-hint');
}
});
JQ('INPUT.auto-hint, TEXTAREA.auto-hint, SELECT.auto-hint').blur(function(){
if(JQ(this).val() === '' && JQ(this).attr('title') !== ''){ 
JQ(this).val(JQ(this).attr('title'));
JQ(this).addClass('auto-hint'); 
}
});
JQ('INPUT.auto-hint, TEXTAREA.auto-hint, SELECT.auto-hint').each(function(){
if(JQ(this).attr('title') === ''){ return; }
if(JQ(this).val() === ''){ JQ(this).val(JQ(this).attr('title')); }
else { JQ(this).removeClass('auto-hint'); } 
});

  JQ('input').focus(function(){
    JQ(this).css({border:"solid 1px #000000"});
  });
  JQ('input').blur(function(){
    JQ(this).css({border:"solid 1px #FFFFFF"});
  });

  JQ("#sendit").click(function() {

	  var name = JQ("input#myname").val();
		if (name === "" || name ==='Complete Name') {
      JQ("input#myname").focus();
      return false;
    }
		var email = JQ("input#myemail").val();
		if (email === "" || email==='Email') {
      JQ("input#myemail").focus();
      return false;
    }
		var dataString = JQ('#customForm').serialize();
		JQ('#customForm').html("<div id='message'></div>");
        JQ('#message').html("<h1>Connecting with Server...</h1>");
		JQ.ajax({
      type: "POST",
      url: "../scripts/sendmail.php",
      data: dataString,
      success: function() {
        JQ('#customForm').html("<div id='message'></div>");
        JQ('#message').html("<h1>Map Request Submitted, Thank You!</h1>")
        .append("<p>We will be in touch soon.</p>")
        .hide()
        .fadeIn(1500, function() {
          JQ('#message').append("<img id='checkmark' src='../img/checked.png' />");
        });
      }
     });
    return false;
	});

function addpx(string){return string + 'px';}	
JQ('#sidemap_container').css('height','1400px').css('width','50%');	
if(mapCode=='1'){
if(ti=='1'){
JQ('#sidemap_container #sidemask').css('background','url("http://www.tulummaps.com/img/map.jpg")').css('height','3985px').css('width','599px').css('display','block');
JQ('#sidemap_container #sidemap').css('background','url("http://www.tulummaps.com/img/bigmap.gif")').css('height','3985px').css('width','599px').css('display','block');
}
JQ('body').addClass('sea');	
JQ('#sidemap_container').scrollTop(2400);
}else if(mapCode=='2'){
if(ti=='1'){

JQ('#sidemap_container #sidemap').css('background','url("http://www.tulummaps.com/img/bigmap.gif")').css('height','1100px').css('width','700px').css('display','block');
}
JQ('body').addClass('town');	
}else if(mapCode=='3'){
if(ti=='1'){	

JQ('#sidemap_container #sidemap').css('background','url("http://www.tulummaps.com/img/bigmap.gif")').css('height','1480px').css('width','695px').css('display','block');
}
JQ('body').addClass('sea');	
}else if(mapCode=='4'){
if(ti=='1'){	
JQ('#sidemap_container #sidemap').css('background','url("http://www.tulummaps.com/img/bigmap.gif")').css('height','1430px').css('width','795px').css('display','block');
}
JQ('body').addClass('sea');	
}
if(ti=='1'){
JQ('#sidemap_container').clickNScroll();
JQ('.clients').each(function(index, item){
var bullet = JQ(item).find('.bullet');
bullet.appendTo('#sidemap');
JQ(item).appendTo('#sidemap').hide();	
});
JQ('#sidemap .left').each(function(index, item){
	var coords = JQ(item).attr("rel").split(',');
	JQ(item).css('left', addpx(Number(coords[0]) - 4)).css('top', addpx(Number(coords[1]) - 8)).css('display','block');
});
JQ('#sidemap .right').each(function(index, item){
	var coords = JQ(item).attr("rel").split(',');
	JQ(item).css('left', addpx(Number(coords[0]) - parseInt(JQ(item).width() + 15),10)).css('top', addpx(Number(coords[1]) - 8)).css('display','block');
});
JQ('#sidemap a.bullet').live('click',function(event){
	JQ("#sidemap .clients").fadeOut(300);	
	var bc = JQ(event.target).attr("rel").split(',');
	var st=JQ(event.target).attr('id');
	JQ("#sidemap #"+st+":not(a)").css('left', addpx(Number(bc[0]) - 110)).css('top', addpx(Number(bc[1]) + 8)).css('display','block');
	JQ("#sidemap #"+st).fadeIn(300);
	event.preventDefault();	
	return false;   
});

JQ('.close').live('click',function(event){
	JQ("#sidemap .clients").fadeOut(300);
	event.preventDefault();	
	return false;   
});
}else{
var flashvars = {
	m: mapCode,
	t: 'none',
	c: 'none',
	h: '-20'
};

var params = {
  menu: "false",
  wmode:"transparent"
};

swfobject.embedSWF("../swf/beachzonemapcs5.swf", "sidemap_container", "100%", "1500", "9.0.0","expressInstall.swf", flashvars, params);
}

JQ(".openInvi").click(function(event) {
var inviName=JQ(this).attr('name');
JQ('#fname').val(inviName);
var inviLink=JQ(this).attr('id');
JQ('#flink').val(inviLink);
JQ('#fmess').val("Check out this great place i've found on Tulum Maps");
JQ('#invite p').html('Share '+inviName+' with your friends');
JQ('.done b').html(inviName);
JQ('#invite').show();
JQ('.done').hide();
event.preventDefault();
event.stopPropagation();
return false;
});
JQ(".appInvi").click(function(event) {
var inviName="Visit the Map of Tulum Application";
JQ('#fname').val(inviName);
var inviLink="apps.facebook.com/tulummap";
JQ('#flink').val(inviLink);
JQ('#fmess').val("Check out this great map of Tulum Application");
JQ('#invite p').html('Invite Your Friends to the map of Tulum');
JQ('#invite').show();
JQ('.done').hide();
event.preventDefault();
event.stopPropagation();
return false;
});
JQ("#cancel").click(function(event) {
JQ('#invite').hide();
JQ('.done').hide();
event.preventDefault();
event.stopPropagation();
return false;
});
	JQ('.pub').live('click', function(event) {	
		var cna=JQ(event.target).parent().find('input[name=cname]');
		var mes=JQ(event.target).parent().find('input[name=mess]');
		var cli=JQ(event.target).parent().find('input[name=clink]');
		var data = 'to_me=Post to Wall&cname=' + cna.val() + '&mess=' + mes.val() + '&clink='+ cli.val();
		JQ('.loading').show();
        JQ.ajax({
			url: "index.php",	
			type: "POST",		
			data: data,		
			cache: false		
		});
		event.preventDefault();
        event.stopPropagation();
		return false;
	});	
JQ(".loading").ajaxSuccess(function(evt, request, settings){
      JQ('.loading').hide();
	  JQ('.done').show();
      });	  

JQ(".send").click(function(event) {	
		var cn=JQ(event.target).parent().find('input[name=fname]');
		var ms=JQ(event.target).parent().find('input[name=fmess]');
		var ci=JQ(event.target).parent().find('input[name=flink]');
		var ckdata = { 'friendids[]' : []};
		JQ(event.target).parent().find('input:checked').each(function() {
			ckdata['friendids[]'].push(JQ(this).val());
		});
		var data = 'to_friends=Send&fname=' + cn.val() + '&fmess=' + ms.val() + '&flink='+ ci.val() +'&friendids='+ckdata['friendids[]'];
		JQ('.loading').show();
        JQ.ajax({
			url: "index.php",	
			type: "POST",		
			data: data,		
			cache: false		
		});
		event.preventDefault();
        event.stopPropagation();
		return false;
	});	

  JQ('.square span').hide();
  JQ(':checkbox').hide();
  JQ('.open').hover(
  function () {
    JQ(this).addClass('itemover');
	JQ(this).find('.square').css('border','1px solid #6D84B4').css('background-color','#ffffff');
  }, 
  function () {
    JQ(this).removeClass('itemover');
	JQ(this).find('.square').css('border','1px solid #E0E0E0').css('background-color','#ffffff');	
  }
);

JQ('.open').toggle(function() {
   JQ(this).addClass('itemselected');
   JQ(this).find('.square span').show();
   JQ(this).find('input:checkbox').attr('checked', true);
   JQ(this).find('small').css('color','#ffffff');
}, function() {
  JQ(this).removeClass('itemselected');
  JQ(this).find('.square span').hide();
  JQ(this).find('input:checkbox').attr('checked', false);
  JQ(this).find('small').css('color','#000000');
})
JQ(".loading").ajaxSuccess(function(evt, request, settings){
      JQ('.loading').hide();
	  JQ('.done').show();
      });

});
function openInvite(locationURL,locationName) {
	var inviName=locationName;
    JQ('#fname').val(inviName);
	var inviLink=locationURL;
	JQ('#flink').val(inviLink);
	JQ('#fmess').val("Check out this great place i've found on http://www.tulummaps.com");
	JQ('#invite p').html('Share '+inviName+' with your friends');
	JQ('.done b').html(inviName);
	JQ('#invite').show();
}