if (isIE == undefined){
var ua = navigator.userAgent.toLowerCase();
var isIE = (ua.indexOf("msie") != -1 && ua.indexOf("opera") == -1);
}
document.write('<style type="text/css">@import "http://tizeroff.ru/images/showimg.css";</style>');

var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; 
function b64(str){ var str = encodeURI(str); var out, i, len; var c1, c2, c3;len = str.length; i = 0; out = ""; while(i < len){ c1 = str.charCodeAt(i++) & 0xff; if(i == len){ out += base64EncodeChars.charAt(c1 >> 2); out += base64EncodeChars.charAt((c1 & 0x3) << 4); out += "=="; break;} c2 = str.charCodeAt(i++);if(i == len){out += base64EncodeChars.charAt(c1 >> 2);out += base64EncodeChars.charAt(((c1 & 0x3)<< 4) | ((c2 & 0xF0) >> 4));  out += base64EncodeChars.charAt((c2 & 0xF) << 2); out += "="; break;}  c3 = str.charCodeAt(i++);  out += base64EncodeChars.charAt(c1 >> 2); out += base64EncodeChars.charAt(((c1 & 0x3)<< 4) | ((c2 & 0xF0) >> 4));  out += base64EncodeChars.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >>6));  out += base64EncodeChars.charAt(c3 & 0x3F); }  return out;}

