var pathname = window.location.pathname.split( '/' );
var uri = pathname[pathname.length-1];
var curImage = null;

function grabModalClick(id){
	//alert(id);
	$('#modal-gallery a:eq('+id+')').trigger('click');
	//head, modaltxt, jsImgPath
	// head = head.replace('"','');
	// 	modaltxt = modaltxt.replace('"','');
	// 	jsImgPath = jsImgPath.replace('"','');
	// 	head = head.replace('"','');
	// 	modaltxt = modaltxt.replace('"','');
	// 	jsImgPath = jsImgPath.replace('"','');
}

$(document).ready(function() {

	/* global functions */
	
	$('a.modal').fancybox({
		'overlayOpacity'	: '0.8',
		'overlayColor'		: '#000',
		'padding'			: 0,
		'overlayOpacity'	: 0.8,
		'onComplete'		: function() {
		
			$("#mc_embed_signup").find('input[type=text]').val('');
		
			sIFR.replace( FolioBdCnd, {
			  selector: 'p.socialtitle',
			  wmode: 'transparent',
			  offsetTop: 0,
			  css: [ '.sIFR-root { background-color: #FFFFFF; color: #f0f0f0; leading: -1; text-align: center; text-transform: uppercase }',
			      	 'a { text-decoration: none; }',
			      	 'a:link { color: #393836; }',
			      	 'a:hover { color: #746a5f; }'
				]
			});
			
		},
		'onCleanup'			: function() {
		
			$("#mc_embed_signup").find('input[type=text]').val('');
			$("#mc_embed_signup").find('input[type=text]').parent('li').find('label').show();
			$("div.mce_inline_error").hide();
			$("div#mce-error-response").hide();
			$("div#mce-success-response").hide();
		}
	});
	
	
	// reset email signup inputs on page load/refresh
	
	$("input[type=text]").focus(function () {
	
		if($(this).val() == '') {
			$(this).parent('li').find('label').fadeOut(150, 0);
		}
		
	});
	$("input[type=text]").blur(function () {
	
		if($(this).val() == '') {
			$(this).parent('li').find('label').show();
		}
			
	});
	
	// display hand on rollover
	
	$('#emailsignup img').hover(
	  function () {
	    $(this).css({'cursor' : 'pointer'});
	  }, 
	  function () {
	  }
	);

	// display hand and fade out social options

	$('a.social-btn').hover(
	  function () {
	    $(this).css({'cursor' : 'pointer'});
	    $('a.social-btn').not(this).fadeTo(150, 0.3);		
	  }, 
	  function () {
	  	$('a.social-btn').fadeTo(150, 1.0);
	  }
	);
	
	
	/* product views */
	

	var products = $('.prod-views');
		products.addClass('collapsed');
		
	//var prodID = 0;
	//var viewID = 0;
		
		$('.prod-views:not(.currprod)').addClass('collapsed').find('.v-options').hide();
		$('.prod-views.currprod').addClass('expanded').find('.v-options').css({'display' : 'block'}).find('.v-img.selected').css({'background-color' : 'rgb(253,185,19)'});
		$('.prod-views.currprod').find('h4').eq(0).addClass('active');
		
		// on page load detect product ID and display views
		//products.hasClass('currprod').find('.v-options').show();
		//.hasClass('currprod').show();
		//delay(800).slideDown('normal');
		// add selected class to view
		//products.find('.v-options').eq(prodID).find('.v-img.selected').css({'background-color' : 'rgb(253,185,19)'});
		
		// remove
		//products.find('.v-options').hide().eq(0).show();
		//products.find('h4').eq(0).addClass('active');
		
		
	$('h4').click(function(e) {
	
		e.preventDefault();
		
		var menuItem = $(this).parent();
		var panel = menuItem.find('.v-options');
		
		if (menuItem.hasClass("expanded")) {
			$(this).removeClass('active');
	        menuItem.removeClass('expanded').addClass('collapsed');
	        panel.slideUp('normal');
	    }
	   else if (menuItem.hasClass("collapsed")) {
	    	$('.prod-views h4').removeClass('active');
	    	$(this).addClass('active');
	        
	        
	        $('.prod-views').removeClass('expanded').addClass('collapsed');
	        menuItem.removeClass('collapsed').addClass('expanded');
	        
	        products.find('.v-options').slideUp('normal');
	        panel.slideDown('normal');
	    }
		
		//$(this).parent().parent().find('.v-options').show();
		
		//var menuItem = $(this).parent();
		//var panel = menuItem.children('v-options');
		
		//$(this).parent('div').find('.v-options').show();
	
	});
	
	// disable hand on selected thumb
	$('.v-img.selected').hover(function() {
			$(this).css({'cursor' : 'default'});
	});
	// hover for non-selected thumbs
	$('.v-img:not(.selected)').hover(
		
		function () {
			$(this).css({'cursor' : 'pointer'});
			$(this).find('img').fadeTo(150, 0.5)
		}, 
		function () {
			$(this).find('img').fadeTo(150, 1.0);
		}
	);
	
	$('.v-img a').click(
		function (e) {
			e.preventDefault();
			var href = $(this).attr('href');
			window.location = '/features/'+href;
		}
	);
	
	/* global functions */
	
	$('#modal-gallery a').fancybox({
		'overlayOpacity'	: '0',
		'overlayColor'		: '#000',
		'padding'			: 0,
		'overlayShow'		: false,
		'titlePosition' 	: 'over',
		'showNavArrows'		: false,
		'changeFade'		: 0,
		'changeSpeed'		: 0,
		'titleFormat'		: formatTitle,
		'onStart'			: function() {
			//$('.inner-overlay').fadeIn(150,1.0);
			//$('.inner-pg').css({'visibility' : 'hidden'});
			toggleOverlay('active');
		},
		'onCleanup'			: function() {
		
		},
		'onComplete'		: function() {
			//$('.inner-pg').fadeTo(150,0.2);
			$("#fancybox-wrap").unbind('mousewheel.fb');
			$('a#pbtn').click(function(e) {
				e.preventDefault();
				$.fancybox.prev();
				
			});
			$('a#nbtn').click(function(e) {
				e.preventDefault();
				$.fancybox.next();
			});
			getImageIndex();
		},
		'onClosed'			: function() {
			toggleOverlay('inactive');
		}
	});
	
	function toggleOverlay(curr) {
	
		if(curr == 'active') {
			$(this).css({'cursor' : 'default'});
			$('.inner-overlay').fadeTo(200, 0.8);
		} else {
			$('.inner-overlay').fadeTo(200, 0).hide();
		}
	}
	
	function getImageIndex(){
		var id = $("#fancybox-inner").children().attr("id");
		id = id.slice(5);
		$('a#pbtn').show();
		$('a#nbtn').show();
		if (id < 1){
			$('a#pbtn').hide();
			if ($.browser.msie && $.browser.version.substr(0,1)<8) {
				// funky ie6 hack for button pos
			} else {
				$('div.nav-cnt').css({'margin-left' : '20px'});
			}
		}
		if (id >= curImage.length-1){
			$('a#nbtn').hide();
		}
	}
	
	function formatTitle(title, currentArray, currentIndex, currentOpts) {
		curImage = currentArray
    	var msg = '<div class="gallery-nav"><div class="nav-btn"><a href="#" id="pbtn"><</a></div><div class="nav-cnt">' + (currentIndex + 1) + ' / ' + currentArray.length + '</div><div class="nav-btn"><a href="#" id="nbtn">></a> </div></div>';
		return msg;
	}
	
	
	if(document.getElementById('pro-reviews')){
	
		// init scroller
		$('#tweets').jScrollPane();
		
		// get pros and total width
		var pros = $('#viewport ul > li');
		var totalWidth = pros.length*171;
				
		if (totalWidth > 855) {
			// display nav options more than 5 pros
			$('#viewport').css({'margin-bottom' : 0 });
			$('#prev').show();
			$('#next').show();
			$('#viewport').carousel('#prev', '#next');
		}
		
		// set default pro
		pros.eq(0).addClass('selected').css({
						'background-color' : 'rgb(253,185,19)',
						'color'			:	'rgb(0,0,0)',
						'font-weight'	: 700,
						'text-shadow'	: 'rgb(255,232,155) -1px -1px 0' });
						
		// filter available pros
		
		for (i=0; i<pros.length; i++) {
		
			var p = pros.eq(i);

			if(p.hasClass('active')) {
						
				// rollover state		
				p.hover(
					function() {
						
						$(this).css({'cursor' : 'pointer'});
						
						if($(this).hasClass('selected')) {
							// nada
						} else {
							$(this).css({'background-color' : 'rgb(60,60,60)'});
						}
					},
					function() {

						if($(this).hasClass('selected')) {
							// nada
						} else {
							$(this).css({'background-color' : 'rgba(45,45,45,.6)'});
						}
					}
				);
				
				// click action
				p.click(function(e){
				
					e.preventDefault();
					// remove selected pro
					pros.filter('.selected').removeClass('selected').css({
						'background-color' 	: 'rgb(45,45,45)',
						'color'				: 'rgb(180,180,180)',
						'font-weight'		: 100,
						'text-shadow'	: 'rgb(10,10,10) 1px 1px 0'
					});
					// style selected pro
					$(this).addClass('selected').css({
						'background-color' : 'rgb(253,185,19)',
						'color'			:	'rgb(0,0,0)',
						'font-weight'	: 700,
						'text-shadow'	: 'rgb(255,232,155) -1px -1px 0'
					});				
				})
			
			} else {
			
				// fade pro if not active
				p.find('img').fadeTo(150,0.2);
				p.css({'background-color' : 'rgb(15,15,15)'});
				p.find('span').css({'color' : 'rgb(65,65,65)'});
		
			}
			
			// pros slide navigation
		
			$('a#next').hover(
				function() {
					$(this).css({'background-position' : '0 -20px'});
				},
				function() {
					$(this).css({'background-position' : '0 0'});
				}
			);
			$('a#prev').hover(
				function() {
					$(this).css({'background-position' : '0 -20px'});
				},
				function() {
					$(this).css({'background-position' : '0 0'});
				}
			);
		}
	}
	
	if(document.getElementById('video-list')){
		// init scroller
		$('#video-list').jScrollPane();
	};
	
	
});