// JavaScript Document

var xmlhttp;

function loadXMLDoc(url) {
	
	xmlhttp = null;
	
	if (window.XMLHttpRequest) {// code for IE7, Firefox, Opera, Safari, etc.
		
		xmlhttp = new XMLHttpRequest();
		
	} else if (window.ActiveXObject) {// code for IE6, IE5
		
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		
	}
	
	if (xmlhttp != null) {
		
		xmlhttp.onreadystatechange = state_Change;
		xmlhttp.open("GET",url,true);
		xmlhttp.send(null);
		
	} else {
		
		alert("Your browser does not support XMLHTTP.");
		
	}
	
}

var registret;

var kampanjerna;




function state_Change() {
	
	if (xmlhttp.readyState == 4) {// 4 = "loaded"
		
		if (xmlhttp.status == 200) {// 200 = "OK"
			
			
			registret = xmlhttp.responseXML.documentElement;
			kampanjerna = registret.getElementsByTagName("kampanj");
			
			//skapaMeny();
			
			loadXMLDoc2('gemensam/produkter/produkter.xml');
			
			
		} else {
			
			alert("Problem retrieving XML data:" + xmlhttp.statusText);
			
		}
	}
	
}

var registret2;

var produkterna;

var xmlhttp2;

function loadXMLDoc2(url) {
	
	xmlhttp2 = null;
	
	if (window.XMLHttpRequest) {// code for IE7, Firefox, Opera, Safari, etc.
		
		xmlhttp2 = new XMLHttpRequest();
		
	} else if (window.ActiveXObject) {// code for IE6, IE5
		
		xmlhttp2 = new ActiveXObject("Microsoft.XMLHTTP");
		
	}
	
	if (xmlhttp2 != null) {
		
		xmlhttp2.onreadystatechange = state_Change2;
		xmlhttp2.open("GET",url,true);
		xmlhttp2.send(null);
		
	} else {
		
		alert("Your browser does not support XMLHTTP.");
		
	}
	
}


function state_Change2() {
	
	if (xmlhttp2.readyState == 4) {// 4 = "loaded"
		
		if (xmlhttp2.status == 200) {// 200 = "OK"
			
			
			registret2 = xmlhttp2.responseXML.documentElement;
			produkterna = registret2.getElementsByTagName("product");
			
			skapaKampanjer();
			
			
		} else {
			
			alert("Problem retrieving XML data:" + xmlhttp2.statusText);
			
		}
	}
	
}



function lasInXML() {
	
	loadXMLDoc('gemensam/kampanjer/kampanjer.xml');	
	
}

