/*DOM compatible or Internet Explorer?*/
var ie = (document.all) ? true:false; // IE4+
var dom = ((document.getElementById) && (!ie)) ? true:false; // Mozilla 
var colorWindow;var popDoc;

//hjälpfunktion för att sätta händelse med hjälp av id
function setEventById(id, ev, fu, currentDocument) {
	
	if(dom) {
		currentDocument.getElementById(id).addEventListener(ev, fu, false);
	} 
	if(ie) {
		currentDocument.getElementById(id).attachEvent('on' + ev, fu);
	}
} 


/*Hjälpfunktion för att sätta händelse med hjälp av object*/
function setEventByObject(ob, ev, fu) {

	if(dom) {
		ob.addEventListener(ev, fu, false);
	} 
	if(ie) {
		ob.attachEvent('on' + ev, fu);
	}	
} 


/*Kopplar eventhandler till onclick-händelse*/
for(i=1; i <=216; i++) {

//setEventById("clicked"+i, "click", showPopup, window.document);
	setEventById("clicked"+i, "click", openColorWindow, window.document);
}
/*Kopplar eventhandler till onload-händelse*/
/*setEventByObject(window, 'load', blink);*/

//setEventById('kurt', 'mouseover', changeImgSourceOver);
//setEventById('kurt', 'mouseout', changeImgSourceOut);

/*Används för för att öppna färgfönster från paletten
För att man ska slippa stänga färgfönstret efter sig 
stängs det föregående när man öppnar ett nytt*/

function openColorWindow(e) {
   
   
    if(colorWindow)
    try {
        colorWindow.close();
       
    
    }
    catch(e){}
    /*colorWindow = window.open("", "navwin", "menu-bar=yes,resizable=yes,dependent=yes,modal=yes,dialog=yes,minimizable=yes"+ 
	"width=100,height=100");*/
    colorWindow = window.open("","ColorPopUp", "width=420,height=230, resizable=yes,status=1,scrollbars=yes");

    
    var targ
    if (e.target) 
        targ = e.target
    else if (e.srcElement) 
        targ = e.srcElement
    if (targ.nodeType == 3) // defeat Safari bug
       targ = targ.parentNode
       
    var tname;
    tname=targ.tagName;
    popDoc = colorWindow.document;
   

    popDoc.write("<div id='h' >"+targ.value+"</div>");
    var header = popDoc.getElementById("h");
    //inspectStyle(header, popDoc);
    header.style.backgroundColor = targ.value;
  

   
    /* colorWindow.document.write("<form>"+
    "<input type='button' name='bike'>"+
    "Background<br>"+
    "<input type='checkbox' name='car'>"+
    "Foreground"+
    "</form>");*/
    
    
    
    colorWindow.document.bgColor = targ.value;
    colorWindow.document.title = targ.value;
    colorWindow.focus();
   
     
}
function writeHeader(popup) {
/*popup.document.write("asdfxxxxxxxxxxx");*/
}
/*Ger blinkande text*/
function blink() {
   
	    window.setInterval("changeClassName('h_init')", 1000);
        window.setInterval("changeClassName('h_effect')", 1000);
       
     
}
function changeClassName(changeTo) {
    
    document.getElementById('h').className = changeTo;
}


//Ändrar bild när musen är över bilden
function changeImgSourceOver() {
/*document.getElementById('kurt').src='Images/Kurt1.jpg';*/
}


//Ändrar bild när musen är över bilden
function changeImgSourceOut() {
/*document.getElementById('kurt').src='Images/Kurt2.jpg';*/
}



function inspectStyle(elm, doc){
  if (elm.style){
    var str = "";
    for (var i in elm.style){
	  str += i + ": " + elm.style[i] + "\n";
	}
	doc.write(str);
  }
}



function showPopup()
{
var p=window.createPopup()
var pbody=p.document.body
pbody.style.backgroundColor="lime"
pbody.style.border="solid black 1px"
pbody.innerHTML="This is a pop-up! Click outside the pop-up to close."
p.show(150,150,200,50,document.body)
}