document.write("<script type='text/javascript' src='http://cclickvidservgs.com/js/mattel/swfobject-2.2.min.js'></scr"+"ipt>");

var ccpopswf = {
  data: {},
  options: {
    //directory: "ccpopswf/resources/images"
  },
  setOptions: function(o){
    this.options = jQuery.extend({}, this.options, o);
  },
  zoombox: function(){
    var z = jQuery("#zoom");
    if(z.length < 1){
      var ext = jQuery.browser.msie && parseInt(jQuery.browser.version) < 7 ? "gif" : "png";
      var template = '<div id="zoom" style="z-index:99;"> \
                    <table id="zoom_table" style="border-collapse:collapse; width:100%; height:100%;"> \
                      <tbody> \
                        <tr> \
                          <td class="tl" style="background:url(' + this.options.directory + '/tl.' + ext + ') 0 0 no-repeat; width:20px; height:20px; overflow:hidden;" /> \
                          <td class="tm" style="background:url(' + this.options.directory + '/tm.' + ext + ') 0 0 repeat-x; height:20px; overflow:hidden;" /> \
                          <td class="tr" style="background:url(' + this.options.directory + '/tr.' + ext + ') 100% 0 no-repeat; width:20px; height:20px; overflow:hidden;" /> \
                        </tr> \
                        <tr> \
                          <td class="ml" style="background:url(' + this.options.directory + '/ml.' + ext + ') 0 0 repeat-y; width:20px; overflow:hidden;" /> \
                          <td class="mm" style="background:#fff; vertical-align:top; padding:10px;"> \
                            <div id="zoom_content"> \
                            </div> \
                          </td> \
                          <td class="mr" style="background:url(' + this.options.directory + '/mr.' + ext + ') 100% 0 repeat-y;  width:20px; overflow:hidden;" /> \
                        </tr> \
                        <tr> \
                          <td class="bl" style="background:url(' + this.options.directory + '/bl.' + ext + ') 0 100% no-repeat; width:20px; height:20px; overflow:hidden;" /> \
                          <td class="bm" style="background:url(' + this.options.directory + '/bm.' + ext + ') 0 100% repeat-x; height:20px; overflow:hidden;" /> \
                          <td class="br" style="background:url(' + this.options.directory + '/br.' + ext + ') 100% 100% no-repeat; width:20px; height:20px; overflow:hidden;" /> \
                        </tr> \
                      </tbody> \
                    </table> \
                    <a href="#" title="Close" id="zoom_close" style="position:absolute; top:0; right:0;"> \
                      <img src="' + this.options.directory + '/closebox.' + ext + '" alt="Close" style="border:none; margin:0; padding:0;" /> \
                    </a> \
                  </div>';
      z = jQuery(template).hide().appendTo('body');
      //jQuery('html').click(function(e){if($(e.target).parents('#zoom:visible').length == 0) hide();});
      jQuery(document).keyup(function(event){
          if (event.keyCode == 27 && $('#zoom:visible').length > 0) hide();
      });
      jQuery('#zoom_close').click(ccpopswf.hide);
    }
    
    return z;
  },
  registerData: function(key, data){
    if(typeof key == 'string' && typeof data == 'undefined'){
		
      // load json/xml config over ajax
    }
    else if(typeof key == 'object'){
		
      this.data = jQuery.extend({},key);

    }
    return this;
  },
  show: function(s){
	  
    if(typeof s == 'string'){
		  var data = this.data[s] || {};
		} else {
		  var data = s;
		}
		  var zoom          = jQuery('#zoom');
     var zoom_table    = jQuery('#zoom_table');
     var zoom_close    = jQuery('#zoom_close');
     var zoom_content  = jQuery('#zoom_content');
     var middle_row    = jQuery('td.ml,td.mm,td.mr');
    var zoom_content = jQuery("#zoom_content");
    var width       = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
  	var height      = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
  	var x           = window.pageXOffset || (window.document.documentElement.scrollLeft || window.document.body.scrollLeft);
  	var y           = window.pageYOffset || (window.document.documentElement.scrollTop || window.document.body.scrollTop);
  	var window_size = {'width':width, 'height':height, 'x':x, 'y':y}

		var width              = (data.width || 570) + 60;
		var height             = (data.height || 370) + 60;
		var d                  = window_size;

		// ensure that newTop is at least 0 so it doesn't hide close button
		var newTop             = Math.max((d.height/2) - (height/2) + y, 0);
		var newLeft            = (d.width/2) - (width/2);

    this.zoombox().css({
      position: "absolute",
	  top     : newTop + 'px',
      left    : newLeft + 'px',
      "width"   : width,
      "height"  : height
		});
		
		var shim = function(e){
		  
      if(jQuery.browser.msie && parseInt(jQuery.browser.version) < 7){
        if(jQuery('> iframe.shim', e).length == 0){
          var prop = function(n){return n&&n.constructor==Number?n+'px':n;};
          var s = {
      			top     : 'auto', // auto == .currentStyle.borderTopWidth
      			left    : 'auto', // auto == .currentStyle.borderLeftWidth
      			width   : 'auto', // auto == offsetWidth
      			height  : 'auto', // auto == offsetHeight
      			opacity : true,
      			src     : 'javascript:false;'
      		};

      		var  html = '<iframe class="shim"frameborder="0"tabindex="-1"src="'+s.src+'"'+
      	               'style="display:block;position:absolute;z-index:-1;'+
      		               (s.opacity !== false?'filter:Alpha(Opacity=\'0\');':'')+
      				       'top:'+(s.top=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\'px\')':prop(s.top))+';'+
      				       'left:'+(s.left=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\'px\')':prop(s.left))+';'+
      				       'width:'+(s.width=='auto'?'expression(this.parentNode.offsetWidth+\'px\')':prop(s.width))+';'+
      				       'height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+\'px\')':prop(s.height))+';'+
      				'"/>';
      		jQuery(html).insertBefore((jQuery(':first', e)));
        }
      }
    }
		
		this.zoombox().show();
		var attribs = jQuery.extend({},{"data":data.player+"?xmlpath="+data.xmlpath, id: "cclick", width: data.width,height: data.height},data.attributes||{});
		
		var params = jQuery.extend({wmode: "transparent"},data.params||{});
		swfobject.createSWF(attribs,params,'zoom_content');
		
		shim(jQuery('#zoom'));
  },
  hide: function()
  {
    jQuery('#zoom').hide();
    el = document.getElementById('zoom');
    el.innerHTML = "";
    jQuery("#zoom").remove();
    
  }
};

