$(document).ready(function() {
    
    $("a[rel^='prettyPhoto']").prettyPhoto();
    
    $("#searchField").click(function() {
         if($(this).val() == "Search...") {
              $(this).val("");
         }
    });
    
    $(".topBoxLink").click(function(){
         $("#topBox").slideToggle(1500);
    });
    
    $("#topBox h1").click(function() {
         $("#topBox").slideUp(1500);
    });
    
    $(".msubmit").click(function(){
         $("form#searcher").submit();
    });
    
    $("#searchField").keyup(function(e){
         if(e.keyCode == 13) {
              $("form#searcher").submit();
         }
    });
    
    $("#watched").click(function(){
         var movie_id;
         var watched = 0;
         movie_id = $("#watched_id").val();
         
         if($('#watched').is(':checked')) 
              watched = 1;
         //alert("/includes/watched_movies.php?watched="+watched+"&id="+movie_id);
         $('#wrt').load("/includes/watched_movies.php?watched="+watched+"&id="+movie_id);
    });
    
    $(".sType").click(function(){
         var type = $(this).html();
         $(".sType").css("color","#999");
         $(this).css("color","#f00");
         $("#searchType").val(type);
    });
    
    $(".watchBox").click(function() {
         
         var watched = 0;
         var id = $(this).val();
         
         if($(this).is(':checked')) {
              watched = 1;
         }
         $('#ert').load("/includes/watched_movies.php?watched="+watched+"&id="+id+"&type=episode");
    });
    

    $(".imgThumb").click(function(){
         var id = $(this).attr("id");
         var html = '<iframe title="YouTube video player" width="480" height="300" src="http://www.youtube.com/embed/'+id+'?autoplay=1" frameborder="0" allowfullscreen></iframe>';
         $("#"+id).html(html);
    });
    
    $(".url").click(function(){
         var text = $(this).html();
         text.copy();
         $(this).css("background","#f00");
    });

    
    $('.date_has_event').each(function () {
// options
var distance = 10;
var time = 250;
var hideDelay = 500;
 
var hideDelayTimer = null;
 
// tracker
var beingShown = false;
var shown = false;
 
var trigger = $(this);
var popup = $('.events ul', this).css('opacity', 0);
 
// set the mouseover and mouseout on both element
$([trigger.get(0), popup.get(0)]).mouseover(function () {
// stops the hide event if we move from the trigger to the popup element
if (hideDelayTimer) clearTimeout(hideDelayTimer);
 
// don't trigger the animation again if we're being shown, or already visible
if (beingShown || shown) {
return;
} else {
beingShown = true;
 
// reset position of popup box
popup.css({
					bottom: 20,
					left: -76,
					display: 'block' // brings the popup back in to view
				})
 
				// (we're using chaining on the popup) now animate it's opacity and position
				.animate({
					bottom: '+=' + distance + 'px',
					opacity: 1
				}, time, 'swing', function() {
					// once the animation is complete, set the tracker variables
					beingShown = false;
					shown = true;
				});
			}
		}).mouseout(function () {
			// reset the timer if we get fired again - avoids double animations
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
 
			// store the timer so that it can be cleared in the mouseover if required
			hideDelayTimer = setTimeout(function () {
				hideDelayTimer = null;
				popup.animate({
					bottom: '-=' + distance + 'px',
					opacity: 0
				}, time, 'swing', function () {
					// once the animate is complete, set the tracker variables
					shown = false;
					// hide the popup entirely after the effect (opacity alone doesn't do the job)
					popup.css('display', 'none');
				});
			}, hideDelay);
         });
    });
});

function showPanel(panel) {

    $(".movie_main").hide();
    $(".movie_synopsis").hide();
    $(".movie_posters").hide();
    $(".movie_wallpapers").hide();
    $(".movie_countries").hide();
    $(".movie_locations").hide();
    $(".movie_trailers").hide();
    $(".movie_casts").hide();
    $(".movie_comments").hide();
    $(".movie_"+panel).show();
}