var headerHeight = eval(226-11);
var logoHeight = 23;
var logoWidth = 25;


var htmlOPNHead = '<A style="TEXT-DECORATION: none" href="http://www.lantmannen.se/"><H1 class=garantHeader>Bra mat &auml;r sund, s&auml;ker och god</H1><DIV></A><A class=garantLink style="FONT-SIZE: 11px; MARGIN: 0px" href="http://www.lantmannen.se/">Lantm&auml;nnen &auml;gs gemensamt av svenska b&ouml;nder. Vi har producerat bra mat sedan l&aring;ng tid tillbaka under k&auml;nda namn som till exempel Axa,<BR>Kronf&aring;gel och Kungs&ouml;rnen. Om du ser v&aring;r gr&ouml;na groddsymbol p&aring; paketet i butiken, kan du k&auml;nna dig s&auml;ker p&aring; att maten &auml;r ansvarsfullt producerad <BR>med morgondagen i &aring;tanke - fr&aring;n jord till bord. L&auml;s mer om v&aring;rt arbete med Bra mat p&aring; lantmannen.se<IMG class=garantArrow alt="" src="http://lantmannen.se/upload/opn/arrow.png"></A></DIV><A style="TEXT-DECORATION: none" href="http://www.lantmannen.se/"><H1 class=garantHeader>Sk&ouml;rdefest</H1><DIV><A class=garantLink style="FONT-SIZE: 11px; MARGIN: 0px" href="http://www.lantmannen.se/Bra-mat/Skordefest/">T&auml;vla om en sk&ouml;rdefest f&ouml;r upp till 30 personer. Lantm&auml;nnen fixar festen med mat, underh&aring;llning, dekorationer och sk&ouml;rdefestliga aktiviteter. Samla minst &aring;tta unika streckkoder fr&aring;n Lantm&auml;nnen.<BR></A></DIV>';
var htmlOPNLogo = '<img src="http://www.lantmannen.se/upload/opn/grafisk/logo.png" border="0" width="25" height="23" />';
var logoText = '<P><SPAN class=garantReadMore>Mer om</SPAN> Bra mat fr&aring;n Lantm&auml;nnen</P>';
var htmlOPNLink = '<img style="position:absolute;" src="http://www.lantmannen.se/upload/opn/grafisk/opntext_sep.png" border="0" width="11" height="23" />';
var htmlLink1 = '<A class=garantMenuLink href="http://lantmannen.com/sv/Lantmannen-COM/Kontakt_folder/Kontakt/" target=_blank>Kontakt</A>';
var htmlLink2 = '<A class=garantMenuLink href="http://lantmannen.com/sv/Lantmannen-COM/Jobba-hos-oss/Lediga-platser/" target=_blank>Lediga jobb</A>';
var htmlLink3 = '<A class=garantMenuLink href="http://lantmannen.com/sv/Lantmannen-COM/Press--Media/Nyheter/" target=_blank>Press</A>';
var widthLink1 = 60;
var widthLink2 = 80;
var widthLink3 = 45;
var widthLinkAbout = 210;


var menuRightImg = '<img src="http://www.lantmannen.se/upload/opn/grafisk/meny_right.png" border="0" width="12" height="23" />';

var htmlLeftImg = '<img src="http://www.lantmannen.se/upload/opn/left.png" border="0" width="14" height="228" />';
var htmlRightImg = '<img src="http://www.lantmannen.se/upload/opn/right.png" border="0" width="14" height="204" />';
var htmlLeftCorner = '<img src="http://www.lantmannen.se/upload/opn/leftcorner.png" border="0" width="11" height="24" />';
var htmlRightCorner = '<img src="http://www.lantmannen.se/upload/opn/lantmannen-se/rightcorner.png" border="0" width="202" height="22" />';
var htmlTopImg = '<img src="http://www.lantmannen.se/upload/opn/transp.gif" border="0" width="1" height="204" />';
var htmlBottomImg = '<img src="http://www.lantmannen.se/upload/opn/transp.gif" border="0" width="1" height="22" />';

var OPNState = 0;

function OPNSlideDown(pos)
{
	$('OPNContentHolder').style.height = eval((pos*headerHeight) + logoHeight)+'px';
	return pos;
}

function OPNSlideUp(pos)
{
	$('OPNContentHolder').style.height = eval(headerHeight - (pos*headerHeight) + logoHeight)+'px';

	return pos;

}

