BASEDOMAIN='www.promophoto.nl';
var temp = window.location.href.split("/");
var BASEDOMAIN = temp[2];
var DIRNAME='new-gallery';

if (BASEDOMAIN == 'www.ditisfris.nl' || BASEDOMAIN == 'ditisfris.nl') {
	DIRNAME = 'gallery';
}

function getImage(id, page, imageId, identifier, begin, end, imageLink){
	if(imageLink){
		clearSelected();
		$(imageLink).down().down().className='selected_image';
	}

//	var url = 'http://'+BASEDOMAIN+'/new-gallery/index_ajax.php';
	var url = 'http://'+BASEDOMAIN+'/'+DIRNAME+'/index_ajax.php';
	var pars = 'id='+id+'&page='+page+'&picture='+imageId+'&identifier='+identifier+'&begin='+begin+'&end='+end+'&json=1';
	var myAjax = new Ajax.Request(
		url,
		{
			parameters: pars,
			onComplete: function(){
				reformat();
			}
		});
}

function clearSelected(){
	var id = 0;
	var imgDiv = $('img_'+id);
	do{
		imgDiv.down().down().className='';
		id++;
		imgDiv = $('img_'+id);
	}while(imgDiv && imgDiv.down());
}

//response is the global variable returned in json format
function reformat(){
	// temporary storage, browser start to load image already, but is not visible yet.
	$('tmp_container').innerHTML = response.large;
	new Effect.Fade('img', {queue:'end', duration:0.5, afterFinish: swapContentAndSlideDown});
	if($('timefield')){
		$('timefield').value = response.time.timefield;
	}
	if($('datefield')){
		$('datefield').value = response.time.datefield;
	}
	if($('timeid')){
		$('timeid').value = response.time.timeid;
	}
	if($('timeidentifier')){
		$('timeidentifier').value = response.time.timeidentifier;
	}
	if($('dayfield')){
		$('dayfield').value = response.time.dayfield;
	}
		
	$('nextPic').innerHTML = response.nextpic;
	$('prevPic').innerHTML = response.prevpic;
	$('nextPage').innerHTML = response.nextpage;
	$('prevPage').innerHTML = response.prevpage;
	if($('download')){
		$('download').innerHTML = response.download;
	}

	if($('email')){	
		$('email').innerHTML = response.email;
	}
	
	if($('indicator')){
		$('indicator').innerHTML = response.indicator;
	}
	
	if($('vote')){
		$('vote').innerHTML = response.vote;
	}
	
	if($('hyves')){
		$('hyves').innerHTML = response.hyves;
	}
	
	if($('facebook')){
		$('facebook').innerHTML = response.facebook;
	}

	if($('twitter')){
		$('twitter').innerHTML = response.twitter;
	}
	
	for(var i = 0; i < response.thumbnails.length; i++){
		var img = $('img_'+i);
		$('img_'+i).innerHTML = response.thumbnails[i];
	}
	
	var img = $('img_'+(i));
	if(img){
		while(img){
			img.innerHTML = '';
			i++;
			img = $('img_'+i);
		}
	}
}

function swapContentAndSlideDown(obj){
	obj.element.innerHTML = $('tmp_container').innerHTML;
	new Effect.Appear(obj.element,{queue:'end', duration:0.5});
}

function makeprintpage(src)
{
// creates temporary pop-up html page for printing an image from the gallery

  return "<html>\n" +
    "<head>\n" +
    "<title>ditisfris printen</title>\n" +
    "<script>\n" +
    "function step1() {\n" +
    "  setTimeout('step2()', 10);\n" +
    "}\n" +
    "function step2() {\n" +
    "  window.print();\n" +
    "  window.close();\n" +
    "}\n" +
    "</scr" + "ipt>\n" +
    "</head>\n" +
    "<body onLoad='step1()'>\n" +
    "<img src='" + src + "'/>\n" +
    "</body>\n" +
    "</html>\n";
}

function printImage(id)
{
  image = document.getElementById(id);
  src = image.src;
  link = "about:blank";
  var pw = window.open(link, "_new");
  pw.document.open();
  pw.document.write(makeprintpage(src));
  pw.document.close();
}

