// Browser detect

var browserType = navigator.appName
var rv = 0;


var myBrowser
var myBrowserVersion = 0;

var myReg
var myVer

var re_chrome  = new RegExp("Chrome");
var re_firefox  = new RegExp("Firefox");
var re_ie  = new RegExp("MSIE");
var re_safari = new RegExp("Safari");
var re_opera = new RegExp("Opera");

if(re_chrome.exec(navigator.userAgent) != null){
	myBrowser = 'Chrome';
	var rv_chrome  = new RegExp("Chrome/([0-9]{1,2}\.[0-9]{1,2})\.[0-9]{1,4}\.[0-9]{1,4}");
	myReg = rv_chrome.exec(navigator.userAgent)
	myVer = myReg.toString().split('/');
	myBrowserVersion = parseFloat(myVer[1]);
}else if(re_firefox.exec(navigator.userAgent) != null){
	myBrowser = 'Firefox';
	var rv_firefox  = new RegExp("Firefox/([0-9]\.[0-9]{1,2})\.[0-9]{1,4}");
	myReg = rv_firefox.exec(navigator.userAgent)
	if(myReg == null){
		rv_firefox  = new RegExp("Firefox/([0-9]\.[0-9]{1,2})");
		myReg = rv_firefox.exec(navigator.userAgent)
	}
	myVer = myReg.toString().split('/');
	myBrowserVersion = parseFloat(myVer[1]);
}else if(re_ie.exec(navigator.userAgent) != null){
	myBrowser = 'IE';
	var rv_ie  = new RegExp("MSIE ([0-9]\.[0-9]{1,2})");
	myReg = rv_ie.exec(navigator.userAgent)
	myVer = myReg.toString().split(' ');
	myBrowserVersion = parseFloat(myVer[1]);
}else if(re_safari.exec(navigator.userAgent) != null){
	myBrowser = 'Safari';
	var rv_safari  = new RegExp("Version/([0-9]\.[0-9]\.[0-9])");
	myReg = rv_safari.exec(navigator.userAgent)
	myVer = myReg.toString().split('/');
	myBrowserVersion = parseFloat(myVer[1]);
}else if(re_opera.exec(navigator.userAgent) != null){
	myBrowser = 'Opera';
	var rv_opera  = new RegExp("Opera/([0-9]\.[0-9]{1,2})");
	myReg = rv_opera.exec(navigator.userAgent)
	myVer = myReg.toString().split('/');
	myBrowserVersion = parseFloat(myVer[1]);
}else{
	myBrowser = undefined;
}


/* tooltip box */

function showTooltip(element){
	$(element).next().style.display = 'block';
}

function hideTooltip(element){
	$(element).next().style.display = 'none';
	
}



//// lightbox
var img;
var lightboxOpen = false
var lightboxTitle
var currentPicture = ''

function showLightbox(imgurl, title){
	currentPicture = imgurl
	lightboxTitle = title;
	if(!lightboxOpen){
		showLoader()
		lightboxOpen = true
		img = document.createElement('img'); 
		img.id = 'lightboxloadimage'; 
		Event.observe(img, 'load', function(e){addToLightbox(e);},false); 
		//$('lightboxpica').appendChild(img); 
		img.src = imgurl; 
		
		$('ajaxmessage_curtain').style.height = $('myContent').getHeight() + 'px';
		$('ajaxmessage_curtain').style.display = 'block';
	}
}

function showLoader(){
	var scrollOffsets = document.viewport.getScrollOffsets();
	$('mylightbox').style.display = 'block';
	$('lightboxinfo').style.display = 'none';
	$('lightboxcontainer').style.width = '56px';
	$('lightboxcontainer').style.height = '56px';
	$('lightboxtable_centtd').style.width = '56px';
	$('lightboxtable_centtd').style.height = '56px';
	$('mylightbox').style.width = '140px';
	$('mylightbox').style.height = '56px';
	$('mylightbox').style.left = ((document.viewport.getWidth()/2)-62) + 'px';
	$('mylightbox').style.top = ((document.viewport.getHeight()/2) + scrollOffsets[1]) + 'px';
}