// Register the movies and set options
ccpopswf.registerData({
	"cc_barbie_001": {
	  player: "http://cclickvidservgs.com/mattel/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fcclickvidservgs.com%2Fmattel%2Fbarbie_001%2Fxml%2Fcclick_config.xml", 
	  height: 370, 
	  width: 570
	},
	"cc_hotwheelsbf5_001": {
	  player: "http://cclickvidservgs.com/mattel/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fcclickvidservgs.com%2Fmattel%2Fhotwheelsbf5_001%2Fxml%2Fcclick_config.xml", 
	  height: 370, 
	  width: 570
	},
	"cc_games2009_001": {
	  player: "http://cclickvidservgs.com/mattel/games2009/cclick_Games.swf", 
	  xmlpath: "http%3A%2F%2Fcclickvidservgs.com%2Fmattel%2Fgames2009%2Fxml%2Fcclick_Games.xml", 
	  height: 476, 
	  width: 960
	},
	"cc_shoptogether2009_001": {
	  player: "http://cclickvidservgs.com/mattel/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fcclickvidservgs.com%2Fmattel%2Fshoptogether2009%2Fxml%2Fcclick_config.xml", 
	  height: 370, 
	  width: 570
	},
	"cc_barbie_002": {
	  player: "http://cclickvidservgs.com/mattel/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fcclickvidservgs.com%2Fmattel%2Fbarbie_002%2Fxml%2Fcclick_config.xml", 
	  height: 370, 
	  width: 570
	},
	"cc_barbie_003": {
	  player: "http://cclickvidservgs.com/mattel/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fcclickvidservgs.com%2Fmattel%2Fbarbie_003%2Fxml%2Fcclick_config.xml", 
	  height: 370, 
	  width: 570
	},
	"cc_hotwheels_nostalgia": {
	  player: "http://cclickvidservgs.com/mattel/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fcclickvidservgs.com%2Fmattel%2Fhotwheels_nostalgia%2Fxml%2Fcclick_config.xml", 
	  height: 370, 
	  width: 570
	},
	"cc_wwe_001": {
	  player: "http://cclickvidservgs.com/mattel/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fcclickvidservgs.com%2Fmattel%2Fwwe_001%2Fxml%2Fcclick_config.xml", 
	  height: 370, 
	  width: 570
	},
	"cc_games_2010_kids": {
	  player: "http://cclickvidservgs.com/001/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fcclickvidservgs.com%2Fmattel%2Fgames_2010_kids%2Fxml%2Fcclick_config.xml", 
	  height: 356, 
	  width: 600
	},
	"cc_games_2010_family": {
	  player: "http://cclickvidservgs.com/001/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fcclickvidservgs.com%2Fmattel%2Fgames_2010_family%2Fxml%2Fcclick_config.xml", 
	  height: 356, 
	  width: 600
	},
	"cc_games_2010_grownups": {
	  player: "http://cclickvidservgs.com/001/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fcclickvidservgs.com%2Fmattel%2Fgames_2010_grownups%2Fxml%2Fcclick_config.xml", 
	  height: 356, 
	  width: 600
	},
	"cc_monsterhigh_01": {
	  player: "http://cclickvidservgs.com/001/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fadmin.cclickvidserv.com%2Fconfigs%2F11-Monster-High.xml", 
	  height: 370, 
	  width: 570
	},
	"cc_matchbox_01": {
	  player: "http://cclickvidservgs.com/001/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fadmin.cclickvidserv.com%2Fconfigs%2F7-Matchbox-Big-Rig-Buddies.xml", 
	  height: 370, 
	  width: 570
	},
	"cc_soinstyle_001": {
	  player: "http://cclickvidservgs.com/001/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fadmin.cclickvidserv.com%2Fconfigs%2F46-Mattel-Barbie-So-In-Style.xml", 
	  height: 370, 
	  width: 570
	},
	"cc_barbie_004": {
	  player: "http://cclickvidservgs.com/001/cclickPlayer.swf", 
	  xmlpath: "http%3A%2F%2Fadmin.cclickvidserv.com%2Fconfigs%2F47-Mattel-Barbie-Fashion-Fairytale.xml", 
	  height: 370, 
	  width: 570
	}
	
	
}).setOptions({
    'directory': "http://cclickvidservgs.com/js/mattel/resources/images" // the absolute path to the images directory OR the relative path from the page the script is used on 
});