/** 
 * skript pro praci s gallery
 *
 */

/** @var integer idava pocet obrazku pro polozku galerie, standardne 3 (trumb, medium, full) **/
var galImageSizeCount = 3;
/** @var integer vychozi sirka okna pro zobrazovani obrazku **/
var galWindowWidthDef = 800;
/** @var integer vychozi viska okna pro zobrazovani obrazku **/
var galWindowHeightDef = 600;

/** @var array seznam polozek galerie ve formatu: galList[id][type] = galIImage('src', 'width', 'height', 'title'); **/
var galList = new Array();


// polozka obrazku v galerii
/**
 * polozka obrazku v galerii
 *
 * @param string  isrc     cesta k obrazku
 * @param integer iwidth   sirka obrazku
 * @param integer iheight  viska obrazku
 * @param string  ititile  popisek obrazku
 */
function galIImage(isrc, iwidth, iheight, ititle) {
  this.iSrc = isrc;
  this.iWidth  = parseInt(iwidth);
  this.iHeight = parseInt(iheight);
  this.iTitle = ititle;
}

/**
 * Otevre okno s vygenerovanym html pro zobrazeni obrazku
 *
 * @param string  isrc     cesta k obrazku
 * @param integer iwidth   sirka obrazku
 * @param integer iheight  viska obrazku
 * @param string  ititile  popisek obrazku
 */
function galWImage(isrc, iwidth, iheight, ititle) {
	if( ititle.value == '' ) {
		var title = 'Ford Auto IN :: Image';
	} else { 
		var title = 'Ford Auto IN :: Image :: ' + ititle.value;
	}

	wwidth  = parseInt(iwidth);
	wheight = parseInt(iheight);

	if (isNaN(wwidth)  || wwidth == 0 ) {wwidth  = galWindowWidthDef;}
	if (isNaN(wheight) || wheight == 0) {wheight = galWindowHeightDef;}

	wwidth += 30; 
	wheight += 30; 

	_window = window.open('',title.value,'width='+wwidth+',height='+wheight+',resizable,scrollbars=yes');
	_window.document.write('<html><head><title>'+title.value+'</title>');
	_window.document.write('<style type="text/css">BODY, DIV, IMG {border:0; margin:0; padding:0;} BODY {margin: 2px;} BODY, DIV, A {color: #000000; background-color: #FFFFFF; font: 12px "Helvetica CE", helvetica, arial, lucida, sans-serif;} DIV {text-align:center;}</style>');
	_window.document.write('<script type="text/javascript">function meClose(){window.close();return;}</script>');
	_window.document.write('</head><body xonBlur="javascript:meClose();" xonClick="javascript:meClose();">');
	_window.document.write('<div><a href="#" onClick="javascript:meClose();">'+galTImage(isrc, iwidth, iheight, ititle)+'</a></div>');
	_window.document.write('<div><a href="#" onClick="javascript:meClose();" title="Zavřít okno.">Okno zavřete kliknutím na obrázek.</a></div>');
	_window.document.write("</body></html>");
	_window.document.close();

	return true;
}

/**
 * Udalost kliknuti na obrazek
 *
 * @param integer iid     identifikator obrazku ktery se ma zobrazit 
 * @param integer itype   typ obrazku ktery se ma zobrazit
 * @param integer iheight  viska obrazku
 * @param string  ulclass  hodnota atributu class pro tag UL
 * @param string  liclass  hodnota atributu class pro tag LI
 * @param string  ulid     hodnota atributu id pro tag UL
 */
function galLImage(ulclass, liclass, ulid) {
	var rHTML = '';
	
	if (ulid != '') {ulid  = ' id="'+ulid+'"';}
	if (ulclass != '') {ulclass = ' class="'+ulclass+'"';}
	if (liclass != '') {liclass = ' class="'+liclass+'"';}

	rHTML += '<ul'+ulid+ulclass+'>\n'
	for (iid in galList) {
		iImg = galList[iid][1];
		rHTML += '\t<li'+liclass+'><a href="'+galList[iid][3].iSrc+'" rel="gallery['+iid+']" onClick="return galCImage('+iid+', 2);">'+galTImage(iImg.iSrc, iImg.iWidth, iImg.iHeight, iImg.iTitle)+'</a></li>\n'
	}
	rHTML += '</ul>\n'
	return rHTML;
}

function eventNone(event) {
	return false;
}

/**
 * Udalost kliknuti na obrazek
 *
 * @param integer iid     identifikator obrazku ktery se ma zobrazit 
 * @param integer itype   typ obrazku ktery se ma zobrazit
 * @param integer iheight  viska obrazku
 * @param string  ititile  popisek obrazku
 */
function galCImage(iid, itype) {
	//alert('test:\n'+iid+'\n'+itype+'\n'+atag.href);
	switch (itype) {
		case 2:
			iImg = galList[iid][2];
			iHTML = '<a href="'+galList[iid][3].iSrc+'" rel="gallery['+iid+']" onClick="return galCImage('+iid+', 3);">'+galTImage(iImg.iSrc, iImg.iWidth, iImg.iHeight, iImg.iTitle)+'</a>'
			addInnerHTML('banner-top', iHTML);
			document.location.href = '#';
			break;		
		case 3:
			iImg = galList[iid][3];
			galWImage(iImg.iSrc, iImg.iWidth, iImg.iHeight, iImg.iTitle);
			break;		
		case 1:
		default:
			//nemelo by nastat
	}
	return false;

}

/**
 * Vymeni html v tagu udanem pomoci tagid
 *
 * @param string tagid  id tagu do ktereho se ma vlozit html
 * @param string iHTML  html ktere se ma vlozit do tagu
 */
function addInnerHTML(tagid, iHTML) {
  if (tag = window.document.getElementById(tagid)) { 
    tag.innerHTML = iHTML;
	return true;
  } else {
	return false;
  }
  
}

/**
 * Vrati sestaveny IMG tag
 *
 * @param string  isrc     cesta k obrazku
 * @param integer iwidth   sirka obrazku
 * @param integer iheight  viska obrazku
 * @param string  ititile  popisek obrazku
 */
function galTImage(isrc, iwidth, iheight, ititle) {
	//ititle = escape(ititle);
	if (isNaN(iwidth) || iwidth == 0 || isNaN(iheight) || iheight == 0) {
		iTag = '<img src="'+isrc+'" title="'+ititle+'" alt="'+ititle+'"/>';
	} else {
		iTag = '<img src="'+isrc+'" width="'+iwidth+'" height="'+iheight+'" title="'+ititle+'" alt="'+ititle+'"/>';
	}

	return iTag;
}





function onClickGImage(e) {
	var targ;

	if (!e) var e = window.event;
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	if (targ.nodeType == 3) // defeat Safari bug
		targ = targ.parentNode;

	alert(targ.tagName);
	return false;
}

function setOnClick(rel) {
	var alnks = document.links;
	for (var i in alnks){
		if (alnks[i].rel == rel) {
			//alert(alnks[i].href);
			alnks[i].onclick = onClickGImage;
		}
	}


}