function closelightbox(){
	$('lightboxpica').innerHTML = '';
	$('lightbox_leftarrow').style.display = 'none';
	$('lightbox_rightarrow').style.display = 'none';
	$('mylightbox').fade({duration:0.2, afterFinish: function(){lightboxClosed()}})
	lightboxOpen = false
}

function lightboxClosed(){
	var scrollOffsets = document.viewport.getScrollOffsets();
	$('ajaxmessage_curtain').style.display = 'none';
	$('lightbox_leftarrow').style.display = 'none';
	$('lightbox_rightarrow').style.display = 'none';
	$('lightbox_leftarrow').style.top = '0px';
	$('lightbox_rightarrow').style.top = '0px';
	$('mylightbox').style.display = 'none';
	$('lightboxpica').innerHTML = '';
	$('lightboxtext').innerHTML ='';
	$('lightboxcontainer').style.width = '56px';
	$('lightboxcontainer').style.height = '56px';
	$('lightboxtable_centtd').style.width = '56px';
	$('lightboxtable_centtd').style.height = '56px';
	$('mylightbox').style.width = '56px';
	$('mylightbox').style.height = '56px';
	$('lightboxContouter').style.height = '0px';
	$('mylightbox').style.left = ((document.viewport.getWidth()/2)) + 'px';
	$('mylightbox').style.top = ((document.viewport.getHeight()/2) + scrollOffsets[1]) + 'px';
	

}

function addToLightbox(e){
	
	$('lightboxpica').innerHTML = '';
	$('lightboxpica').appendChild(img);
	$('lightboxtext').innerHTML ='';
	var titleLink = lightboxTitle.split('|')
	$('lightboxtext').innerHTML = '<a href="'+titleLink[1]+'" target="_blank">'+titleLink[0]+'</a>';
	var padding = 60
	var myDuration = 0.3
	var myTransition = Effect.Transitions.sinoidal
	
	Event.stop(e);
	var scrollOffsets = document.viewport.getScrollOffsets();
	
	$('lightbox_leftarrow').style.display = 'none';
	$('lightbox_rightarrow').style.display = 'none';
	$('lightbox_leftarrow').style.top = '0px';
	$('lightbox_rightarrow').style.top = '0px';
	$('lightboxinfo').style.display = 'none';
	$('mylightbox').style.visibility = 'hidden';
	$('mylightbox').style.display = 'block';
	
	
	$('lightboxcontainer').morph('width:'+img.getWidth()+'px; height:'+img.getHeight()+'px;', {duration:myDuration, transition: myTransition})
	$('lightboxtable_centtd').morph('width:'+(img.getWidth())+'px; height:'+((img.getHeight()))+'px;', {duration:myDuration, transition: myTransition})
	$('mylightbox').morph('width:'+(img.getWidth() + padding + 100)+'px; height:'+((img.getHeight() + padding)+120)+'px;', {duration:myDuration, transition: myTransition})
	$('mylightbox').style.left = ((document.viewport.getWidth()/2)-50) + 'px';
	$('mylightbox').style.top = ((document.viewport.getHeight()/2) + scrollOffsets[1]) + 'px';
	
	new Effect.Move('mylightbox', { x: ((document.viewport.getWidth()/2)-((img.getWidth() + padding)/2)-50), y: (((document.viewport.getHeight()/2)-((img.getHeight() + padding)/2)) + scrollOffsets[1]), mode: 'absolute', transition: myTransition, duration:myDuration, afterFinish: function(){fadePictureIn()}});
	$('lightboxContouter').morph('height:'+(502)+'px;', {duration:myDuration, transition: myTransition})
	
	
	$('lightboxcontainer').style.display = 'none';
	$('mylightbox').style.visibility = 'visible';
	lightboxTitle = ''
}

