$(document).ready(function(){  

// failure or success messages 
    $("#messages").slideDown(2000).delay(1000).fadeOut(8000);
       
// fancy box stuff
// input form stuff and popup box 
  $('.closeThis').live("click", function() {
    $('#firstVisitor').fadeOut(2000);
  });

 $(document).keyup(function(event){
     if (event.keyCode == 27) {
         $("#firstVisitor").fadeOut(2000);
     }
 });

// ajax setup
    $.ajaxSetup ({
       cache: false
       });
               
// form submit

  $("#mailList").submit(function() {
  
    var inputFieldVal = $("#mailListInput").val();
    var formdata = $("#mailList").serialize();

  if(!inputFieldVal.match(/^([a-zA-Z0-9_\+\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/)){
    alert("Please enter a valid email address");
    return false;
  } else {
//    $("#mailList input[name=submit]").attr("disabled" , "disabled");
//    $("#mailList input").attr("disabled" , "disabled");

// ajax garbage
    $.ajax({
      type: "POST",
      url: "../work/processAjax.php",
      data: "mailListInput=" + inputFieldVal,
      timeout: 2000,
      success: function (data) {
  	ajaxSubmitSuccess(data);
      },
      error: function (data) {
       alert(inputFieldVal + ' already exists in our database!');
      }
    });
  return false;
  }
  }); 

/*
  $("#newPic").submit(function() {

    var picCaption = $("#picCaption").val();
    var picFile = $("#picFile").val();
    var picCredit = $("#picCredit").val();
    var dataString = 'picCaption=' + picCaption + 'picFile=' + picFile + 'picCredit=' + picCredit;

    $.ajax({
      type: "POST",
      url: "../work/createPic.php",
      data: dataString,
      timeout: 2000,
      success: function(data) {
        ajaxUploadSuccess();
      }
    });
  return false;
  });
*/
// end ajax

  function ajaxSubmitSuccess(data) {
    $("#firstVisitor").fadeOut(2000);
    $("#messages").slideDown(1000).html("<h1>You have successfully been added to the mailing list</h1>");
    alert('You have successfully been added to the mailing list. An email will arrive momentarily'); 
  }

  function ajaxUploadSuccess(data) {
    $("#messages").html("<h1>Upload Success!</h1>");
  }

// autosuggest for the city
        $("#citySearch").focus().autocomplete("/../includes/cQuery.php",{
		minChars: 0,
		scroll: true,
		scrollHeight: 220
        });
        $("#venueSearch").focus().autocomplete("/../includes/vQuery.php",{
                minChars: 0,
                scroll: true,
                scrollHeight: 220
        });


// roll over effect for each musician
    function loadTrigger(evt){
      var thisHover = evt.data.name;
        $(this).find(".triggerOver" + thisHover).fadeIn();
      return false;
    };
    function hideTrigger(evt){
      var thisHover = evt.data.name;
        $(this).find(".triggerOver" + thisHover).fadeOut();
      return false;
    };

    $(".triggerNoah").bind("mouseenter",{name: "Noah"},loadTrigger);$(".triggerNoah").bind("mouseleave",{name: "Noah"},hideTrigger);
    $(".triggerDan").bind("mouseenter",{name: "Dan"},loadTrigger);$(".triggerDan").bind("mouseleave",{name: "Dan"},hideTrigger);
//    $(".triggerNik").bind("mouseenter",{name: "Nik"},loadTrigger);$(".triggerNik").bind("mouseleave",{name: "Nik"},hideTrigger);
//    $(".triggerJason").bind("mouseenter",{name: "Jason"},loadTrigger);$(".triggerJason").bind("mouseleave",{name: "Jason"},hideTrigger);
    $(".triggerJosh").bind("mouseenter",{name: "Josh"},loadTrigger);$(".triggerJosh").bind("mouseleave",{name: "Josh"},hideTrigger);

/*
    $(".triggerNoah").hover(
      function () {
        $(this).find(".triggerOverNoah").fadeIn();
      },
      function () {
        $(this).find(".triggerOverNoah").fadeOut("fast");
      }
    );
*/

// starts the loading spinner
   $(document).ajaxSend(function(){
   $("#loading").fadeIn("slow");
 	});//SHOWS THE SPINNING WHILE LOADING

// when the ajax stops loading the spinner fades out
   $(document).ajaxStop(function(){
   $("#loading").fadeOut("slow");
	});//FADES OUT SPINNING

// initial load the class active for home button
    $("#welcomeLink").addClass("active");

// loads the home into the container
    $("#contentLoaded").load("pages/welcome.php");//LOADS THE HOME PAGE
    $('div#nav ul li a #welcomeLink').addClass("active");
    document.title = 'Roman Street | home';

    function loadPageContent(evt){
      var thisPage = evt.data.name;
      $("#contentLoaded").load('pages/'+thisPage+'.php');
      $('#nav ul li a').removeClass("active");
      $(this).addClass("active");
      document.title = 'Roman Street | '+ $(this).text();
      return false;
    }

// click events

    $("#welcomeLink").bind("click",{name: "welcome"},loadPageContent);
    $("#storeLink").bind("click",{name: "store"},loadPageContent);
    $("#storeAd").bind("click",{name: "store2"},loadPageContent);
    $("#musicLink").bind("click",{name: "music"},loadPageContent);
    $("#contactLink").bind("click",{name: "contact"},loadPageContent);
    $("#picturesLink").bind("click",{name: "pictures"},loadPageContent);
    $("#pressLink").bind("click",{name: "press"},loadPageContent);
    $("#lessonsLink").bind("click",{name: "lessons"},loadPageContent);
    $("#scheduleLink").bind("click",{name: "schedule"},loadPageContent);
    $("#mediaLink").bind("click",{name: "media"},loadPageContent);

    var pageLoadSwitch = function(){
        $("#contentLoaded").load("pages/" + thisPage + ".php");
        $('div#nav ul li a').removeClass("active");
        $('#' + thisPage + 'Link').addClass("active");
        document.title = 'Roman Street | ' + thisPage;
	attachEvents();
        return false;
    }

    switch($.url.param('p')){

    case 'welcome':
	var thisPage = 'welcome';
	pageLoadSwitch();
	break;

    case 'music':	
	var thisPage = 'music';
	pageLoadSwitch();
        break;

    case 'store':
        var thisPage = 'store';
        pageLoadSwitch();
        break;

    case 'contact':
        var thisPage = 'contact';
        pageLoadSwitch();
        break;

    case 'pictures':
        var thisPage = 'pictures';
        pageLoadSwitch();
        break;

    case 'press':
        var thisPage = 'press';
        pageLoadSwitch();
        break;

    case 'lessons':
        var thisPage = 'lessons';
        pageLoadSwitch();
        break;

    case 'schedule':
        var thisPage = 'schedule';
        pageLoadSwitch();
        break;

    case 'media':
        var thisPage = 'media';
        pageLoadSwitch();
        break;

    default:
        var thisPage = 'welcome';
        pageLoadSwitch();
        break;
	}

}); // dom ends

function attachEvents() {
  $("a.group").fancybox({
   'enableEscapeButton': true,'overlayOpacity': 0.7,'hideOnOverlayClick': false,'hideOnContentClick': false,'centerOnScroll': false, 'zoomSpeedIn': 0, 'zoomSpeedOut': 0
  });

  $("a.pressGroup").fancybox({
   'enableEscapeButton': true,'overlayOpacity': 0.7,'hideOnOverlayClick': false,'hideOnContentClick': false,'centerOnScroll': false,'width': '50%','height': '50%'
  });

  $("a.toolGroup").fancybox({
   'enableEscapeButton': true,'overlayOpacity': 0.7,'hideOnOverlayClick': false,'hideOnContentClick': false,'centerOnScroll': true,'width' : '100%', 'height' : '100%'
  });

  $("a.newsFeed").fancybox({
   'enableEscapeButton': true,'overlayOpacity': 0.7,'hideOnOverlayClick': false,'hideOnContentClick': false,'centerOnScroll': true,'width' : 600,'height' : 450
  });

function prevD() {
 $('td').removeClass('today');
 var cCount = $("input[name=d]").val();
 var newCount = Number(cCount) - 1;
 $("input[name=d]").val(newCount);
 var d = $("input[name=d]").val();
 $('td[uid='+d+']').addClass('today');
 }

function nextD() {
 $('td').removeClass('today');
 var cCount = $("input[name=d]").val();
 var newCount = Number(cCount) + 1;
 $("input[name=d]").val(newCount);
 var d = $("input[name=d]").val();
 $('td[uid='+d+']').addClass('today');
 }

}

// date picker
Date.firstDayOfWeek = 0;
Date.format = 'mmmm dd, yyyy';
$(function()
{
        $('.date-pick').datePicker({clickInput:true})
        $('.dp-choose-date').hide();
});