// JavaScript Document
$(document).ready(function(){
    //$('.top_image').rotate(5);
    $('#carousel_container').carousel({
        transitionlength: '6000',
        prevButtonObject: '.whats_new_nav .carosel_prev_button',
        nextButtonObject: '.whats_new_nav .carosel_next_button',
        objectsToRotate: '.img_obj',
        buttonObject: '.thumb_obj',
        buttonCurrentClass: 'current',
		fadeOut : 'slow'
    });
    $('#testimonials').carousel({
        transitionlength: '7000',
		prevButtonObject: '.blue-box .carousel_prev_button',
        nextButtonObject: '.blue-box .carousel_next_button',
        objectsToRotate: '.testimonial',
		fadeOut : 'slow'
    });
	$('#tour_1 .tour_gallery_container').carousel({
        transitionlength: '6000',
        objectsToRotate: '.img_obj',
        buttonObject: '#tour_1 .thumb_obj',
        buttonCurrentClass: 'current',
		imageEvent: 'mouseOver',
		parentObject: '#tour_1',
		buttonEvent: 'mouseOver',
		auto: false,
		fadeOut : 'fast',
		dofade: false
    });
	
	$('#tour_2 .tour_gallery_container').carousel({
        transitionlength: '6000',
        objectsToRotate: '.img_obj',
        buttonObject: '#tour_2 .thumb_obj',
        buttonCurrentClass: 'current',
		imageEvent: 'mouseOver',
		parentObject: '#tour_2',
		buttonEvent: 'mouseOver',
		auto: false,
		fadeOut : 'fast',
		dofade: false
    });
	
	$('#tour_3 .tour_gallery_container').carousel({
        transitionlength: '6000',
        objectsToRotate: '.img_obj',
        buttonObject: '#tour_3 .thumb_obj',
        buttonCurrentClass: 'current',
		imageEvent: 'mouseOver',
		parentObject: '#tour_3',
		buttonEvent: 'mouseOver',
		auto: false,
		fadeOut : 'fast',
		dofade: false
    });
	
	$('#tour_4 .tour_gallery_container').carousel({
        transitionlength: '6000',
        objectsToRotate: '.img_obj',
        buttonObject: '#tour_4 .thumb_obj',
        buttonCurrentClass: 'current',
		imageEvent: 'mouseOver',
		parentObject: '#tour_4',
		buttonEvent: 'mouseOver',
		auto: false,
		fadeOut : 'fast',
		dofade: false
    });
	
	$('#tour_5 .tour_gallery_container').carousel({
        transitionlength: '6000',
        objectsToRotate: '.img_obj',
        buttonObject: '#tour_5 .thumb_obj',
        buttonCurrentClass: 'current',
		imageEvent: 'mouseOver',
		parentObject: '#tour_5',
		buttonEvent: 'mouseOver',
		auto: false,
		fadeOut : 'fast',
		dofade: false
    });
	
	$('#tour_6 .tour_gallery_container').carousel({
        transitionlength: '6000',
        objectsToRotate: '.img_obj',
        buttonObject: '#tour_6 .thumb_obj',
        buttonCurrentClass: 'current',
		imageEvent: 'mouseOver',
		parentObject: '#tour_6',
		buttonEvent: 'mouseOver',
		auto: false,
		fadeOut : 'fast',
		dofade: false
    });
	
	$('#tour_7 .tour_gallery_container').carousel({
        transitionlength: '6000',
        objectsToRotate: '.img_obj',
        buttonObject: '#tour_7 .thumb_obj',
        buttonCurrentClass: 'current',
		imageEvent: 'mouseOver',
		parentObject: '#tour_7',
		buttonEvent: 'mouseOver',
		auto: false,
		fadeOut : 'fast',
		dofade: false
    });
	//$('.tour_gallery_container').carousel({
//        transitionlength: '6000',
//        objectsToRotate: '.img_obj',
//        buttonObject: '.thumb_obj',
//        buttonCurrentClass: 'current',
//		imageEvent: 'mouseOver',
//    });
	
	$(".tour_gallery_container .img_obj").mouseover(function() {
	  $(this).find('.magnify').fadeIn('fast');
	});
	$(".tour_gallery_container .img_obj").mouseout(function() {
	  $(this).find('.magnify').fadeOut('fast');
	});
	
	$('.next_btn').click(function(){
		//$('.tour_gallery_container').carousel.stop_carousel();
		$numImages = $('#tour_gallery_nav_container .thumb_obj').size();
		var $stopPoint = (($numImages * 56) - (56 * 6)) * -1;
		$currentMargin = $('#tour_gallery_nav_container').css('margin-left');
		$currentMargin = $currentMargin.match(/[0-9]+/i);
		$nextMargin = (($currentMargin * 1) + 56) * -1;
		var nextMargin = $nextMargin;
		console.log($numImages + ':' + nextMargin + ":" + $stopPoint);
		if(nextMargin >= $stopPoint){
		$('#tour_gallery_nav_container').animate({
			marginLeft: nextMargin + 'px'
		  }, 500, function() {
			// Animation complete.
		  });	
		}
	});
	
	$('.prev_btn').click(function(){
		//$('.tour_gallery_container').carousel.stop_carousel();
		$numImages = $('#tour_gallery_nav_container .thumb_obj').size();
		var $stopPoint = 0;
		$currentMargin = $('#tour_gallery_nav_container').css('margin-left');
		$currentMargin = $currentMargin.match(/[0-9]+/i);
		$nextMargin = (($currentMargin * 1) - 56) * -1;
		var nextMargin = $nextMargin;
		console.log($numImages + ':' + nextMargin + ":" + $stopPoint);
		if(nextMargin <= $stopPoint){
		$('#tour_gallery_nav_container').animate({
			marginLeft: nextMargin + 'px'
		  }, 500, function() {
			// Animation complete.
		  });	
		}
	});
	
	////Carosel Event hook
//	$(".tour_gallery_container .carousel_slider").bind("imagemove", function(e, newID){
//	//console.log(newID);
//	$numImages = $('#tour_gallery_nav_container .thumb_obj').size();
//	if(newID >= 6){
//		
//		var $stopPoint = (($numImages * 56) - (56 * 6)) * -1;
//		$currentMargin = $('#tour_gallery_nav_container').css('margin-left');
//		$currentMargin = $currentMargin.match(/[0-9]+/i);
//		$purposedMargin = ((newID * 56) - (5 * 56)) * -1;
//		if($currentMargin >= $purposedMargin && $purposedMargin >= $stopPoint){
//			nextMargin = $purposedMargin;
//			$('#tour_gallery_nav_container').animate({
//				marginLeft: nextMargin + 'px'
//			  }, 500, function() {
//				// Animation complete.
//			  });	
//		}	
//	} else {
//		var $stopPoint = 0;
//		$currentMargin = $('#tour_gallery_nav_container').css('margin-left');
//		$currentMargin = $currentMargin.match(/[0-9]+/i);
//		$currentMargin = $currentMargin * -1;
//		$purposedMargin = ((newID * 56) - (56)) * -1;
//		//console.log($currentMargin + ":" + $purposedMargin);
//		if($currentMargin < $purposedMargin && $purposedMargin <= $stopPoint){
//			nextMargin = $purposedMargin;
//			$('#tour_gallery_nav_container').animate({
//				marginLeft: nextMargin + 'px'
//			  }, 500, function() {
//				// Animation complete.
//			  });	
//		}	
//	}
//	});


if ( $.browser.msie ) {
    $("a.homepage_videos").click(function () {
        var url = $(this).attr('name');
        //alert('bugs in IE');
		$.fancybox({
            'padding': 7,
            'overlayOpacity': 0.7,
            'autoDimensions': false,
            'width': 428,
            'height': 345,
            'content': '<div><div class="video-js-box">' +
            
            '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="428" height="345" id="Main">' +
            '    <param name="movie" value="/video/Main.swf" />' +
            '    <param name="quality" value="high" />' +
            '    <param name="bgcolor" value="#ffffff" />' +
            '    <param name="allowScriptAccess" value="sameDomain" />' +
            '    <param name="allowFullScreen" value="true" />' +
            '<!-- Image Fallback. Typically the same as the poster image. -->' +
            '<img src="/video/' + url + '.png" width="428" height="320 alt="Poster Image"' + 
            ' title="No video playback capabilities." />' +
            '</object>' +
            '</div>' +            
            '</div>',
            'onComplete': function () {
                $("#fancybox-inner").css({
                    'overflow': 'hidden'
                });
            },
            'onClosed': function () {
                $("#fancybox-inner").empty();
            }
            /*'<!-- Download links provided for devices that can\'t play video in the browser. -->' +
            '<p class="vjs-no-video"><strong>Download Video:</strong>' +
            '   <a href="/video/' + url + '.mp4">MP4</a>,' +
            '   <a href="/video/' + url + '.webm">WebM</a>,' +
            '   <a href="/video/' + url + '.ogv">Ogg</a><br>' +
            '</p>' +*/
        });
        return false;
    }); // fancyvideo
 } else {
    $("a.homepage_videos").click(function () {
        var url = $(this).attr('name');
        $.fancybox({
            'padding': 7,
            'overlayOpacity': 0.7,
            'autoDimensions': false,
            'width': 480,
            'height': 320,
            'content': '<div><div class="video-js-box">' +
            '<video id="' + url + '" class="video-js" width="480" height="320" controls="controls" preload="auto" poster="/video/' + url + '.png">' +
            '<source src="http://grandcanyonjeeptours.staging.olwm.com/video/gcjt.mp4" type=\'video/mp4\'/>' +
			'<source src="/video/' + url + '.webm" type=\'video/webm; codecs="vp8, vorbis"\'/>' +
            '<source src="/video/' + url + '.ogv"  type=\'video/ogg; codecs="theora, vorbi s"\'/>' +
      
            '<!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->' +
            '<object id="flash_fallback_1" class="vjs-flash-fallback" width="480" height="320" type="application/x-shockwave-flash"' + 
            'data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">' +
            '<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />' +
            '<param name="allowfullscreen" value="true" />' +
            '<param name="flashvars" value=\'config={"playlist":["http://grandcanyonjeeptours.staging.olwm.com/video/' + url + '.png", {"url": "http://grandcanyonjeeptours.staging.olwm.com/video/' + url + '.mp4","autoPlay":true,"autoBuffering":true}]}\' />' +
            '<!-- Image Fallback. Typically the same as the poster image. -->' +
            '<img src="/video/' + url + '.png" width="480" height="15" alt="Poster Image"' + 
            ' title="No video playback capabilities." />' +
            '</object>' +
            '</video>' +
            '</div>' +            
            '</div>',
            'onComplete': function () {
                $("#fancybox-inner").css({
                    'overflow': 'hidden'
                });
            },
            'onClosed': function () {
                $("#fancybox-inner").empty();
            }
            /*'<!-- Download links provided for devices that can\'t play video in the browser. -->' +
            '<p class="vjs-no-video"><strong>Download Video:</strong>' +
            '   <a href="/video/' + url + '.mp4">MP4</a>,' +
            '   <a href="/video/' + url + '.webm">WebM</a>,' +
            '   <a href="/video/' + url + '.ogv">Ogg</a><br>' +
            '</p>' +*/
        });
        $('#'+url).VideoJS();
        $('#'+url)[0].player.play();
        return false;
    }); // fancyvideo
 }
 
  	$("a.gc_videos").click(function () {
        var url = $(this).attr('href');
		var id = $(this).attr('id');
		
		var win_width = 480;
		var	win_height = 270;
		
		if(id == 'gc_tours') {
			win_width = 780;
			win_height = 330;
		}
		
        $.fancybox({
            'padding': 7,
            'overlayOpacity': 0.7,
            'autoDimensions': false,
            'width': win_width,
            'height': win_height,
            'type': 'iframe',
			'href': url,
            'onComplete': function () {
                $("#fancybox-inner").css({
                    'overflow': 'hidden'
                });
            },
            'onClosed': function () {
                $("#fancybox-inner").empty();
            }
            /*'<!-- Download links provided for devices that can\'t play video in the browser. -->' +
            '<p class="vjs-no-video"><strong>Download Video:</strong>' +
            '   <a href="/video/' + url + '.mp4">MP4</a>,' +
            '   <a href="/video/' + url + '.webm">WebM</a>,' +
            '   <a href="/video/' + url + '.ogv">Ogg</a><br>' +
            '</p>' +*/
        });
        return false;
    }); // fancyvideo
	
	
	
	$("div.video_link_container").click(function () {
		var id = $(this).attr('id');
		var url = "/video/"+id+".html"
		
		var win_width = 480;
		var	win_height = 300;
		
        $.fancybox({
            'padding': 7,
            'overlayOpacity': 0.7,
            'autoDimensions': false,
            'width': win_width,
            'height': win_height,
            'type': 'iframe',
			'href': url,
            'onComplete': function () {
                $("#fancybox-inner").css({
                    'overflow': 'hidden'
                });
            },
            'onClosed': function () {
                $("#fancybox-inner").empty();
            }
            /*'<!-- Download links provided for devices that can\'t play video in the browser. -->' +
            '<p class="vjs-no-video"><strong>Download Video:</strong>' +
            '   <a href="/video/' + url + '.mp4">MP4</a>,' +
            '   <a href="/video/' + url + '.webm">WebM</a>,' +
            '   <a href="/video/' + url + '.ogv">Ogg</a><br>' +
            '</p>' +*/
        });
        return false;
    }); // fancyvideo

        
        
});