function fadePictureIn(){
	var picpicFiles = new Array();
	picpicArray = document.getElementsByClassName('picpic');
	
	for(var n=0; n<picpicArray.length; n++){
		var cumo = picpicArray[n].innerHTML;
		var daraboltString = cumo.split("'");
		picpicFiles[n] = daraboltString[1];	
	}
	
	thisid = picpicFiles.indexOf(currentPicture)
	//alert(thisid)
	
	$('lightboxcontainer').appear({duration: 0.3, afterFinish: function(){showLightInfo()}})
	
	$('lightbox_leftarrow').style.top = (($('mylightbox').getHeight()/2) - 180)+'px';
	if(thisid > 0){$('lightbox_leftarrow').style.display = 'block';}

	$('lightbox_rightarrow').style.top = (($('mylightbox').getHeight()/2) - 180)+'px';
	if(thisid < (picpicArray.length-1)){$('lightbox_rightarrow').style.display = 'block';}

	
}

function showLightInfo(){
	Effect.SlideDown('lightboxinfo', { duration: 0});
}

function lightboxNextpic(){
	picpicArray:Array
	var picpicFiles = new Array();
	var picpicTitles = new Array();
	picpicArray = document.getElementsByClassName('picpic');
	
	for(var n=0; n<picpicArray.length; n++){
		var cumo = picpicArray[n].innerHTML;
		var daraboltString = cumo.split("'");
		picpicFiles[n] = daraboltString[1];
		picpicTitles[n] = daraboltString[3];	
	}
	
	thisid = picpicFiles.indexOf(currentPicture)
	changeLightbox(picpicFiles[(thisid+1)], picpicTitles[(thisid+1)]);
}

function lightboxPrevpic(){
	picpicArray:Array
	var picpicFiles = new Array();
	var picpicTitles = new Array();
	picpicArray = document.getElementsByClassName('picpic');
	
	for(var n=0; n<picpicArray.length; n++){
		var cumo = picpicArray[n].innerHTML;
		var daraboltString = cumo.split("'");
		picpicFiles[n] = daraboltString[1];
		picpicTitles[n] = daraboltString[3];	
	}
	
	thisid = picpicFiles.indexOf(currentPicture)
	changeLightbox(picpicFiles[(thisid-1)], picpicTitles[(thisid-1)]);
}

function changeLightbox(imgurl, title){
	$('lightboxloadimage').fade({duration:0.07})
	$('lightbox_leftarrow').style.display = 'none';
	$('lightbox_rightarrow').style.display = 'none';
	//$('lightboxinfo').fade({duration:0.07, afterFinish: function(){changeLightbox_smaller(imgurl, title)}})
	changeLightbox_smaller(imgurl, title)
	//closelightbox()
	//var setfunc = 'showLightbox(\''+imgurl+'\', \''+title+'\')';
	//setTimeout(setfunc,500);
}

function changeLightbox_smaller(imgurl, title){
	var padding = 60
	var myDuration = 0.3
	var mysize = 200
	var myTransition = Effect.Transitions.sinoidal
	var scrollOffsets = document.viewport.getScrollOffsets();
	
	
	//$('lightboxcontainer').morph('width:'+mysize+'px; height:'+mysize+'px;', {duration:myDuration, transition: myTransition})
	//$('lightboxtable_centtd').morph('width:'+(mysize)+'px; height:'+(mysize)+'px;', {duration:myDuration, transition: myTransition})
	//$('mylightbox').morph('width:'+(mysize + padding + 140)+'px; height:'+((mysize + padding)+120)+'px;', {duration:myDuration, transition: myTransition})
	//new Effect.Move('mylightbox', { x: ((document.viewport.getWidth()/2)-((mysize + padding)/2)-62), y: (((document.viewport.getHeight()/2)-((mysize + padding)/2)) + scrollOffsets[1]), mode: 'absolute', transition: myTransition, duration:myDuration, afterFinish: function(){changeLightbox_newload(imgurl, title)}});
	changeLightbox_newload(imgurl, title)
}

