var category = "1559214";


    
function mycarousel_itemLoadCallback(carousel, state)
{
    // Since we get all URLs in one file, we simply add all items
    // at once and set the size accordingly.
    if (state != 'init')
        return;

    jQuery.get('http://tylerfaires.com/wp-content/themes/tylerfaires/videogallery.php?action=getVideoThumbnails&category='+category, function(data) {
        mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);
    });
};

function mycarousel_itemAddCallback(carousel, first, last, data)
{
    // Simply add all items at once and set the size accordingly.
    var items = data.split('|');

    for (i = 0; i < items.length; i++) {
        carousel.add(i+1, mycarousel_getItemHTML(items[i]));
    }

    carousel.size(items.length);
};

var videoCounter = 0;

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(url)
{
	var items = url.split('~');
	
	if(videoCounter==0)
	{
		getVideo(items[1]);
	}
	videoCounter++;
    return '<img src="' + items[0] + '" width="67" height="67" alt="" onclick="getVideo('+items[1]+')" />';
};



jQuery(document).ready(function() {
    setVideCarousel();
});

function setVideCarousel()
{
	jQuery('#slider').jcarousel({
        itemLoadCallback: mycarousel_itemLoadCallback,
		scroll:4
    });
}


$("#events").click(function(){
	
	$("#events").addClass("events_selected");
	$("#weddings").removeClass("weddings_selected");
	changeVideoCategory("1559212")
});

$("#weddings").click(function(){
	
	$("#events").removeClass("events_selected");
	$("#weddings").addClass("weddings_selected");

	changeVideoCategory("1559214")
});


function changeVideoCategory(cat)
{
	category = cat;
	$(".jcarousel-skin-tango").attr("id","slider");
	$(".jcarousel-skin-tango").html("<ul></ul>")
	 setVideCarousel();
	
}


$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 560;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  /*
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
*/
  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    
	// Hide / show controls
    manageControls(currentPosition);
	$('#slideInner').fadeOut("fast");
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
	$('#slideInner').fadeIn("fast");
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
	// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});

function getVideo(id)
{
	jQuery.get('http://tylerfaires.com/wp-content/themes/tylerfaires/videogallery.php?action=getVideo&id='+id, function(data) {
        $("#dvVideo").html(data);
    });
}


function showStates(state)
{
	$("#dvCalifornia").css("display","none");
	$("#dvVirginia").css("display","none");
	$("#dvWashington").css("display","none");
	
	$("#dv"+state).css("display","block");
	
	
	$("#dvPopup").css("display","block");
	jQuery("#dvPopup").center();
	$("#dvPopup").focus();
	$("#dvPopup").css("height","");
}

function closePopup()
{
	$("#dvPopup").css("display","none");
}

$("#btnCalifornia").fancybox({
	ajax: {
	type : "POST",
	data : 'action=california'
	}
}); 

$("#btnWashington").fancybox({
	ajax: {
	type : "POST",
	data : 'action=washington'
	}
}); 

$("#btnVirginia").fancybox({
	ajax: {
	type : "POST",
	data : 'action=virginia'
	}
}); 

$("#btnPriceOption").fancybox({
	'width' : '50%',
	'height' : '100%',
	'autoScale' : false,
	'type' : 'iframe' 
});

$("#calandar").fancybox({
	'width' : '75%',
	'height' : '100%',
	'autoScale' : false,
	'type' : 'iframe' 
});

function getTestimonialVideo(videoId)
{
	window.scroll(0,0);
	getVideo(videoId);
}