function visaInformation(id) {
	
	var nedtoning = document.getElementById("tona");
	var informationsruta = document.getElementById("inforuta");
	var informationen = document.getElementById("information");
	
	var shoplank = produktlanken(id);
	
	var produkten = false;
	
	for(var i = 0 ; i < produkterna.length ; i++) {
		
		if(produkterna[i].attributes.getNamedItem("artno").nodeValue == id) {
			
			produkten = produkterna[i];
			
		}
		
	}
	
	var artikeln;
	
	for(var m = 0 ; m < kampanjerna.length ; m++) {
		
		
		if(kampanjerna[m].attributes.getNamedItem("artikelnummer").nodeValue == id) {
			
			artikeln = kampanjerna[m];
			
		}
		
	}
	
	var rubriken = document.createElement('h1');
	rubriken.innerHTML = artikeln.getElementsByTagName('namn')[0].childNodes[0].nodeValue;
	
	var artikelno = document.createElement('h5');
	artikelno.innerHTML = 'Artikelnummer: ' + artikeln.attributes.getNamedItem("artikelnummer").nodeValue;
	
	var beskrivningsrubrik = document.createElement('h4');
	beskrivningsrubrik.innerHTML = 'Beskrivning';
	
	//var newNode=artikeln.getElementsByTagName('beskrivning')[0].cloneNode(true);

	
	var beskrivn = document.createElement('div');
	beskrivn.setAttribute('class','beskrivning');
	beskrivn.className = 'beskrivning';
	
	//beskrivn.appendChild(newNode);
	
	//beskrivn.innerHTML = beskrivn.innerHTML;
	
	for(var beskrvar = 0 ; beskrvar <  artikeln.getElementsByTagName('beskrivning')[0].childNodes.length; beskrvar++) {
		
		if(artikeln.getElementsByTagName('beskrivning')[0].childNodes[beskrvar].nodeValue) {
			
			beskrivn.innerHTML += artikeln.getElementsByTagName('beskrivning')[0].childNodes[beskrvar].nodeValue;
			
		} else {
			
			//beskrivn.innerHTML += '<br />';
			
		}
		
	}
	
	var priset = document.createElement('h3');
	priset.innerHTML = 'Pris: ' + artikeln.getElementsByTagName('pris')[0].childNodes[0].nodeValue + ':- , &nbsp;exklusive moms';
	
	informationen.innerHTML = "";
	
	//http://shop.eps-web.com/images/   produktbilder/ingen-bild.jpg
	
	if(produkten) {
		
		//produkten.getElementsByTagName('image')[0].childNodes[0].nodeValue
		
		var produktbild = document.createElement('img');
		produktbild.setAttribute('src','http://shopmart.eps-web.com/images/stories/' + produkten.getElementsByTagName('image')[0].childNodes[0].nodeValue);
		produktbild.setAttribute('alt',id);
		produktbild.style.width = '100px';
		produktbild.style.height = 'auto';
		produktbild.setAttribute('border','0');
		
		var bilddiv = document.createElement('div');
		bilddiv.setAttribute('class','bilddiv');
		bilddiv.className = 'bilddiv';
		
		bilddiv.appendChild(produktbild);
		
		informationen.appendChild(bilddiv);
		
		//informationen.appendChild(produktbild);
		
		//rubriken.insertBefore(produktbild, rubriken.childNodes[0]);
		
	}
	
	
	informationen.appendChild(rubriken);
	
	if(produkten) {
		informationen.appendChild(artikelno);
	}
	
	informationen.appendChild(beskrivningsrubrik);
	informationen.appendChild(beskrivn);
	
	if(artikeln.getElementsByTagName('pris')[0].childNodes[0].nodeValue != 0) {
		
		informationen.appendChild(priset);
		
	}
	
	if(produkten) {
		
		
		var infolank = document.createElement('a');
		infolank.setAttribute('href',produktlanken(id));
		infolank.setAttribute('target','_blank');
		infolank.innerHTML = 'Köp produkten';
		
		informationen.appendChild(infolank);
	
	} else {
		
		for(var j = 0 ; j < kampanjerna.length ; j++) {
			
			if(kampanjerna[j].attributes.getNamedItem("artikelnummer").nodeValue == id) {
				
				if(kampanjerna[j].getElementsByTagName('informationssida')[0].childNodes[0].nodeValue != 'false') {
					
					var infolank = document.createElement('a');
					infolank.setAttribute('href',artikeln.getElementsByTagName('informationssida')[0].childNodes[0].nodeValue);
					infolank.setAttribute('target','_blank');
					infolank.innerHTML = 'Mer information';
					
					informationen.appendChild(infolank);
					
				}
				
			}
			
		}
		
	}
	
	
	
	nedtoning.style.visibility = "visible";
	informationsruta.style.visibility = "visible";
	
	MM_effectAppearFade('tona', 100, 0, 70, false);
	MM_effectAppearFade('inforuta', 500, 0, 100, false);
	
}

function doljInformation() {
	
	MM_effectAppearFade('tona', 500, 70, 0, false);
	
	MM_effectAppearFade('inforuta', 100, 100, 0, false);
	
	setTimeout("doljRutan()",500);
	
}

function doljRutan() {
	
	var nedtoning = document.getElementById("tona");
	var informationsruta = document.getElementById("inforuta");
		
	nedtoning.style.visibility = "hidden";
	informationsruta.style.visibility = "hidden";
	
}

function MM_effectAppearFade(targetElement, duration, from, to, toggle)
{
	Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
}


function produktlanken(artno) {
	
	var lanktotal = 'http://shopmart.eps-web.com/index.php?page=shop.browse&option=com_virtuemart&keyword1=';
	
	lanktotal += encodeURIComponent(artno);
	
	return lanktotal;
	
}