function changeLightbox_newload(imgurl, title){

	$('lightboxpica').innerHTML = '<img src="../images/ajaxloader.gif" alt="load" style="margin-top:242px; margin-left:390px;"/>';
	currentPicture = imgurl
	lightboxTitle = title;
	lightboxOpen = false
	if(!lightboxOpen){
		//showLoader()
		lightboxOpen = true
		img = document.createElement('img'); 
		img.id = 'lightboxloadimage'; 
		Event.observe(img, 'load', function(e){changeLightbox_ToLightbox(e);},false); 
		//$('lightboxpica').appendChild(img); 
		img.src = imgurl; 
	}
}

function changeLightbox_ToLightbox(e){
	
	$('lightboxpica').innerHTML = '';
	$('lightboxpica').appendChild(img);
	$('lightboxtext').innerHTML ='';
	var titleLink = lightboxTitle.split('|')
	$('lightboxtext').innerHTML = '<a href="'+titleLink[1]+'" target="_blank">'+titleLink[0]+'</a>';
	var padding = 60
	var myDuration = 0.5
	var myTransition = Effect.Transitions.sinoidal
	
	Event.stop(e);
	var scrollOffsets = document.viewport.getScrollOffsets();
	
	$('lightbox_leftarrow').style.display = 'none';
	$('lightbox_rightarrow').style.display = 'none';
	$('lightbox_leftarrow').style.top = '0px';
	$('lightbox_rightarrow').style.top = '0px';
	//$('lightboxinfo').style.display = 'none';
	//$('mylightbox').style.visibility = 'hidden';
	//$('mylightbox').style.display = 'block';
	
	
	$('lightboxcontainer').morph('width:'+img.getWidth()+'px; height:'+img.getHeight()+'px;', {duration:myDuration, transition: myTransition})
	$('lightboxtable_centtd').morph('width:'+(img.getWidth())+'px; height:'+((img.getHeight()))+'px;', {duration:myDuration, transition: myTransition})
	$('mylightbox').morph('width:'+(img.getWidth() + padding + 100)+'px; height:'+((img.getHeight() + padding)+120)+'px;', {duration:myDuration, transition: myTransition})
	//$('mylightbox').style.left = ((document.viewport.getWidth()/2)) + 'px';
	//$('mylightbox').style.top = ((document.viewport.getHeight()/2) + scrollOffsets[1]) + 'px';
	
	new Effect.Move('mylightbox', { x: ((document.viewport.getWidth()/2)-((img.getWidth() + padding)/2)-50), y: (((document.viewport.getHeight()/2)-((img.getHeight() + padding)/2)) + scrollOffsets[1]), mode: 'absolute', transition: myTransition, duration:myDuration, afterFinish: function(){fadePictureIn()}});
	
	
	
	$('lightboxcontainer').style.display = 'none';
	//$('mylightbox').style.visibility = 'visible';
	lightboxTitle = ''
}

//// alert

function alertposition(obj){
	var myViewWidth = 697
	var scrollOffsets = document.viewport.getScrollOffsets();
	$(obj).style.top = ((document.viewport.getHeight()/2) - ($(obj).offsetHeight/2))+ scrollOffsets[1] + 'px';
	$(obj).style.left = ((myViewWidth/2) - ($(obj).offsetWidth/2)) + 'px';
}

function showAlert(cim, szoveg, gomb){
	//alert('aaaa')
	if (browserType == 'Microsoft Internet Explorer' && browserVersion < 7){
		var selects = $('content').getElementsByTagName('select')
		for(var n=0; n<selects.length; n++){
			selects[n].style.display = 'none'
		}
	}
	//document.all.dropDownMenu.style.display = "none"
	
	//$('myselect').style.zIndex = 100
	//alert($('myselect').style.zIndex)
	$('ajaxmessage').style.display = 'block'
	$('ajaxalerttext').innerHTML = '<h3>'+cim+'</h3>'+szoveg;
	$('alertokbutt').innerHTML = gomb
	
	
	alertposition('ajaxmessage');
}

