/*
	(c) 2006- Elin Tjerngren, Artopod http://artopod.se
*/

// general function for changing images (DOM element) (often called from within html - so keep att top for fast loading)
function domChP(el, src) {
	if (navigator.userAgent.indexOf("MSIE 6")!=-1 && src.indexOf("png")!=-1) {
// progid:DXImageTransform.Microsoft.Fade() 
		el.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='image')";
	}
	else if (document.getElementById && (el.tagName.toUpperCase()=="IMG" || el.tagName.toUpperCase()=="INPUT")) {
        var image = new Image();
        image.src = src;
		el.src = src;
	}
}

// called after load at every page 
function init_franke() {
	// layer above 
	var startpagerollover=new Array("flaktar","miljo","diskbankar","blandare","cookerhoods","kitchensinks","kitchentaps","wastedisposal"); //
	// home button gets a rollover	
	for(var i=0;i<startpagerollover.length;i++) {
		if (document.getElementById(startpagerollover[i])) {
			el=document.getElementById(startpagerollover[i]).getElementsByTagName('a')[0].getElementsByTagName('img')[0];
			el.onmouseover=new Function("domChP(this, '../images/startpage/"+startpagerollover[i]+".png')");
			el.onmouseout=new Function("domChP(this, '../images/x.png')");
			startImgsTotal[startpagerollover[i]]=0; // indicates number of total images to fade between, is set below
			startImgNow[startpagerollover[i]]=0; // number of current image
		}
	}	

	// set classname for png on IE 6 (Alpha tranparency)
	if (navigator.userAgent.indexOf("MSIE 6")!=-1) {
		var imgs=document.getElementsByTagName("img");
		for(var i=0;i<imgs.length;i++) {
			reg=/.png$/;
			if (imgs[i].src.match(reg)) {
				imgs[i].className+=" png";
			}
		}
	}

	// count the total of images to fade on start page
	if (jQueryLoaded()) {
		$("img.jsslides").each(function () {
			$(this).hide();
			startImgsTotal[this.parentNode.id]++;
		});
		for(var i=0;i<startpagerollover.length;i++) {
			changeStartPict(startpagerollover[i]);
		}
		//$('.clickshow').bind("click",toggleShowLayer);
		$('.clickplus').bind("click",togglePlusMinus);
		
		$('.jshide').css("display","none");
		$('.jsshow').css("display","block");
	}

	ld=true;
}
// set for start page
var startImgsTotal=new Array();
var startImgNow=new Array();

var ld=false;
var isCrappyIE=(navigator.userAgent.indexOf("MSIE 6")!=-1 || navigator.userAgent.indexOf("MSIE 5.5")!=-1);

// jquery specials
if (jQueryLoaded()) $(document).ready(init_franke); // html is ready - faster!
else window.onload=init_franke;


function changeStartPict(ID) {
	$("#"+ID+" .jsslides:eq("+startImgNow[ID]+")").fadeOut("slow");
	if (startImgNow[ID]<startImgsTotal[ID]-1) startImgNow[ID]++;
	else startImgNow[ID]=0;
	$("#"+ID+" .jsslides:eq("+startImgNow[ID]+")").fadeIn("slow");
	setTimeout("changeStartPict('"+ID+"')",parseInt(Math.random()*2000)+6000);
}

function openWindow(url,winname,w,h) {
	return window.open(url, winname, 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=yes,dependent=no,width='+w+',height='+h+'')
}
function openWindowMaxH(url,winname,w) {
	var h=window.screen.availHeight;
	var w=window.open(url, winname, 'menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,dependent=no,width='+w+',height='+h+'')
	w.moveTo(0,0);
	w.focus();
}

document.getElementsByClassName = function(name) {
  var results = new Array();
  var elems = document.getElementsByTagName("*");
  for (var i=0; i<elems.length; i++) {
    if (elems[i].className.indexOf(name) != -1) {
      results[results.length] = elems[i];
    }
  }
  return results;
}

function jQueryLoaded() {
	var el=document.getElementsByTagName("script");
	for(var i=0;i<el.length;i++) {
		if (el[i].src.indexOf("jquery.js")!=-1) return true;
	}
	return false;
}

// fairly general functions, uses jquery

	// uses class="clickshow" to show/hide layer, set id="show_[layerIDtoShow]"
	function toggleShowLayer() {
		var layID=this.id.replace("show_","");
		if ($("#"+layID).css("display")=="none") { // if invisible...show
			// but first: make sure every layer opened is hidden
			$(".clickshow").each(function() {
				var l=this.id.replace("show_","");
				$("#"+l).hide();
			});
			if (isCrappyIE) $("#"+layID).show(); // animation doesnt work very well in IE
			else $("#"+layID).show("normal");
		} else {
			if (isCrappyIE) $("#"+layID).hide();
			else $("#"+layID).hide("normal");
		}
		return false;
	}	
	
		// uses class="clickplus" to show/hide layer, set id="show_[layerIDtoShow]"
	function togglePlusMinus() {
		if (this.className.indexOf("hide")!=-1) { // if invisible...show
			this.className=this.className.replace(/\bhide\b/,"show");
		} else {
			this.className=this.className.replace(/\bshow\b/,"hide");
		}
		var layID=this.id.replace("show_","");
		toggleSlideLayer(layID);
		return false;
	}	
	function toggleSlideLayer(layID, f) {
		//window.setTimeout(2000, f);
		$("#"+layID).slideToggle("normal", function() {
			if (window.mcElementToolbar) {
				mcElementToolbar.repaint();
			}
		});
		return false;
	}