function skapaKampanjer() {
	
	var roten = document.getElementById('kampanjprodukter');
	
	var bakgrund = false;
	
	for(var k = 0 ; k < kampanjerna.length ; k++) {
		
	
		
	if(kampanjerna[k].attributes.getNamedItem("epsmediatraining").nodeValue == 'ja') {
		
		for(var n = 0 ; n < produkterna.length ; n++) {
			
			if(produkterna[n].attributes.getNamedItem("artno").nodeValue == kampanjerna[k].attributes.getNamedItem("artikelnummer").nodeValue) {
				
				///'http://shop.eps-web.com/images/' + produkten.getElementsByTagName('image')[0].childNodes[0].nodeValue
				
				var bildladdare = new Image(); 
				
				bildladdare.src = 'http://shopmart.eps-web.com/images/stories/' + produkterna[n].getElementsByTagName('image')[0].childNodes[0].nodeValue;
				
			}
			
		}
		
		var produktvariabeln;
		
		var lanken;
		
		var bilden;
		
		var filtillagg;
		
		//alert('1: ' + bakgrund);
		
		if(bakgrund) {
				
			produktvariabeln = document.createElement('div');
			produktvariabeln.setAttribute('id','produkt-' + kampanjerna[k].attributes.getNamedItem("artikelnummer").nodeValue);
			produktvariabeln.setAttribute('class','produktgra');
			produktvariabeln.className = 'produktgra';
			
		} else if(!bakgrund) {
			
			produktvariabeln = document.createElement('div');
			produktvariabeln.setAttribute('id','produkt-' + kampanjerna[k].attributes.getNamedItem("artikelnummer").nodeValue);
			produktvariabeln.setAttribute('class','produktvit');
			produktvariabeln.className = 'produktvit';
			
		}
		
		if(!bakgrund) {
			bakgrund = true;
			//alert('2: ' + bakgrund);
		} else if(bakgrund) {
			bakgrund = false;
			//alert('3: ' + bakgrund);
		}
		
		roten.appendChild(produktvariabeln);
		
		var klickytan = document.createElement('div');
		klickytan.setAttribute('id','klickyta-' + kampanjerna[k].attributes.getNamedItem("artikelnummer").nodeValue);
		klickytan.setAttribute('class','klickyta');
		klickytan.className = 'klickyta';
			
		lanken = document.createElement('a');
		lanken.setAttribute('href','#');
		lanken.setAttribute('id',kampanjerna[k].attributes.getNamedItem("artikelnummer").nodeValue);
		lanken.setAttribute('onclick','visaInformation(this.id);this.blur();return false;');
		lanken.onclick = new Function('visaInformation(this.id);this.blur();return false;');
			
		klickytan.appendChild(lanken);
		
		if(kampanjerna[k].getElementsByTagName('filtyp')[0].childNodes[0].nodeValue != 'FLASH (.swf)') {
			
			if(kampanjerna[k].getElementsByTagName('filtyp')[0].childNodes[0].nodeValue == 'JPEG (.jpg)') {
				
				filtillagg = '.jpg';
				
			} else if(kampanjerna[k].getElementsByTagName('filtyp')[0].childNodes[0].nodeValue == 'GIF (.gif)') {
				
				filtillagg = '.gif';
				
			} else if(kampanjerna[k].getElementsByTagName('filtyp')[0].childNodes[0].nodeValue == 'PNG (.png)') {
				
				filtillagg = '.png';
				
			} 
			
			//<div id="klickyta1" class="klickyta"><a id="produkt-1" href="#" onclick="visaInformation(this.id);return false;"></a></div>
			
			bilden = document.createElement('img');
			bilden.setAttribute('src','kampanjer/kampanjbilder/' + kampanjerna[k].getElementsByTagName('filnamn')[0].childNodes[0].nodeValue + filtillagg);
			bilden.setAttribute('alt',kampanjerna[k].attributes.getNamedItem("artikelnummer").nodeValue);
			bilden.setAttribute('width','100');
			bilden.setAttribute('height','60');
			bilden.setAttribute('border','0');
						
			produktvariabeln.appendChild(bilden);
			
		} else if(kampanjerna[k].getElementsByTagName('filtyp')[0].childNodes[0].nodeValue == 'FLASH (.swf)') {
			
			//spela(kampanjerna[k].getElementsByTagName('filnamn')[0].childNodes[0].nodeValue,'produkt-' + kampanjerna[k].attributes.getNamedItem("artikelnummer").nodeValue);
			
			var flashfilen = 'http://www.utbildning.eps-web.com/kampanjer/kampanjbilder/' + kampanjerna[k].getElementsByTagName('filnamn')[0].childNodes[0].nodeValue;
		
			produktvariabeln.innerHTML = AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','100','height','60','title',kampanjerna[k].getElementsByTagName('filnamn')[0].childNodes[0].nodeValue,'src',flashfilen,'quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie',flashfilen );
			
			
			
			
			
			//<div id="klickyta1" class="klickyta"><a id="produkt-1" href="#" onclick="visaInformation(this.id);return false;"></a></div>
			
		}
		
		var kortbeskrivningsdiv = document.createElement('div');
		kortbeskrivningsdiv.setAttribute('id','kortbeskrivningsdiv-' + kampanjerna[k].attributes.getNamedItem("artikelnummer").nodeValue);
		kortbeskrivningsdiv.setAttribute('class','kortbeskrivning');
		kortbeskrivningsdiv.className = 'kortbeskrivning';
		
		var kortbeskrivningsP = document.createElement('p');
		
		
		for(var tempvar = 0 ; tempvar <  kampanjerna[k].getElementsByTagName('kortbeskrivning')[0].childNodes.length; tempvar++) {
			
			if(kampanjerna[k].getElementsByTagName('kortbeskrivning')[0].childNodes[tempvar].nodeValue) {
				
				//if(tempvar == 0) {
					
					//kortbeskrivningsP.innerHTML += '<strong>' + kampanjerna[k].getElementsByTagName('kortbeskrivning')[0].childNodes[tempvar].nodeValue + '</strong>';
					
				//} else {
					
					var tempraden = kampanjerna[k].getElementsByTagName('kortbeskrivning')[0].childNodes[tempvar].nodeValue;
					
					tempraden.replace("&lt;br /&gt;", "<br />");
					tempraden.replace("&lt;br/&gt;", "<br />")
					tempraden.replace("&lt;br&gt;", "<br />")
					
					kortbeskrivningsP.innerHTML += kampanjerna[k].getElementsByTagName('kortbeskrivning')[0].childNodes[tempvar].nodeValue;
					
				//}
				
			} else {
				
				kortbeskrivningsP.innerHTML += '<br />';
				
			}
		
		}
		
		
		kortbeskrivningsdiv.appendChild(kortbeskrivningsP);
		
		produktvariabeln.appendChild(kortbeskrivningsdiv);
		
		produktvariabeln.appendChild(klickytan);
		
		//flashkod
		
		
		
		
		////<a id="produkt-2" href="#" onclick="visaInformation(this.id);return false;"><img src="../bilder/kuggmall_02.jpg" alt="" border="0" width="200" height="200" style="background-color: #CC3300" /></a>
	
	}
	
	}
	
	var spaltbort = document.createElement('div');
	spaltbort.setAttribute('class','spaltbort');
	spaltbort.className = 'spaltbort';
	
	var tona = document.createElement('div');
	tona.setAttribute('id','tona');
	
	var informationsruta = document.createElement('div');
	informationsruta.setAttribute('id','inforuta');
	
	var list = document.createElement('div');
	list.setAttribute('id','list');
	
	var stangbild = document.createElement('img');
	stangbild.setAttribute('src','kampanjer/stang.gif');
	stangbild.setAttribute('alt','stäng');
	stangbild.setAttribute('width','99');
	stangbild.setAttribute('height','20');
	stangbild.setAttribute('border','0');
	stangbild.setAttribute('onclick','javascript:doljInformation();');
	stangbild.onclick = new Function('javascript:doljInformation();');
	
	list.appendChild(stangbild);
	
	var information = document.createElement('div');
	information.setAttribute('id','information');
	
	informationsruta.appendChild(list);
	informationsruta.appendChild(information);
	
	roten.appendChild(spaltbort);
	roten.appendChild(tona);
	roten.appendChild(informationsruta);
	
}