function closemessage(){
	if (browserType == 'Microsoft Internet Explorer' && browserVersion < 7){
		var selects = $('content').getElementsByTagName('select')
		for(var n=0; n<selects.length; n++){
			selects[n].style.display = 'block'
		}
	}
	
	$('ajaxmessage').style.display = 'none';
	try{extclosemessage()}catch(err){}
}


//// alert2

function alertposition(obj, myHeight){
	var myViewWidth = document.viewport.getWidth();
	var scrollOffsets = document.viewport.getScrollOffsets();
	if(myHeight > 0){
		$(obj).style.top = myHeight + 'px';
	}else{
		$(obj).style.top = ((document.viewport.getHeight()/2) - ($(obj).offsetHeight/2))+ scrollOffsets[1] + 'px';
	}
	
	$(obj).style.left = ((myViewWidth/2) - ($(obj).offsetWidth/2)) + 'px';
}


function showAlertExtended(cim, szoveg){
	
	var posVertiExt = 0
	
	for( var a = 2; a < arguments.length; a++ ) {
		if(arguments[a] !== undefined){
			if(arguments[a].title !== undefined && arguments[a].title !== 'positionChange'){
				new Insertion.After('alert_butt_container', '<td align="center" id="alert_funcbutt_'+a+'"><div class="alert_butt_align"><a href="javascript:void(0)" onclick="'+arguments[a].func+'(); return false;" style="cursor:pointer;"><span class="alertbuttleft"><span class="alertbuttright">'+arguments[a].title+'</span></span></a></div></td>')
			}else{
				if(arguments[a].title == 'positionChange'){
					posVertiExt = arguments[a].newpos
				}
				
				
			}
			try{var callfunction = arguments[a].extra; callfunction();}catch(err){}
		}
	}
	
	$('ajaxmessage_curtain').style.height = $('myContent').getHeight() + 'px';
	$('ajaxmessage_curtain').style.display = 'block';
	$('alerttitle').innerHTML=cim;
	if(szoveg.indexOf('#') == 0){
		var insertId = szoveg.replace('#', '')
		$('alerttext').innerHTML=$(insertId).innerHTML;
	}else{
		$('alerttext').innerHTML=szoveg;
	}
	
	$('ajaxmessage').style.display = 'block'
	
	
	alertposition('ajaxmessage', posVertiExt);

}


function closealert(){
	for( var a = 2; a < 10; a++ ) {
		try{
			$('alert_funcbutt_'+a).remove();
		}catch(err){}
	}
	
	$('ajaxmessage_curtain').style.display = 'none';
	$('ajaxmessage').style.display = 'none';
	
	try{$('loginToImg').remove();}catch(err){}
}

// DESIGNED FORM ELEMENTS

var globalContainer = 'container';

// Radiobutton

function desRadioClick(obj, className){
	var radioGroup = $(globalContainer).getElementsByClassName(className);
	var desSpan;
	var desSpanIna;
	var desSpanAct;
	var radio;
	for(var g=0; g<radioGroup.length; g++){
		
		radio = radioGroup[g].getElementsBySelector('[type="radio"]');
		radio[0].checked = false
		if((myBrowser == 'IE') && (myBrowserVersion < 9)){
			desSpanIna = radioGroup[g].getElementsByClassName('inputRadio');
			desSpanAct = radioGroup[g].getElementsByClassName('inputRadio_active');
		}else{
			desSpanIna = radioGroup[g].getElementsBySelector('[class="inputRadio"]');
			desSpanAct = radioGroup[g].getElementsBySelector('[class="inputRadio_active"]');
		}
		
		if(desSpanIna.length > 0) desSpanIna[0].removeClassName('inputRadio_active');
		if(desSpanAct.length > 0) desSpanAct[0].removeClassName('inputRadio_active');
		if(desSpanIna.length > 0) desSpanIna[0].addClassName('inputRadio');
		if(desSpanAct.length > 0) desSpanAct[0].addClassName('inputRadio');
	}
	
	radio = obj.getElementsBySelector('[type="radio"]');
	radio[0].checked = true
	if((myBrowser == 'IE') && (myBrowserVersion < 9)){
		desSpanIna = obj.getElementsByClassName('inputRadio');
		desSpanAct = obj.getElementsByClassName('inputRadio_active');
	}else{
		desSpanIna = obj.getElementsBySelector('[class="inputRadio"]');
		desSpanAct = obj.getElementsBySelector('[class="inputRadio_active"]');
	}
	if(desSpanIna.length > 0) desSpanIna[0].removeClassName('inputRadio');
	if(desSpanAct.length > 0) desSpanAct[0].removeClassName('inputRadio');
	if(desSpanIna.length > 0) desSpanIna[0].addClassName('inputRadio_active');
	if(desSpanAct.length > 0) desSpanAct[0].addClassName('inputRadio_active');
}