function hideGarant()
{
	if (OPNState == 0)
	{
		new Effect.Move('OPNContentHolder', {x:0, y: eval(headerHeight), mode: 'relative', queue: 'end', duration: 0.2, transition: Effect.Transitions.linear});
	}
	else
	{
		new Effect.Move('OPNContentHolder', {x:0, y: -eval(headerHeight), mode: 'relative', queue: 'end', duration: 0.2, transition: Effect.Transitions.linear});
	}
	OPNState = (OPNState + 1) % 2;
}

Event.observe(window, 'load', function()
{
	$('OPNContentHolder').setStyle({
		overflow: 'hidden',
		margin: 0,
		padding: 0,
		textAlign: 'left'
	});

	var OPNWidth = $('OPNContentHolder').style.width;
	OPNWidth = OPNWidth.replace('px', '');

	var OPNContent = new Element('div', {'id':'OPNContent','class':'garantContent'});
	$('OPNContentHolder').insert(OPNContent);
	$('OPNContent').style.width = eval(OPNWidth)+'px';
	$('OPNContent').style.height = eval(logoHeight+headerHeight)+'px';	
	
	var OPNMenu = new Element('div', {'id':'OPNMenu','class':'garantMenu'});
	$('OPNContent').insert(OPNMenu);
	$('OPNMenu').style.width = eval(OPNWidth)+'px';
	$('OPNMenu').style.height = eval(logoHeight)+'px';	
                    
	var OPNHead = new Element('div', {'id':'OPNHead','class':'garantHead'});
	$('OPNContent').insert(OPNHead);
	$('OPNHead').innerHTML = htmlOPNHead;
	$('OPNHead').style.left = eval(OPNWidth/2-400)+'px';

	var OPNLogo = new Element('div', {'id':'OPNLogo','class':'garantLogo'});
	$('OPNMenu').insert(OPNLogo);
	$('OPNLogo').style.left = eval(OPNWidth-55-logoWidth-widthLink1-widthLink2-widthLink3-widthLinkAbout)+'px';
	$('OPNLogo').innerHTML = htmlOPNLogo;
	
	
	var OPNLogoLeft = new Element('div', {'id':'OPNLogoLeft','class':'garantLinkImg'});
	$('OPNLogo').insert(OPNLogoLeft);
        $('OPNLogoLeft').style.left = eval(logoWidth)+'px';
        $('OPNLogoLeft').style.width = eval(widthLinkAbout)+'px';
	$('OPNLogoLeft').innerHTML = logoText;
	$('OPNLogoLeft').style.background = 'url(http://www.lantmannen.se/upload/opn/grafisk/opntext_middle.png)';

        var OPNLink1 = new Element('div', {'id':'OPNLink1','class':'garantLinkImg'});
	$('OPNMenu').insert(OPNLink1);
	$('OPNLink1').style.left = eval(OPNWidth-55-widthLink1-widthLink2-widthLink3)+'px';
	$('OPNLink1').style.width = eval(widthLink1)+'px';
	$('OPNLink1').innerHTML = htmlOPNLink+ htmlLink1;
	$('OPNLink1').style.background = 'url(http://www.lantmannen.se/upload/opn/grafisk/linktext_middle.png)';

        var OPNLink2 = new Element('div', {'id':'OPNLink2','class':'garantLinkImg'});
	$('OPNMenu').insert(OPNLink2);
	$('OPNLink2').style.left = eval(OPNWidth-55-widthLink2-widthLink3)+'px';
	$('OPNLink2').style.width = eval(widthLink2)+'px';
	$('OPNLink2').innerHTML = htmlLink2;
	$('OPNLink2').style.background = 'url(http://www.lantmannen.se/upload/opn/grafisk/linktext_middle.png)';
	
        var OPNLink3 = new Element('div', {'id':'OPNLink3','class':'garantLinkImg'});
	$('OPNMenu').insert(OPNLink3);
	$('OPNLink3').style.left = eval(OPNWidth-55-widthLink3)+'px';
	$('OPNLink3').style.width = eval(widthLink3)+'px';
	$('OPNLink3').innerHTML = htmlLink3;
	$('OPNLink3').style.background =  'url(http://www.lantmannen.se/upload/opn/grafisk/linktext_middle.png)';

	var OPNMenuRightImg = new Element('div', {'id':'OPNMenuRightImg','class':'garantLinkImgLeft'});
	$('OPNMenu').insert(OPNMenuRightImg);
	$('OPNMenuRightImg').style.left = eval(OPNWidth-55)+'px';
	$('OPNMenuRightImg').innerHTML = menuRightImg;


	var OPNLeftImg = new Element('div', {'id':'OPNLeftImg','class':'garantImgLeft'});
	$('OPNContent').insert(OPNLeftImg);
	$('OPNLeftImg').innerHTML = htmlLeftImg;

	var OPNRightImg = new Element('div', {'id':'OPNRightImg','class':'garantImgRight'});
	$('OPNContent').insert(OPNRightImg);
	$('OPNRightImg').style.left = eval(OPNWidth-14)+'px';
	$('OPNRightImg').innerHTML = htmlRightImg;

	var OPNTopImg = new Element('div', {'id':'OPNTopImg','class':'garantImgTop'});
	$('OPNContent').insert(OPNTopImg);
	$('OPNTopImg').style.width = eval(OPNWidth-28)+'px';
	$('OPNTopImg').innerHTML = htmlTopImg;

	var OPNLeftCorner = new Element('div', {'id':'OPNLeftCorner','class':'garantImgLeftCorner'});
	$('OPNContent').insert(OPNLeftCorner);
	$('OPNLeftCorner').innerHTML = htmlLeftCorner;

	var OPNRightCorner = new Element('div', {'id':'OPNRightCorner','class':'garantImgRightCorner'});
	$('OPNContent').insert(OPNRightCorner);
	$('OPNRightCorner').style.left = eval(OPNWidth-202)+'px';
	$('OPNRightCorner').innerHTML = htmlRightCorner;

	var garantImgBottom = new Element('div', {'id':'garantImgBottom', 'class':'garantImgBottom'});
	$('OPNContent').insert(garantImgBottom);
	$('garantImgBottom').style.width = eval(OPNWidth-227)+'px';
	$('garantImgBottom').innerHTML = htmlBottomImg;

	if ($('OPNContentHolder').style.position == 'absolute')
	{
		$('OPNContentHolder').style.height = eval(headerHeight+logoHeight)+'px';

		$('OPNContentHolder').style.top = eval(-headerHeight)+'px';

		$('OPNContent').style.top = '0';

		new Effect.Move('OPNMenu', {x:0, y: eval(headerHeight), mode: 'relative', queue: 'end', duration: 0.6, transition: Effect.Transitions.linear});
		

		$('OPNLogo').observe('click', function()
		{
			if (OPNState == 0)
			{
				new Effect.Move('OPNContentHolder', {x:0, y: eval(headerHeight), mode: 'relative', queue: 'end', duration: 0.2, transition: Effect.Transitions.linear});
			}
			else
			{
				new Effect.Move('OPNContentHolder', {x:0, y: -eval(headerHeight), mode: 'relative', queue: 'end', duration: 0.2, transition: Effect.Transitions.linear});
			}
			OPNState = (OPNState + 1) % 2;
		});
	}
	else
	{
		$('OPNContentHolder').style.height = logoHeight+'px';

		new Effect.Move('OPNMenu', {x:0, y: eval(headerHeight), mode: 'relative', queue: 'end', duration: 0.6, transition: Effect.Transitions.linear});
		$('OPNLogo').observe('click', function()
		{
			if (OPNState == 0)
			{
				new Effect.Move('OPNContent', {x:0, y: eval(headerHeight), mode: 'relative', queue: 'end', duration: 0.2, transition: OPNSlideDown});
			}
			else
			{
				new Effect.Move('OPNContent', {x:0, y: -eval(headerHeight), mode: 'relative', queue: 'end', duration: 0.2, transition: OPNSlideUp});
			}
			OPNState = (OPNState + 1) % 2;
		});
	}
});

var gaTrackerIdOpn = 'UA-4467658-3';

document.observe('dom:loaded', function()
{
	var gaJsHostOpn = (('https:' == document.location.protocol) ? 'https://ssl.' : 'http://www.') + 'google-analytics.com/ga.js';

	var scriptOpn = new Element('script', { 'src': gaJsHostOpn});

	var gaTrackOpn = function()
	{
		if (!scriptOpn.readyState || /loaded|complete/.test(scriptOpn.readyState))
		{
			var pageTrackerOpn = _gat._getTracker(gaTrackerIdOpn);
			pageTrackerOpn._trackPageview();
		}
	};

	scriptOpn.observe('load', gaTrackOpn);
	scriptOpn.observe('readystatechange', gaTrackOpn);
	document.body.appendChild(scriptOpn);
});