/*--------------------------------------------*/
// Fix linked images (normal IMGs)
/*--------------------------------------------*/

add_onload_event( fix_linked_image_sizes );
add_onresize_event ( fix_linked_image_sizes );
 
function fix_linked_image_sizes()
{ 

	var ipb_var_image_url = "http://forums.x-cult.org/style_images/xc21206555644/"
	var images   = document.getElementsByTagName( 'IMG' );
	var _padding = 2;
	var _count   = 0;
	var _img     = '<img src="' + ipb_var_image_url + '/img-resized.png" style="vertical-align:middle" border="0" alt="" />';
	var _img2    = '<img src="' + ipb_var_image_url + '/folder_attach_images/attach_zoom_in.png" style="vertical-align:middle" border="0" alt="" />';
	var uagent   = navigator.userAgent.toLowerCase()
	if (document.getElementById("articlemain") == null) {
		var containerwidth = document.getElementById( 'articlecat' ).scrollWidth - 10;
	}
	else
		var containerwidth = document.getElementById( 'articlemain' ).scrollWidth - 10;
	var origwidth = new Array();
	var origheight = new Array();
	
	var is_safari = ( (uagent.indexOf('safari') != -1) || (navigator.vendor == "Apple Computer, Inc.") );
	var is_opera  = (uagent.indexOf('opera') != -1);
	var is_webtv  = (uagent.indexOf('webtv') != -1);
	var is_ie     = ( (uagent.indexOf('msie') != -1) && (!is_opera) && (!is_safari) && (!is_webtv) );
	
	if ( (uagent.indexOf('msie') != -1) && (!is_opera) && (!is_safari) && (!is_webtv)  )
	{
		var _sw = document.body.clientWidth * ( parseInt( 60 ) / 100 );
		containerwidth = _sw;
	}
	else if (navigator.product == 'Gecko')
	{
		var _sw = window.innerWidth * ( parseInt( 60 ) / 100 );
	}
	else
	{
		var _sw  = screen.width * ( parseInt( 60 ) / 100 );
	}

	for ( var i = 0 ; i < images.length; i++ )
	{
	
		if (images[i].width > containerwidth)
		{
				images[i].removeAttribute('width');
				images[i].removeAttribute('height');
				origwidth[i] = images[i].width;
				origheight[i] = images[i].height;
		}
		

		if ( origwidth[i] > containerwidth) 
		{
		
			//-----------------------------------------
			// Inc. counter
			//-----------------------------------------
 
			_count++;
 
			//-----------------------------------------
			// Set up basics...
			//-----------------------------------------
 
			
			{
				//-----------------------------------------
				// Grab some details...
				//-----------------------------------------
 
				var _width   = origwidth[i];
				var _height  = origheight[i];
				var _percent = 0;
				var _src = images[i].src;
				var _node = images[i].parentNode;
 
				//-----------------------------------------
				// Work out percentage
				//-----------------------------------------
 
				images[i].width  = containerwidth;
 
				if ( images[i].width < _width && _width > 0 && images[i].width > 0 )
				{
					_percent = Math.ceil( parseInt( images[i].width / _width * 100 ) );
				}
 
				images[i].id          = '--ipb-img-resizer-' + _count;
				images[i]._resized    = 1;
				images[i]._width      = _width;

				//-----------------------------------------
				// Add in wrapper
				//-----------------------------------------
				if (document.getElementById("messagediv" + _count))
				{
					var div = document.getElementById("messagediv" + _count);
					div.innerHTML            = _img + '&nbsp;' + lang_build_string( "Reduced: <%1>% of original size [ <%2> x <%3> ] - Click to view full image", _percent, _width, _height );
					div.style.width          = containerwidth - ( _padding * 2 ) + 'px';
					div.style.paddingTop     = _padding + "px";
					div.style.paddingBottom  = _padding + "px";
					div.style.paddingLeft    = _padding + "px";
					div.style.paddingRight   = _padding + "px";
					div.style.backgroundColor= "#000000";
					div._is_div              = 1;
					div.id					 = "messagediv" + _count;
					div._resize_id           = _count;
					div.onclick     		 = fix_linked_images_onclick;
					div.onmouseover 		 = fix_linked_images_mouseover;
					div.title       		 = "Click to view full image";
					div._src        		 = _src;
					div._width				 = _width;
					div._height				 = _height;
				}
				else {
					var div = document.createElement( 'div' );
	 
					div.innerHTML            = _img + '&nbsp;' + lang_build_string( "Reduced: <%1>% of original size [ <%2> x <%3> ] - Click to view full image", _percent, _width, _height );
					div.style.width          = containerwidth - ( _padding * 2 ) + 'px';
					div.style.paddingTop     = _padding + "px";
					div.style.paddingBottom  = _padding + "px";
					div.style.paddingLeft    = _padding + "px";
					div.style.paddingRight   = _padding + "px";
					div.style.backgroundColor= "#000000";
					div._is_div              = 1;
					div.id					 = "messagediv" + _count;
					div._resize_id           = _count;
					div.onclick     		 = fix_linked_images_onclick;
					div.onmouseover 		 = fix_linked_images_mouseover;
					div.title       		 = "Click to view full image";
					div._src        		 = _src;
					div._width				 = _width;
					div._height				 = _height;
	 
					//-----------------------------------------
					// Add it all...
					//-----------------------------------------
	 
					//if ( is_ie && ! is_ie7 )
					//{
					//	images[i].outerHTML = div.outerHTML + images[i].outerHTML;
					//}
					//else
					//{
						images[i].parentNode.insertBefore( div, images[i] );
					//}
				}
			}
		}
	}

}
 
function fix_linked_images_onclick(e)
{
	//-----------------------------------------
	// Div clicked 
	//-----------------------------------------
	
	this.nextSibling.width = this._width;
	this.nextSibling.height = this._height;

	this.parentNode.removeChild(this);
	
	return false;
};

function fix_linked_images_mouseover(e)
{
        try
        {
                this.style.cursor='pointer';
        }
        catch(acold)
        {
        }

}

function lang_build_string()
{
        if ( ! arguments.length || ! arguments )
        {
                return;
        }

        var string = arguments[0];

        for( var i = 1 ; i < arguments.length ; i++ )
        {
                var match  = new RegExp('<%' + i + '>', 'gi');
                string = string.replace( match, arguments[i] );
        }

        return string;
}
/*-------------------------------------------------------------------------*/
// Add onload event
/*-------------------------------------------------------------------------*/

function add_onload_event( func )
{
        var oldonload = window.onload;
		
        if (typeof window.onload != 'function')
        {
        window.onload = func;

        }
        else
        {
        window.onload = function()
                {
                if ( oldonload )
                {
                        oldonload();
                };

                func();
        };
        }
}

function add_onresize_event( func )
{
        var oldonresize = window.onresize;

        if (typeof window.onresize != 'function')
        {
        window.onresize = func;

        }
        else
        {
        window.onresize = function()
                {
                if ( oldonresize )
                {
                        oldonresize();
                };

                func();
        };
        }
}