function desCheckClick(obj){
	
	var desSpan;
	var desSpanIna;
	var desSpanAct;
	var radio;
	//alert($('szoveges').getElementsBySelector('[type="checkbox"]'))
	if((myBrowser == 'IE') && (myBrowserVersion < 8)){
		radio = $(obj.id).getElementsBySelector('[type="checkbox"]');
	}else{
		radio = obj.getElementsBySelector('[type="checkbox"]');
	}
	
	if(radio[0].checked){
		radio[0].checked = false
		if((myBrowser == 'IE') && (myBrowserVersion < 9)){
			desSpanAct = obj.getElementsByClassName('checkBox_active');
		}else{
			desSpanAct = obj.getElementsBySelector('[class="checkBox_active"]');
		}
		if(desSpanAct.length > 0) desSpanAct[0].removeClassName('checkBox_active');
		if(desSpanAct.length > 0) desSpanAct[0].addClassName('checkBox');
	}else{
		radio[0].checked = true
		if((myBrowser == 'IE') && (myBrowserVersion < 9)){
			desSpanAct = obj.getElementsByClassName('checkBox');
		}else{
			desSpanAct = obj.getElementsBySelector('[class="checkBox"]');
		}
		if(desSpanAct.length > 0) desSpanAct[0].removeClassName('checkBox');
		if(desSpanAct.length > 0) desSpanAct[0].addClassName('checkBox_active');
	}
	
}

var currentDesOpt = null;
var currentDesOptName = null;
var desOptTimeout;

function desOptionClick(obj, name){
	if((myBrowser == 'IE') && (myBrowserVersion < 8)){
		obj = $(name+'_optionCont');
	}
	var desOptCont = obj.getElementsByClassName('desOption');
	var desOptInp = obj.getElementsByClassName(name);
	currentDesOpt = obj
	currentDesOptName = name;
	
	if(desOptCont[0].style.display == 'none'){
		desOptCont[0].style.display = 'block';
		desOptInp[0].blur();
		document.onmouseup = desOptOnclick;
	}else{
		//desOptClose()
	}
}

function desOptOnclick(){
	document.onmouseup = null
	document.onclick = desOptOutClick;
}

function desOptionSelect(obj, name){
	var parent = obj.parentNode.parentNode.parentNode
	var desOptInp = parent.getElementsByClassName(name);
	desOptInp[0].value = obj.value;
}

function desOptClose(){
	var desOptCont = currentDesOpt.getElementsByClassName('desOption');
	var desOptInp = currentDesOpt.getElementsByClassName(currentDesOptName);
	if((myBrowser == 'IE') && (myBrowserVersion < 8)){
		desOptCont[0].style.display = 'none';
	}else{
		Effect.BlindUp(currentDesOptName, { duration: 0.1 });
	}
	
	desOptInp[0].blur();
	currentDesOpt = null;
	currentDesOptName = null;
	document.onclick = null;
}

function desOptOutClick(e){
	desOptClose()
}