$(document).ready(function() {
  
    $('#header-nav ul li').mouseover(function(){
      $(this).addClass('sfHover');
    });
    $('#header-nav ul li').mouseout(function(){
      $(this).removeClass('sfHover');
    });
  
    $('#footer-content-nav-menu li a[href="#"]').qtip({
      content: 'Click the large image to open a pop-up for buying prints.',
      show: 'mouseover',
      hide: 'mouseout',
      style: {
        tip: 'bottomMiddle'
      },
      position: {
        corner: {
          target: 'topMiddle',
          tooltip: 'bottomMiddle'
        }
      }
    });
    
    slideshow_paused = false;
  
    if( $('#paypal').length) {
      $('#shield').click(function () {
        if(!slideshow_paused) {
          $('#gallery').cycle('pause');
          slideshow_paused = true;
          paypal_popup_open();
        }
        else {
          paypal_popup_close();
          $('#gallery').cycle('resume', true);
          slideshow_paused = false;
        }
      });
      
      $('#paypal #close').click(function () {
        if(slideshow_paused) {
          paypal_popup_close();
          $('#gallery').cycle('resume', true);
          slideshow_paused = false;
        }
      });
      
      function paypal_popup_open() {
        paypal = $('#paypal');
        paypal.css('display', 'block');
        paypal.width(paypal.width());
        paypal.height(paypal.height());
        paypal.css('left', $(window).width() - paypal.outerWidth() - 30);
        paypal.css('top', ($(window).height() - paypal.outerHeight()) / 2);
      }
      
      function paypal_popup_close() {
        $('#paypal').css('display', 'none');
      }
      
      function selectFunc1(item) {
        if($('#paypal select').index(item) == 0 || item == "init") {
    	  	select1 = $('#paypal select[name=os0]')[0].value;
    		  switch(select1) {
    		  	case '8x10': case '11x14':
    		  		while($('#paypal select[name=os1] option').length > 1) {
    		  			$('#paypal select[name=os1] option:last-child').remove();
    		  		}
    		  		break;
    		  	case '16x20':
    		  		while($('#paypal select[name=os1] option').length > 1) {
    		  			$('#paypal select[name=os1] option:last-child').remove();
    		  		}
    		  		$('#paypal select[name=os1]').append('<option value="Matte board">Matte board: +$22</option>');
    					$('#paypal select[name=os1]').append('<option value="Gallery wraps">Gallery wraps: +$175</option>');
    		  		break;
    		  	case '20x24':
    		  		while($('#paypal select[name=os1] option').length > 1) {
    		  			$('#paypal select[name=os1] option:last-child').remove();
    		  		}
    		  		$('#paypal select[name=os1]').append('<option value="Matte board">Matte board: +$38</option>');
    					$('#paypal select[name=os1]').append('<option value="Gallery wraps">Gallery wraps: +$205</option>');
    		  		break;
    		  	case '24x36':
    		  		while($('#paypal select[name=os1] option').length > 1) {
    		  			$('#paypal select[name=os1] option:last-child').remove();
    		  		}
    		  		$('#paypal select[name=os1]').append('<option value="Matte board">Matte board: +$88</option>');
    					$('#paypal select[name=os1]').append('<option value="Gallery wraps">Gallery wraps: +$285</option>');
    		  		break;
    		  	default:
    		  		break;
    		  }
    	  }
    	  selectFunc2();
      };
      
      function selectFunc2(item) {
        index = $('#paypal select[name=os1] option').index(item);
        select1 = $('#paypal select[name=os0]')[0].value;
        select2 = $('#paypal select[name=os1]')[0].value;
        select3 = $('#paypal select[name=os2]')[0].value;
        price1 = $('#paypal option[value='+select1+']')[0].innerHTML;
        price2 = $('#paypal option[value="'+select2+'"]')[0].innerHTML;
        //price2 = $('#paypal select[name=os1] option')[index].innerHTML;
        price3 = $('#paypal option[value='+select3+']')[0].innerHTML;
        f_total = 0 + Number(price1.substr(price1.indexOf('$')+1)) + Number(price2.substr(price2.indexOf('$')+1)) + Number(price3.substr(price3.indexOf('$')+1));
        f_total = f_total.toFixed(2);
        $('#paypal input[name=amount]').remove();
        $('#paypal form').append('<input type="hidden" name="amount" value="'+f_total+'">');
        $('#paypal #total span').html(f_total);
      }
    
    	selectFunc1("init");
      
      select1 = $('#paypal select[name=os0]').val();
      select2 = $('#paypal select[name=os1]').val();
      select3 = $('#paypal select[name=os2]').val();
      price1 = $('#paypal option[value='+select1+']').html();
      price2 = $('#paypal option[value='+select2+']').html();
      price3 = $('#paypal option[value='+select3+']').html();
      f_total = 0 + Number(price1.substr(price1.indexOf('$')+1)) + Number(price2.substr(price2.indexOf('$')+1)) + Number(price3.substr(price3.indexOf('$')+1));
      f_total = f_total.toFixed(2);
      $('#paypal input[name=amount]').remove();
      $('#paypal form').append('<input type="hidden" name="amount" value="'+f_total+'">');
      $('#paypal #total span').html(f_total);
    
      
      $('#paypal select[name=os0]').live('change', function() { selectFunc1(this); });
      $('#paypal select[name=os1]').live('change', function() { selectFunc2(this); });
      $('#paypal select[name=os2]').live('change', function() { selectFunc1(this); });
    }
  
  
  
  
    $('#videos div').click(function() {
      $('#player').animate({
        height: 389,
        paddingBottom: '10px'
      },
      2000
      );
      var embed = $('#video-container embed');
      var index = $('#videos div').index(this);
      $('#video-container embed')[0].stopVideo();
      $('#video-container embed')[0].loadVideoById($('#videos span')[index].innerHTML, 0);
      setTimeout( $('#video-container embed')[0].playVideo(), 2000 );
    });
    
    
    
    /*****************************************************************/
    /* PREVENT FIRST IMAGE FROM LOADING ON THE LEFT OF THE SLIDESHOW */
    /*****************************************************************/
    $('#first-image').load(function() {
      $(this).css('left', (600 - $('#first-image').width()) / 2);
      $(this).css('visibility', 'visible');
    });
  
  
    //('#first-image').fadeIn(1000, function() {
    $('#slideshow-inner').cycle({
        fx: 'cfade',
        speed: 1000,
        timeout: 5000,
        random: 0,
        containerResize: 0
    });
    $('#gallery').cycle({
        fx: 'cfade',
        speed: 1000,
        timeout: 5000,
        random: 0,
        containerResize: 0,
        before: onBefore,
        pager: '#gallery-nav',
        
        pagerAnchorBuilder: function(idx, slide) { 
            //var tempstr = slide.src;
            //var file = tempstr.substr(tempstr.lastIndexOf('/') + 1);
            //tempstr = tempstr.slice(0, tempstr.lastIndexOf('/'));
            //tempstr = tempstr.slice(0, tempstr.lastIndexOf('/'));
            //tempstr += '/thumb/' + file;
            return '<a href="#"><div class="gallery-nav-button"><img src="' + slide.src + '" /></div><div class="small-shield"><img src="http://69.89.31.201/~vortexte/infinity-test/wp-content/themes/infinity-custom/images/trans.gif"></div></a>'; 
        }
    });
    
    //$('body').highlight('i');
    //});
    
    function onBefore(curr,next,opts) {
      file = next.src;//$('#gallery img').get(opts.currSlide);
      file_short = file;
      do {
        file_short = file_short.substr(file_short.indexOf('/')+1);
      }
      while(file_short.indexOf('/') > -1);
      $('#paypal input[name=os2]').val(file_short + ' - ' + file);
    }
    
});




// Custom Cycle transition definition:
// Centered Fade
$.fn.cycle.transitions.cfade = function($cont, $slides, opts) { 
    $slides.not(':eq('+opts.currSlide+')').css('opacity',0);
	opts.before.push(function(curr,next,opts) {
		//$.fn.cycle.commonReset(curr,next,opts);
		opts.cssBefore.opacity = 0;
		if($(next).height() > 400) {
            var multiplier = 400 / $(next).height();
            $(next).height($(next).height() * multiplier);
        } else if($(next).width() > 600) {
            var multiplier = 600 / $(next).width();
            $(next).height($(next).height() * multiplier);
        }
		opts.cssBefore.top = (400 - $(next).height()) / 2;
		opts.cssBefore.left = (600 - $(next).width()) / 2;
		opts.cssBefore.border = '2px #FFF solid';
  	//$(curr).css('left', (600 - $(curr).width()) / 2);
	});
	opts.animIn	   = { opacity: 1 };
	opts.animOut   = { opacity: 0 };
	opts.cssBefore = { opacity: 0, display: 'block' };
	opts.cssAfter  = { opacity: 0, display: 'none' };

};




Cufon.replace('#header-info', { fontFamily: 'Caviar' });