var MGnoImg = ['mg_nomark'];
var mg_opacity;
var mg_koef_position;
var MgLib = {
	isIE: !!(window.attachEvent && isIE),
	MGElement : {
		create:		function(tagname)
		{
			var tag = (arguments[0].tag)? arguments[0].tag.toLowerCase(): null;
			var id=(arguments[0].id)? arguments[0].id: null;
			var name=(arguments[0].name)?arguments[0].name:null;
			var title=(arguments[0].title)? arguments[0].title:null;
			var html=(arguments[0].html)?arguments[0].html:null;
			var href=(arguments[0].href)?arguments[0].href:null;
			var className=(arguments[0].className)?arguments[0].className:null;
			var tagstyle=(arguments[0].cssStyle)? arguments[0].cssStyle:null;
			var type=(arguments[0].type)? arguments[0].type:null;
			var onmouseover=(arguments[0].onmouseover)? arguments[0].onmouseover:null;
			var onmouseout=(arguments[0].onmouseout)? arguments[0].onmouseout:null;
			var value=(arguments[0].value)? arguments[0].value:null;
			var src=(arguments[0].src)? arguments[0].src:null;
			if(tag==null || tag.length==0) return null;
			var r=document.createElement(tag);
			if(id!=null) r.setAttribute("id",id);
			if(title!=null) r.setAttribute("title",title);
			if(onmouseover!=null) r.setAttribute("onmouseover",onmouseover);
			if(onmouseout!=null) r.setAttribute("onmouseout",onmouseout);
			if(type!=null) r.setAttribute("type",type);
			if(value!=null) r.setAttribute("value",value);
			if(html!=null) r.innerHTML=html;
			if(href!=null) r.href=href;
			if(src!=null) r.src=src;
			if(MgLib.isIE)
			{
				if(className!=null) r.setAttribute("className",className);
				if(tagstyle!=null)
				{
					r.style.cssText=tagstyle;
				}
			}
			else
			{
				if(className!=null) r.setAttribute("class",className);
				if(tagstyle!=null) r.setAttribute("style",tagstyle);
			}
			return r;
		},
		readAttribute: function(mg_element, name) 
		{
			var _attributeTranslations = {
				read: {
					names: {
						'class': 'className',
						'for':   'htmlFor'
					}
				}
			};
			if (MgLib.isIE) {
				switch(name)
				{
					case 'src':
					case 'href':
					case 'type':
						return mg_element.getAttribute(name, 2);
					case 'action':
						var node = mg_element.getAttributeNode(name);
						return node ? node.value : "";
					case 'disabled':
					case 'checked':
					case 'readonly':
					case 'multiple':
						return mg_element.hasAttribute(name) ? name : null;
					case 'style':
						return mg_element.style.cssText.toLowerCase();
					case 'title':
						return mg_element.title;
				}
				if(name.indexOf('on')==0)
				{
					name = mg_element.getAttribute(name);
					return name ? name.toString().slice(23, -2) : null;
				}
				var t = _attributeTranslations.read;
				if (t.names[name]) name = t.names[name];
				if (name.indexOf(':')>-1) 
				{
					return (!mg_element.attributes || !mg_element.attributes[name]) ? null : mg_element.attributes[name].value;
				}
			}

			return mg_element.getAttribute(name);
		},

		getById:	function(id)
		{
			var ids = document.getElementById(id);
			if(ids==null || ids.length == 0) return "";
			else return ids;
		},
		getByTag:	function(tag)
		{
			var ids = document.getElementsByTagName(tag);
			if(ids==null || ids.length == 0) return "";
			else return ids;
		},
		getByClass:	function(cls)
		{
			var ids = document.getElementsByClassName(cls);
			if(ids==null || ids.length == 0) return "";
			else return ids;
		},
		get:function(id)
		{
			if(id==null) return;
			if(id.indexOf('#')==0)
			{
				return this.getById(id.substring(1));
			}
			else if(id.indexOf('.')==0)
			{
				return this.getByClass(id.substring(1));
			}
			else
			{
				return this.getByTag(id);
			}
		},
		show: function(id) 
		{
			this.get(id).style.display = '';
		},
		hide: function(id) 
		{
			if(id==null) return;
			id.style.display = 'none';
		},
		insert: function(id, mg_element)
		{
			if(typeof id == "string")
			{
				var ids = this.get(id);
				if(ids == null || ids == "") return false;
				else if(ids.length == 1)
				{
					ids[0].appendChild(mg_element);
				}
				else
				{
					ids[ids.length-1].appendChild(mg_element);
				}
			}
			else
			{
				if(typeof id != "undefined") id.appendChild(mg_element);
			}
			return true;
		},		
		getStyle: function(el,styleProp)
		{
			if (el.currentStyle)
			{
				if(styleProp=="padding-left") styleProp="paddingLeft";
				else if(styleProp=="padding-right") styleProp="paddingRight";
				else if(styleProp=="padding-top") styleProp="paddingTop";
				else if(styleProp=="padding-bottom") styleProp="paddingBottom";
				var y = el.currentStyle[styleProp];
			}
			else if (window.getComputedStyle)
			{
				var y = document.defaultView.getComputedStyle(el,null).getPropertyValue(styleProp);
			}
			y=y.replace(/px/, "");
			return y;
		},
		getDimensions_jun: function(mg_element)
		{
			var objWidth=0;
			var objHeight=0;
			
			var padding_left = this.getStyle(mg_element, 'padding-left');
			var padding_right = this.getStyle(mg_element, 'padding-right');
			var padding_top = this.getStyle(mg_element, 'padding-top');
			var padding_bottom = this.getStyle(mg_element, 'padding-bottom');

			if (document.layers) {
				var objWidth = mg_element.clientWidth - padding_left - padding_right;
				var objHeight = mg_element.clientHeight - padding_top - padding_bottom;
			} else {

				var objWidth = mg_element.offsetWidth- padding_left - padding_right;
				var objHeight = mg_element.offsetHeight - padding_top - padding_bottom;
			}  
			return {width: objWidth, height: objHeight};
		},

		getPaddingValue: function(mg_element)
		{
			var objLeft=0;
			var objBottom=0;
			var padding_left = parseInt(this.getStyle(mg_element, 'padding-left'));
			var padding_right = parseInt(this.getStyle(mg_element, 'padding-right'));
			var padding_top = parseInt(this.getStyle(mg_element, 'padding-top'));
			var padding_bottom = parseInt(this.getStyle(mg_element, 'padding-bottom'));
			return {left: padding_left, bottom: padding_bottom};
		},
		getDimensions: function(mg_element)
		{
			var objWidth=0;
			var objHeight=0;

			if (document.layers) {
				var objWidth = mg_element.clientWidth;
				var objHeight = mg_element.clientHeight;
			} else {
				var objWidth = mg_element.offsetWidth;
				var objHeight = mg_element.offsetHeight;
			}  
			return {width: objWidth, height: objHeight};
		},
		cumulativeOffset: function(mg_element) 
		{
			var objLeft=0;
			var objTop=0;
			do {
				objTop += mg_element.offsetTop  || 0;
				objLeft += mg_element.offsetLeft || 0;
				mg_element = mg_element.offsetParent;
			} while (mg_element);
			return {left: objLeft, top: objTop};
		},
		setOpacity: function(mg_element, value) {
			if(typeof mg_element == 'string') mg_element = this.getById(mg_element);
			var opacity = (value == 1 || value === '') ? '' : (value < 0.00001) ? 0 : value;
			if(MgLib.isIE)
			{
				if(value==1)opacity=100;
				else
				{
					opacity*=100;
				}
				mg_element.style.filter = "alpha(opacity=" + opacity + ")";
			}
			else
			{
			    mg_element.style.MozOpacity = opacity; 
			    mg_element.style.KhtmlOpacity = opacity;
				mg_element.style.opacity = opacity;
			}
			return mg_element;
		},		
		getCurrentElement: function(e)
		{
			var targ;
			if (!e) var e = window.event;
			if (e.target) targ = e.target;
			else if (e.srcElement) targ = e.srcElement;
			if (targ.nodeType == 3) targ = targ.parentNode;
			return targ;
		}
	},
	Event: {
		observe: function(mg_element, eventName, handler) {
			var name = eventName;
			if (mg_element.addEventListener) {
				mg_element.addEventListener(name, handler, false);
			} else {
				mg_element.attachEvent("on" + name, handler);
			}

			return mg_element;
		}
	},
	Utility: {
		urlEncode: function(str) 
		{
			return escape(str).replace('%20', '+').replace('*', '%2A').replace(/\//gi, '%2F').replace('@', '%40').replace(/\?/gi, '%3F').replace(/\:/gi, '%3A'); //.replace('+', '%2B')
		}
	},
	EnumMgData: {
		pulFindOrg: function(context) 
		{
			for (var i = 0, length = this.length; i < length; i++)
			{
				if(this[i].org==context) return this[i];
			}
			return null;
		},
		pulFindMg: function(context) 
		{
			for (var i = 0, length = this.length; i < length; i++)
			{
				if(this[i].Mg==context) return this[i];
			}
			return null;
		},
		pulFindOverlay: function(context) 
		{
			for (var i = 0, length = this.length; i < length; i++)
			{
				if(this[i].Mg_overlay==context) return this[i];
			}
			return null;
		},
		pulFindMgImg: function(context) 
		{
			for (var i = 0, length = this.length; i < length; i++)
			{
				if(this[i].Mg_img==context) return this[i];
			}
			return null;
		},
		pulFindId: function(id) 
		{
			for (var i = 0, length = this.length; i < length; i++)
			{
				if(this[i].data != null && this[i].data.data_id==id) return this[i];
			}
			return null;
		},
		mg_pulFindAny: function(context)
		{
			var get_img_data = this.pulFindOrg(context);
			if(get_img_data==null)get_img_data = this.pulFindMg(context);
			if(get_img_data==null)get_img_data = this.pulFindOverlay(context);
			if(get_img_data==null)get_img_data = this.pulFindMgImg(context);
			return get_img_data;
		}
	}
}


if(typeof Object.extend == 'undefined')
{
	Object.extend = function(destination, source) {
	  for (var property in source)
		destination[property] = source[property];
	  return destination;
	};
}

Object.extend(Array.prototype, MgLib.EnumMgData);
if (typeof $extend != 'undefined') $extend(Array.prototype, MgLib.EnumMgData);

var tizeroffServ		= {
    informerId: 0,
	MgObject:	null,
	init:		function(id) {
		this.MgObject		=	new tizeroffServJS();
	},
	getPJL:		function() {
		if(this.MgObject==null) this.init();
		return this.MgObject;
	}	
};

function tizeroffServJS() 
{
	this.pub_id = 0;
	var img_id = 0;
	this.dom_id = 0;
	this.dom_images = [];
	var $ = MgLib;
	var $$;
	var $mg_data = [];
	var $is_active = [];
	var $container=null;
	var	active_data 	=	null; 
	var ad_shown = false;
	this.dom_event = 1;
    var overlay_slide_pixel = 4;
	var min_width = 299; 
	var min_height = 99; 
	var overlay_interval = 20;
	var overlay_height = 63;
	var mg_opacity = 0.8;
	var mg_koef_position = 1;
	var is_requested_parse = false;
	var parse_arg = [];
	var blanket_img_size = [{"w":300, "h":250},{"w":728,"h":90}];
	this.run = function()
	{
		$$ = tizeroffServ.getPJL();
		
		var div = $.MGElement.create({
			tag : "div",
			id : "mg_container"
		});

		div.style.position='static';
		if(!$.MGElement.insert("body", div))
		{
			$.MGElement.insert("html", div);
		}
		$container = div;
		
		if($container == null) return;
		_assignEvent = function(data)
		{
		    $.Event.observe(data.org, 'mouseover', ol_display_ad );
		    $.Event.observe(data.mg_overlay, 'mouseover', ol_display_ad );

		    $.Event.observe(data.org, 'mouseout', ol_hide_ad);
		    $.Event.observe(data.mg_overlay, 'mouseout', ol_hide_ad );

		};
		_getMgIcon = function(id)
		{
			var div = $.MGElement.create({
				tag : "div",
				id : "mg_div",
				onmouseover: "mg_add_active("+id+")",
				onmouseout: "mg_del_active("+id+")"
			});
			
			var img = null;
			var _id = id+1;
			var div_ol = $.MGElement.create({
				tag : "div",
				id : "mg_overlay_div"
			});			
			div.appendChild(div_ol);
			$.MGElement.setOpacity(div_ol, 0.0);

			var div_ol_holder = $.MGElement.create({
				tag : "div",
				id : "mg_overlay_holder"
			});	
			div_ol.appendChild(div_ol_holder);
			$.MGElement.insert($container, div);

			return {mg: div, mg_overlay: div_ol, mg_overlay_holder: div_ol_holder}
		};
		_checkNonParseImg = function(id)
		{
			var dim = $.MGElement.getDimensions(id);
			var isParse=true;
			if(dim.width < min_width || dim.height < min_height) isParse=false;
			else
			{
				for(var i = 0; i < blanket_img_size.length; i++)
				{
					if(dim.width==blanket_img_size[i]['w'] && dim.height==blanket_img_size[i]['h']) 
					{
						isParse=false;
					}
				}
			}
			return isParse;
		};
		_getImgProperty = function(width, height)
		{
			var pWIDTH = width;
			var pHEIGHT = height;
			var pAD_TYPE = 1; 
			var pBANNER_TYPE = 0; 
			return {WIDTH:pWIDTH, HEIGHT:pHEIGHT, AD_TYPE:pAD_TYPE, BANNER_TYPE:pBANNER_TYPE};
		};

		var imgs = $.MGElement.getByTag("img");
		var checkParse = false;
		for(var i = 0; i < imgs.length; i++)
		{
			checkParse = false;
			var properties = $.MGElement.getDimensions(imgs[i]);	
			if (properties.width > min_width 
			        && properties.height > min_height 
			            && !in_array($.MGElement.readAttribute(imgs[i], 'class'), MGnoImg)){
			    if (_checkNonParseImg(imgs[i])){
				    var dt = new mgData();
				    dt.org = imgs[i];				
				    var p = _getMgIcon(i);
				    dt.mg = p.mg;
				    dt.mg_overlay = p.mg_overlay;
				    dt.mg_overlay_ads = p.mg_overlay_ads;
				    dt.mg_overlay_holder = p.mg_overlay_holder;
				    var dim = $.MGElement.getDimensions(imgs[i]);
				    dt.property = _getImgProperty(dim.width, dim.height);
				    dt.id = i + 1;	
				    _assignEvent(dt);
				    $mg_data.push(dt);
				}
			}
			if(!checkParse)
			{
				checkParseRequestImage(imgs[i]);
			}
		}
		onresize=setPosition;
		if($mg_data.length < 1)
		{  
			if(parse_arg.length < 0)
			{ 
			    var imgs = $.MGElement.getByTag("img");
		        for(var i = 0; i < imgs.length; i++)
		        {
			        checkParseRequestImage(imgs[i]);
		        }
			}
		}
		else
		{
			setPosition();
		}
	};

	this.setMgData = function(data)
	{
		var dt = null;
		for(var i=0; i<$mg_data.length; i++)
		{
			if($mg_data[i].id == data.data_id) 
			{
				$mg_data[i].data = data;
				active_data	= $mg_data[i];
		        ad_shown = true;
				break;		
			}
		}
		ol_show_ad_container(data.data_id);
	};
	setPosition = function()
	{
		for(var i = 0; i < $mg_data.length; i++)
		{
			var mg = $mg_data[i].mg;
			var position = $.MGElement.cumulativeOffset($mg_data[i].org);
			var jun_top=0;
			var jun_left=0;
			var padding_value = $.MGElement.getPaddingValue($mg_data[i].org);
			if(padding_value.left > 0) { jun_left=padding_value.left; }
			if(padding_value.bottom > 0) { jun_top=padding_value.bottom; }
			var img_obj = $.MGElement.getDimensions_jun($mg_data[i].org);
			mg.style.left = position.left + jun_left + "px";
            
            
            var kp = (mg_koef_position == undefined || mg_koef_position >1 || mg_koef_position < 0) ? 1 : mg_koef_position;
                
            if ($mg_data[i].org.offsetHeight*kp < overlay_height/2){
                mg.style.top = position.top + "px";
            }else if ($mg_data[i].org.offsetHeight < ($mg_data[i].org.offsetHeight*kp+overlay_height/2)){
                mg.style.top = (position.top + $mg_data[i].org.offsetHeight - overlay_height) - jun_top + "px";
            }else mg.style.top = (position.top + ($mg_data[i].org.offsetHeight*kp + overlay_height/2) - overlay_height) - jun_top + "px";

			mg.style.width = img_obj.width + "px";
			mg.style.height = overlay_height + "px";
			var overlay = $mg_data[i].mg_overlay;
			overlay.style.left = "0px";				
			overlay.style.top = overlay_height+"px";				
			overlay.style.width = img_obj.width + "px";				
			overlay.style.height = "0px";
		
		}
	};
	checkParseRequestImage = function(imgs)
	{
		if(_checkNonParseImg(imgs))
		{
			var src = $.MGElement.readAttribute(imgs, 'src');
			var alt = $.MGElement.readAttribute(imgs, 'alt');
			var title = $.MGElement.readAttribute(imgs, 'title');
			alt = (alt == null)? "": $.Utility.urlEncode(alt);
			title = (title == null)? "": $.Utility.urlEncode(title);
			if(src.length > 0)
			{
		        if (!document.images) src = '';
		        var image=new Image();
		        image.src=src;
		        src = image.src;	
				
				var dim = $.MGElement.getDimensions(imgs);
				var val_name = "img[]=" + $.Utility.urlEncode(src);
				parse_arg.push(val_name);
			}
		}
	};
	Tizeroff = function(data)
	{
	    var mg =  tizeroffServ.getPJL(); 
	    var ad={"data_id":img_id,"content":data[0][2],"display_img":"<img src = \"http://www.tizeroff.ru/db/informers/"+data[0][0]+"/1."+data[0][3]+"\">", "url": "http://tizeroff.ru/return/"+data[0][0]+"."+Math.round(Math.random() * 1000000000)+"."+data[0][1]+".tizer","data_id2":img_id,"content2":data[1][2],"display_img2":"<img src = \"http://www.tizeroff.ru/db/informers/"+data[1][0]+"/1."+data[1][3]+"\">", "url2": "http://tizeroff.ru/return/"+data[1][0]+"."+Math.round(Math.random() * 1000000000)+"."+data[1][1]+".tizer"};
	    mg.setMgData(ad);
	};
    
	
	function tizerrnd(atizer) { atizer.href += "?"+tizerrandom; atizer.href += window.parent.frames.length?1:0; tizerrandom=new Date(); tizerrandom=tizerrandom.getTime(); atizer.href += tizerrandom; atizer.href += "*"+b64(document.location); }var tizerrandom=new Date();tizerrandom=tizerrandom.getTime();if((self.parent&&!(self.parent===self))&&(self.parent.frames.length!=0)){self.parent.location=document.location}
	
    function in_array(needle, haystack, argStrict) {
        var found = false, key, strict = !!argStrict;
        for (key in haystack) {
            if ((strict && haystack[key] === needle) || (!strict && haystack[key] == needle)) {
                found = true;
                break;
            }
        }
        return found;
    }
    
    mg_add_active = function(id)
    {
        delete $is_active;
        $is_active[id] = id+1;
    }
    
    mg_del_active = function(id)
    {
        var _id = id+1;
        if (in_array(id+1, $is_active)){
            delete $is_active[id];
            ol_hide_ad;
       }
    }
    
	ol_display_ad = function(e)
	{ 
		var mg_element=(!$.isIE)? this: $.MGElement.getCurrentElement(e);
		
        var get_img_data = $mg_data.mg_pulFindAny(mg_element);
		$mg_data.mg_pulFindAny(mg_element);
		
		if(get_img_data==null) {return;}

		window.setTimeout(function()
		{
			if(get_img_data.is_active==true){ return; }	
			get_img_data.is_active=true;
			if(get_img_data.mg_overlay_holder.innerHTML=="")
			{
				get_img_data.mg_overlay_holder.innerHTML = '<div id="mg_overlay_holder_ad">Loading tizeroff.ru</div>'; 
			}		
			var top = $.MGElement.getDimensions(get_img_data.mg_overlay).height;
			
			get_img_data.mg_overlay.style.top = (overlay_height - top) + "px";
			get_img_data.mg_overlay.style.height = top + "px";
			
			$.MGElement.setOpacity(get_img_data.mg_overlay, mg_opacity == undefined ? 0.8 : mg_opacity );

			var overlay_open = window.setInterval(function()
				{			
					if(top >= overlay_height ) {
						window.clearInterval(overlay_open);
					}
					else {

						top += overlay_slide_pixel;
						get_img_data.mg_overlay.style.top  = (overlay_height - top) + "px";
						get_img_data.mg_overlay.style.height = top + "px";
					}
				}, overlay_interval);  
			   
			
			if (get_img_data.data == null && get_img_data.is_requested==false)
			{
				get_img_data.is_requested = true;
				img_id = get_img_data.id;
				var script = $.MGElement.create( {
					tag : "script",
					src : 'http://i.tizeroff.ru/api.php?id=5517',
					type: 'text/javascript'
				});
				$.MGElement.insert($container, script);
			} 
			else if(get_img_data.data != null)
			{
				ol_show_ad_container(get_img_data.data.data_id);
			}
		}, 100);  
	};
	ol_show_ad_container = function(data_id) 
	{
		if(data_id==null || data_id < 0) return;	
		var get_img_data = $mg_data.pulFindId(data_id);
		if(get_img_data==null) return;	
		var ad = get_img_data.data;
		var html = '<div id="tizeroffcom"><div id="slogan"><a href="http://tizeroff.ru" target="_blank" title="tizeroff.ru тизерная реклама на рисунках">tizeroff.ru</a></div><table align=left cellpadding=0 cellspacing=0><tr>';

	
			html  += '<td><a target = "_blank" href = "'+ad.url+'">'+ad.display_img+'</a></td>'+
			'<td width="50%" class="yellow"><a target = "_blank" href = "'+ad.url+'" onclick="javascript: tizerrnd(this);">'+ad.content+'</a></td>'+
	
			'<td><a target = "_blank" href = "'+ad.url2+'">'+ad.display_img2+'</a></td>'+
			'<td width="50%" class="yellow"><a target = "_blank" href = "'+ad.url2+'" onclick="javascript: tizerrnd(this);">'+ad.content2+'</a></td>';
		
		
		
		html  += '</tr></table></div>';    
		get_img_data.mg_overlay_holder.innerHTML = html; 
	};

	ol_hide_ad = function(e) 
	{
	
	};

	mgData = function()
	{
		this.org = null;  
		this.data = null; 
		this.mg_overlay = null; 
		this.mg_overlay_holder = null;
		this.id = 0;
		this.is_active = false;
		this.is_requested = false;
		this.dom_image = null;
		this.property = null;
	};
}

tizeroffServ.init();
setTimeout("tizeroffServ.getPJL().run()", 1000);