/*!

 * jQuery Peelback

 * Copyright 2011, Rob Flaherty

 *

 * Dual licensed under the MIT and GPL licenses

 * http://www.opensource.org/licenses/mit-license.php

 * http://www.gnu.org/licenses/gpl.html

 *

 */

 

(function($) {

  $.Peelback = function(el, settings) {

    

    //Caching

    var base = this;

    base.$el = $(el);

    base.el = el;

    base.$el.data("Peelback", base);

    

    //Main stuff    

    base.init = function() {

      

      //Vars

      var peelHTML, peelImage, peelMask, smallSize, bigSize, smallMaskSize, bigMaskSize;

      

      //Defaults, meet Settings

      base.settings = $.extend({},$.Peelback.defaultSettings, settings);      

      

      //If ad image is missing, stop the show            

      if (typeof(base.settings.adImage) !== 'string' || base.settings.adImage === '') {

        if ( base.settings.debug === true) {

          console.log('Ad image missing');

        }

        return;

      }

      

      //If peel image is missing, stop the show            

      if (typeof(base.settings.peelImage) !== 'string' || base.settings.peelImage === '') {

        if ( base.settings.debug === true) {

          console.log('Peel effect image missing');              

        }

        return;

      }

      

      //If click URL is missing, stop the show            

      if (typeof(base.settings.clickURL) !== 'string' || base.settings.clickURL === '') {

        if ( base.settings.debug === true) {

          console.log('Click URL missing');              

        }

        return;

      }

      

      //Convenience vars and set mask size

      smallSize = base.settings.smallSize + 'px';

      bigSize = base.settings.bigSize + 'px';

      smallMaskSize = (base.settings.smallSize - 3) + 'px';

      bigMaskSize = Math.floor((base.settings.bigSize * 0.96)) + 'px';

      

      //Assemble

     	//peelHTML = $('<div id="peelback"><a href="' + base.settings.clickURL + '" target="_blank"><img src="' + base.settings.peelImage +'" alt="" border="0" /></a><div></div></div>');

		

		//peelHTML = $('<div id="peelback"><img src="' + base.settings.peelImage +'" alt="" border="0" /><div><span class="adv_"><span class="ad_"><span class="wrap_player_"><iframe width="230" height="140" class="iframe_youtube_" src="http://www.youtube.com/embed/WGwbDqybpMM?rel=0&autoplay=0&controls=1&loop=0&autohide=1&showinfo=0&html5=1" frameborder="0" allowfullscreen></iframe></span></span></span></div></div>');

		var tmp;

		tmp = '<a href="https://www.youtube.com/watch?v=VDaZtNNHiYM" class="adv_"><span class="ad_"><span class="wrap_player_"></span></span></a>';

		

		peelHTML = $('<div id="peelback"><span class="content_corner_"></span><img src="' + basurl + base.settings.peelImage +'" alt="" border="0" /><div>'+tmp+'</div></div>');

		

	 // peelHTML = $('<div id="peelback">3213213213213213<div></div></div>');

	  

      peelImage = peelHTML.find('img');

      peelMask = peelHTML.find('div');

          

      $(peelImage).css({

        'width': '0',

        'height': '0',

        'z-index': '2503',

        'position': 'absolute',

        'right': '0',

        'top': '0',

        '-ms-interpolation-mode': 'bicubic'

      });

    

      $(peelMask).css({

        'width': '0',

        'height': '0',

        'overflow': 'hidden',

        'position': 'absolute',

        'right': '0',

        'top': '0',

        'z-index': '2502',

		'background': '#F0F0F0'

        //'background': 'url(' + base.settings.adImage + ') no-repeat right top'

      });

	  

	  

      

      //Insert

      base.$el.prepend(peelHTML);

	  

	  //$(peelMask).html("asdkja sdlkaj sdlkajsd lakjsd lakjd alkdja lsdkjl");

      

      //Auto animate option      

      if (base.settings.autoAnimate === false) {

        $(peelImage).css({ 'width' : smallSize, 'height' : smallSize });

        $(peelMask).css({ 'width' : smallMaskSize, 'height' : smallMaskSize });

      } else {

        $(peelImage).delay(500).animate({

          width: smallSize, 

          height: smallSize

        }, 500);

          

        $(peelMask).delay(500).animate({

          width: smallMaskSize, 

          height: smallMaskSize

        }, 500); 

      }      

      

     /*

	 peelHTML.blur(function(){

			alert(1);

		});

	*/  

	

	



$(".adv_").click(function(){

			$(peelMask).css({"background": "#F0F0F0"});

		  $(peelImage).show();

		  

		  $('.content_corner_').html('');

		  $(".content_corner_").removeClass("content_corner__cls");

			

		  $(peelImage).stop().animate({

            width: smallSize,

            height: smallSize

          }, 400);

          

          $(peelMask).stop().animate({

            width: smallMaskSize,

            height: smallMaskSize

          }, {

			  duration: 400,

			  complete: function() {

				  /**/

				  

			  }

			  });						   

});







	  //Hover behavior

      peelHTML.hover(

        

		

		//Mouseover

        function() {      

          /*

		  $(".content_corner_").addClass("content_corner__cls");

		  $(".content_corner_").html('<iframe width="250" height="160" class="iframe_youtube_" src="http://www.youtube.com/embed/WGwbDqybpMM?rel=0&autoplay=1&controls=1&loop=0&autohide=1&showinfo=0&html5=1" frameborder="0" allowfullscreen></iframe>');

		  */

		  $(peelImage).stop().animate({

            width: bigSize, 

            height: bigSize

          }, 500);

          

          $(peelMask).stop().animate({

            width: bigMaskSize, 

            height: bigMaskSize

          }, {

			duration: 500,

			complete: function() {

					  $(peelMask).css({"background": "transparent"});

					  $(peelImage).hide();

					  $(".content_corner_").addClass("content_corner__cls");

					  

					  $(".content_corner_").html('<iframe width="250" height="160" class="iframe_youtube_" src="http://www.youtube.com/embed/'+urlvideo+'?rel=0&autoplay=1&controls=1&loop=0&autohide=1&showinfo=0&html5=1" frameborder="0" allowfullscreen></iframe><div class="clear"></div><a href="https://youtube.googleapis.com/v/VDaZtNNHiYM" target="_blank" class="request_" style="margin-bottom:0px;">View Full Screen Video</a><a href="/contact-us/" class="request_" style="margin-top:5px;">Request More Information</a><span class="orcall_">or<br />Call '+tollfree+'</span>');

					}

			});

            

          //If GA tracking enabled

          if (base.settings.gaTrack === true) {    

            if (typeof(_gaq) != 'undefined') {

              _gaq.push(['_trackEvent', 'Ad_Interaction', 'Peelback', base.settings.gaLabel]);

            } else {

              if (base.settings.debug === true) {

                console.log('Google Analytics _gaq object undefined');

              }

            }  

         }   

        },

        

        //Mouseout

        function() {

          

		  $(peelMask).css({"background": "#F0F0F0"});

		  $(peelImage).show();

		  

		  $('.content_corner_').html('');

		  $(".content_corner_").removeClass("content_corner__cls");

			

		  $(peelImage).stop().animate({

            width: smallSize,

            height: smallSize

          }, 400);

          

          $(peelMask).stop().animate({

            width: smallMaskSize,

            height: smallMaskSize

          }, {

			  duration: 400,

			  complete: function() {

				  /**/

				  

			  }

			  });

        }

      

      );

          

    };

	

	

        

    // Run initializer

    base.init();

  };

    

  $.Peelback.defaultSettings = {

    adImage     : null,

    peelImage   : null,

    clickURL    : null,

    smallSize   : 58,

    bigSize     : 510,

    gaTrack     : false,

    gaLabel     : 'default',

    autoAnimate : true,

    debug       : false

  };

  

  $.fn.peelback = function(settings) {

    return this.each(function() {

      (new $.Peelback(this, settings));

    });

  };

    

})(jQuery);