hs.showCredits = false;
hs.dimmingOpacity = 0.75;

var dataValid = false;

function makeRequest(url, parameters, cb) {
	dataValid = false;
	clearContents();
	makeGETRequest(url, parameters, cb);
}

function clearContents() {
	var refTopBackLink = document.getElementById('refTopBackLink'); 
	var refTopNextLink = document.getElementById('refTopNextLink');
	//var refTopCenter = document.getElementById('refTopCenter');

	var refMainImageImg = document.getElementById('ref_paakuva');
	var refSmallImg1 = document.getElementById('ref_alakuva1');
	//var refSmallImg2 = document.getElementById('refSmallImg2');
	//var refSmallImg3 = document.getElementById('refSmallImg3');
	var ref_txt1 = document.getElementById('ref_txt1');
	var ref_txt2 = document.getElementById('ref_txt2');
	var ref_txt3 = document.getElementById('ref_txt3');
	var ref_txta1 = document.getElementById('ref_txt3');
	var ref_txta2 = document.getElementById('ref_txt3');
	var ref_txta3 = document.getElementById('ref_txt3');


	refTopNextLink.setAttribute('onclick', '');
	refTopBackLink.setAttribute('onclick', '');
//	refTopCenter.innerHTML = '';
	refMainImageImg.style.visibility = 'hidden';
	ref_txt1.innerHTML = '';
	ref_txt2.innerHTML = '';
	ref_txt3.innerHTML = '';
	ref_txta1.innerHTML = '';
	ref_txta2.innerHTML = '';
	ref_txta3.innerHTML = '';

	refSmallImg1.style.visibility = 'hidden';
	refSmallImg1.style.display = 'none';
//	refSmallImg2.style.visibility = 'hidden';
//	refSmallImg2.style.display = 'none';
//	refSmallImg3.style.visibility = 'hidden';
//	refSmallImg3.style.display = 'none';
}

function alertContents() {
	if (http_request.readyState == 4) {
		if (http_request.status == 200) {
			var card = eval('(' + http_request.responseText + ')');
			if (card) {
				var data = card.referenceData;

				var refTopBackLink = document.getElementById('refTopBackLink'); 
				var refTopNextLink = document.getElementById('refTopNextLink');
				//var refTopCenter = document.getElementById('refTopCenter');

				var refMainImageImg = document.getElementById('ref_paakuva');
				var refSmallImg1 = document.getElementById('ref_alakuva1');
				//var refSmallImg2 = document.getElementById('refSmallImg2');
				//var refSmallImg3 = document.getElementById('refSmallImg3');
				//var refTextArea = document.getElementById('refTextArea');

                var ref_txt1 = document.getElementById('ref_txt1');
	            var ref_txt2 = document.getElementById('ref_txt2');
	            var ref_txt3 = document.getElementById('ref_txt3');
	            var ref_txta1 = document.getElementById('ref_alakuva1_txt');
	            var ref_txta2 = document.getElementById('ref_alakuva2_txt');
	            var ref_txta3 = document.getElementById('ref_alakuva3_txt');

                var company = document.getElementById('company');
                var company2 = document.getElementById('company2');
                var city = document.getElementById('city');

                city.innerHTML = data.ref_folder;
                company.innerHTML = data.ref_title;
                company2.innerHTML = "Taloyhtiö: "+ data.ref_title;

				// Images with actual content
				var i1 = false;
				var i2 = false;
				var i3 = false;

				//var textAreaTmp = '';

				if ( typeof(data.error) != 'undefined' && data.error > 0 ) {
					alert('Virhe ');
					dataValid = false;
				} else {
					for (i=0;i<data.items.length;i++) {
						var this_item = data.items[i];
						if ( i == 0 && this_item.ref_alakuva != null && this_item.ref_alakuva.length > 0) {
							refSmallImg1.src = this_item.ref_alakuva;
							refSmallImg1.style.visibility = 'visible';
							refSmallImg1.style.display = 'inline';
							i1 = true;
						} else if ( i == 1 && this_item.ref_alakuva != null && this_item.ref_alakuva.length > 0) {
							refSmallImg2.src = this_item.ref_alakuva;
							refSmallImg2.style.visibility = 'visible';
							refSmallImg2.style.display = 'inline';
							i2 = true;
							if ( i1 == false ) {
								refSmallImg2.style.marginLeft = '0px';
							}
						} else if ( i == 2 && this_item.ref_alakuva != null && this_item.ref_alakuva.length > 0) {
							refSmallImg3.src = this_item.ref_alakuva;
							refSmallImg3.style.visibility = 'visible';
							refSmallImg3.style.display = 'inline';
							i3 = true;
							if ( i2 == false ) {
								refSmallImg3.style.marginLeft = '0px';
							}
						}

                        switch(i) {
                            case 0:
                                ref_txt1.innerHTML = this_item.ref_txt;
                                ref_txta1.innerHTML = this_item.ref_alakuva_txt;
                                break;
                            case 1:
                                ref_txt2.innerHTML = this_item.ref_txt;
                                ref_txta2.innerHTML = this_item.ref_alakuva_txt;
                                break;
                            case 2:
                                ref_txt3.innerHTML = this_item.ref_txt;
                                ref_txta3.innerHTML = this_item.ref_alakuva_txt;
                                break;
                        }
	
						//textAreaTmp += '<p><strong>'+ this_item.ref_alakuva_txt +'</strong><br />' + this_item.ref_txt + '</p><br />';
					}

					dataValid = true;
					//refTopCenter.innerHTML = data.ref_title + ' / ' + data.ref_folder + ' ' + data.ref_this_number + '(' + data.ref_tot_number + ')';
					//refTextArea.innerHTML = textAreaTmp;

					if ( data.ref_paakuva ) { 
						refMainImageImg.style.visibility = 'visible';
						refMainImageImg.src = data.ref_paakuva;
					}
					//refTopBackLink.href = "";
					if ( data.ref_prev_id > 0 ) {
						if (IEVersion() == 0 || IEVersion() == 8) { 
							refTopBackLink.setAttribute('onclick', 'makeRequest("/ref2var?refId='+ data.ref_prev_id +'", "", alertContents);return false;');
						} else {
							refTopBackLink.href='javascript:makeRequest("ref2var?refId='+ data.ref_prev_id +'", "", alertContents)';
						}
	
					} else {
						refTopBackLink.setAttribute('onclick', null);
					}
					//refTopNextLink.href = "";
					if ( data.ref_next_id > 0 ) {
						if (IEVersion() == 0 || IEVersion() == 8) { 
							refTopNextLink.setAttribute('onclick', 'makeRequest("/ref2var?refId='+ data.ref_next_id +'", "", alertContents);return false;');
						} else {
							refTopNextLink.href='javascript:makeRequest("ref2var?refId='+ data.ref_next_id +'", "", alertContents)';
						}
					} else {
						refTopNextLink.setAttribute('onclick', null);
					}
					hs.htmlExpand(document.getElementById('refblock'), { width: '900', height:'650', headingText: 'Referenssit', wrapperClassName: 'titlebar' } );
				}
			}
		} else {
			alert('There was a problem with the request.');
		}
	} else {

	}
}

function IEVersion() {
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
		var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
		if (ieversion>=8) return 8;
		else if (ieversion>=7) return 7;
		else if (ieversion>=6) return 6;
		else if (ieversion>=5) return 5;
	}
	return 0;
}