// Common scripts
$(document).ready(function(){ 
	
	$('.cvsLogo').click(function(){
		if (!$("div.paymentForm:visible").length) {
			var $this = $(this);
			var $logoLargeSrc = $this.find("img.logoLarge").attr("src");
			var $cvsTxtHtml = $this.find("div.cvsName").html();
			$("div.cvsLogoContainer").animate({opacity:0},500);
			$("div.paymentFormContainer").animate({opacity:0},500);
			$(".cvsSelected").find("img.logoLarge").attr({src:$logoLargeSrc});
			$(".cvsSelected div").animate({opacity:0},500);
			$(".cvsSelected").find("span.storeName").html($cvsTxtHtml);
			$(document).oneTime(500, function () {
				$("div.cvsLogoContainer").hide();
				$("div.paymentFormContainer").show();
				$("div.cvsSelected").show();
				$("div.paymentFormContainer .notes").show();
				$("div.paymentFormContainer .separator").show();
				$(document).oneTime(100, function () {
					$("div.paymentFormContainer").animate({opacity:1},500);
					//$(".cvsSelected").find("img.logoLarge").animate({opacity:1},500);
					$(".cvsSelected div").animate({opacity:1},500);
				});
			});
		}
		
	});
	
	$('.cvsSPT').click(function(){
		$(document).oneTime(500, function () {
			$("div#spt").show();
			$(document).oneTime(500, function () {
				$("div#spt").show().animate({opacity:1},500);
			});
		});
	});
	$('.cvsLOP').click(function(){
		$(document).oneTime(500, function () {
			$("div#loppi").show();
			$(document).oneTime(500, function () {
				$("div#loppi").show().animate({opacity:1},500);
			});
		});
	});
	$('.cvsCoupons').click(function(){
		$(document).oneTime(500, function () {
			$("div#coupons").show();
		});
	});
	$('.cvsACD').click(function(){
		$(document).oneTime(500, function () {
			$("div#activeCode").show();
			$(document).oneTime(500, function () {
				$("div#activeCode").show().animate({opacity:1},500);
			});
		});
	});
	$('.cvsFMP').click(function(){
		$(document).oneTime(500, function () {
			$("div#famiport").show();
			$(document).oneTime(500, function () {
				$("div#famiport").show().animate({opacity:1},500);
			});
		});
	});
	$('.cvsMMK').click(function(){
		$(document).oneTime(500, function () {
			$("div#mmk").show();
			$(document).oneTime(500, function () {
				$("div#mmk").show().animate({opacity:1},500);
			});
		});
	});
	
	$('.cvsSelected .viewAll').click(function(){
		$("div.paymentFormContainer").animate({opacity:0},500);
		$(document).oneTime(500,function () {
			$("div.cvsLogoContainer").show().animate({opacity:1},500);
			$("div.paymentFormContainer").hide();
			$("div.paymentForm").hide();
		});
	});
	
	$('.cvsSelected .viewAll2').click(function(){
		var $target = $(this).parents("div.hdg2ContentsHidden").prevAll(".hdg2Link:first");
		$("div.paymentFormContainer").animate({opacity:0},500);
		$(document).oneTime(500,function () {
			if ( $target.is(":above-the-top") ){
				$.scrollTo($target,500)
			};
			$(document).oneTime(500,function () {
				$("div.cvsLogoContainer").show().animate({opacity:1},500);
				$("div.paymentFormContainer").hide();
				$("div.paymentForm").hide();
			});
		});
	});
	
	$(".cvsLogo").hover(function() {
			if (!$("div.paymentForm:visible").length) {
				$(this).find("div.cvsName").show().dropShadow({left:3, top:3, opacity:0.4});
				$(this).show();
			}
		}, function() {
			$(this).find("div.cvsName").hide().removeShadow();
	});
	
	if ($(".bonus").length)
		{
			$('.bonus').corner({
			  tl: { radius: 16 },
			  tr: false,
			  bl: false,
			  br: { radius: 16 },
			  antiAlias: true,
			  autoPad: true
			 });
		}
	
});

// jquery plugin for Loppi and Fami Port presentation1
$(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);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // 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() }
  }	
});

// jquery plugin for Loppi and Fami Port presentation2
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 560;
  var slides = $('.slide2');
  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);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // 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() }
  }	
});