var expDays = 1;
var exp = new Date(); 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));


function getCookieVal (offset) {
	var endstr = document.cookie.indexOf (';', offset);  
	if (endstr == -1) {endstr = document.cookie.length;}
	return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie (name) {
	var arg = name + '=';  
	var alen = arg.length;  
	var clen = document.cookie.length;  
	var i = 0;  
	while (i < clen) {
		var j = i + alen;    
		if (document.cookie.substring(i, j) == arg) {return getCookieVal (j);}
		i = document.cookie.indexOf(' ', i) + 1;    
		if (i == 0) break;   
	} 
	return null;
}

function SetCookie (name, value) {
	document.cookie = name + '=' + escape (value) + '; path=/; expires=' + exp.toGMTString() ;
}

//
// handy-tarif dropdown auswahl merken
//
function setTarif4Handset (handset, idOffer,partner) {
    SetCookie('tarif4handset'+partner,handset+'|'+idOffer);
}


//
// die daten fuer dan handyvgl
// 3 handy-ids und 3 image-ids
//
var cdata_array = new Array(6);
var h1='';
var h2='';
var h3='';
var i1='';
var i2='';
var i3='';
	
function GetCookieVgl (name) {
	// alles leer setzen
	h1='';h2='';h3='';i1='';i2='';i3='';
    cdata = GetCookie ('vgl1');
    if (cdata!=null) {
        cdata_array=cdata.split('|');
        if (cdata_array[0]) h1=cdata_array[0]; 
        if (cdata_array[1]) h2=cdata_array[1];
        if (cdata_array[2]) h3=cdata_array[2];
        if (cdata_array[3]) i1=cdata_array[3]; 
        if (cdata_array[4]) i2=cdata_array[4];
        if (cdata_array[5]) i3=cdata_array[5];
	} else {
		 for (i = 0; i <= 5; i++) {
		 	cdata_array[i]='';
		 }
 
	}
}



//
// die handyvgleichsdaten abh von der clientid setzen
//
function SetCookieVgl () {
	cdata=h1+'|'+h2+'|'+h3+'|'+i1+'|'+i2+'|'+i3;
	SetCookie( 'vgl1', cdata);
	// und alles neu (un)checken
	handyvglinit();
}


//
// erstbefuellung der bilder nach dem laden der seite mit den daten aus dem cookie
//
function handyvglinit () {

    GetCookieVgl ('vgl1');

  	// alle checkboxen ausschalten
  	var CheckBoxElemente = document.getElementsByName('vglchbx');
  	for (var i = 0; i<CheckBoxElemente.length; i++) {    
		CheckBoxElemente[i].checked=false;
    }
 
    // ausgewaehltes anschalten und bild darstellen
    for (i = 0; i <= 2; i++) {
        if (cdata_array[i]!='') {
            if (document.getElementById('vgl_'+cdata_array[i])) {
            	document.getElementById('vgl_'+cdata_array[i]).checked=true;
            }
            neues_bild = new Image();
            neues_bild.src = '/T-D1/img/display_image/0,3465,109300,00.gif';
            if (!isNaN(cdata_array[i+3])) {
                
                // kein kleines bild gepflegt
 		 	    if (cdata_array[i+3]!='') {
			    	neues_bild.src = '/T-D1/img/display_image/0,,'+cdata_array[i+3]+',00.gif';
			    }         
            }  
            j=i+1;
            bild = eval('document.bildhandyvgl'+j);
            if (bild) {
            	
            	bild.src = neues_bild.src; 
            	// sicherheitshalber groesse anpassen, falls manipuliert wurde
            	bild.height = 80;
            	bild.width = 40;
	       	}    	
        }	
    }      
}



//
// ein handy loeschen anhand der postion ist 0 1 oder 2
//
function handyvgldel (position2del) {
	// cookie holen
	GetCookieVgl ('vgl1');
	
	// popupmeldung loeschen falls vorhanden
	hidehandyvgl();
 
    // dafault handybild
    default_bild = new Image();
    default_bild.src = '/T-D1/img/display_image/0,3465,109300,00.gif';    
    
    if (position2del.toString()=='0')  {
        h1=''; i1='';
        if (document.bildhandyvgl1) {
       		document.bildhandyvgl1.src = default_bild.src
       	}	
    }   
    if (position2del.toString()=='1')  {
        h2=''; i2='';
        if (document.bildhandyvgl2) {
        	document.bildhandyvgl2.src = default_bild.src
        }	
    }
    if (position2del.toString()=='2')  {
        h3=''; i3='';
        if (document.bildhandyvgl3) {
        	document.bildhandyvgl3.src = default_bild.src
        }	
    }   
	// cookie aktualisieren
 	SetCookieVgl();
}

//
// die position eines elementes bestimmen
//
function findPosY(obj) {
   var curtop = 0;
   if(obj.offsetParent) {
      while(obj.offsetParent) {
         curtop += obj.offsetTop
         obj = obj.offsetParent;
      }
   }
   else if(obj.y)
      curtop = obj.y;
   // noch etwas verschieben     
   return curtop-7;
}

//
// die position eines elementes bestimmen
//
function findPosX(obj) {
   var curleft = 0;
   if(obj.offsetParent) {
      while(obj.offsetParent) {
         curleft += obj.offsetLeft
         obj = obj.offsetParent;
      }
   }
   else if(obj.x) 
     curleft = obj.x;
   // noch etwas verschieben  
   return curleft + 21;
}

// popupmeldung ausblenden
function hidehandyvgl() {
	handyvglinit();
	if (document.getElementById('handyvglinfobox')) {
    	document.getElementById('handyvglinfobox').style.display='none';
    }
}


//
// onlick der checkboxen auf der handyliste
// checkit = 1 dann wird dieses handy ausgewaehlt
//
function handyvgl (idhandy, himage, titel, checkit) {
 
	// klipklapp userbar aufklappen
	var hv = document.getElementById('handyvergleich'); 
	if (hv && /\btoggles\b/.test(hv.className) && /\bclos(ed|ing)\b/.test(hv.className)) { 
	  var hvc = hv.firstChild; 
	  while (hvc) { 
	    if (/\btoggle-header\b/.test(hvc.className)) { 
	      hvc.onclick(); 
	      break; 
	    } 
	    hvc = hvc.nextSibling; 
	  } 
	} 


	
	// pflicht auswahl
	if (checkit) {
		document.getElementById('vgl_'+idhandy).checked=true;
	}
	
	// handybild nur wenn es eine number ist
	
	if (!isNaN(himage)) {
	    neues_bild = new Image();
	    // kein kleines bild gepflegt
	    if (himage!='') {
	    	neues_bild.src = '/T-D1/img/display_image/0,,'+himage+',00.gif'; 
	    } else {
	    	neues_bild.src = '/T-D1/img/display_image/0,3465,109300,00.gif';   
	    }	
    }
	
	// cookie auslesen    
	GetCookieVgl ('vgl1');
	
	// wurde checkbox an oder aus-gechecked
	if (document.getElementById('vgl_'+idhandy).checked==true) {
		
	    //freier Platz vorhanden? von links 1 nach rechts 3 
	    if ( h1=='' ) {
	        h1=idhandy; i1=himage;
	        if (document.bildhandyvgl1) {
	        	document.bildhandyvgl1.src = neues_bild.src;    
	    	}
	    	SetCookieVgl();
	    } else if ( h2=='' ) {
	        h2=idhandy; i2=himage;
	        if (document.bildhandyvgl2) {
	        	document.bildhandyvgl2.src = neues_bild.src;
	       	}      
	       	SetCookieVgl();
	    } else if ( h3=='' ) {
	        h3=idhandy; i3=himage;
	        if (document.bildhandyvgl3) {
	        	document.bildhandyvgl3.src = neues_bild.src;
	        }              
	        SetCookieVgl();
	            
	    } else {
	    
	    	// alles 3 slots belegt
			// hier dann das layer popup einblenden
	
			if (document.getElementById('handyvglinfobox')) {
	
				// hochkomma im titel escapen fuer weitere js verarbeitung
				// titel2=titel.replace(/'/g, "\\'x1");
	
				msg='<div style="float:right;"><a href="javascript:onclick=hidehandyvgl()">schließen</a>&nbsp;<img src="/T-D1/img/display_image/0,3465,109303,00.gif" onclick="hidehandyvgl()"></div><b>Handyvergleich</b>';
				msg=msg+'<div class="vgltext">Bitte wählen Sie ein Handy aus, das sie anstelle des '+titel+' tauschen möchten.</div>';
				msg=msg+'<a href="javascript:void(0)" onclick="handyvgldel(0);handyvgl(\''+idhandy+'\',\''+himage+'\',\'\',1);">1. Handy austauschen</a><br>';
				msg=msg+'<a href="javascript:void(0)" onclick="handyvgldel(1);handyvgl(\''+idhandy+'\',\''+himage+'\',\'\',1);">2. Handy austauschen</a><br>';
				msg=msg+'<a href="javascript:void(0)" onclick="handyvgldel(2);handyvgl(\''+idhandy+'\',\''+himage+'\',\'\',1);">3. Handy austauschen</a><br>';
				msg=msg+'<br><div style="float:right;"><a href="/handyvergleich/0,9855,14150-_---,00.html"  class="arrow-right">direkt zum Vergleich<span class="arrow-link">&nbsp;&nbsp;&nbsp;</span></a>';
				
				document.getElementById('handyvglinfobox').innerHTML = msg;
				document.getElementById('handyvglinfobox').style.display='block';
				
				// positionieren
				document.getElementById('handyvglinfobox').style.top=findPosY(document.getElementById('vgl_'+idhandy))+'px';
				document.getElementById('handyvglinfobox').style.left=findPosX(document.getElementById('vgl_'+idhandy))+'px';
				
			}
	    }
	    
	} else {
	
		// haken wurde enfernt
		// position des handys ermitteln 0 1 oder 2 - 3 felder sind frei
		switch (idhandy) {
		    case h1: handyvgldel(0);break;
		    case h2: handyvgldel(1);break;
		    case h3: handyvgldel(2);break;
	    }
	}	    
}

handyvglinit();