//	*************************************************************************************
//	*																					*
//	*								    Képeslapküldő									*
//	*									nexum MarsNet									*
//	*																					*
//	*									programozta:									*
//	*								   Varajti Ferenc									*
//	*																					*
//	*			tilos felhasználni a nexum MarsNet Kft. írásbeli engedélye nélkül		*
//	*																					*
//	*************************************************************************************

function BrowserCheck() { 
  this.ver    = navigator.appVersion
  this.agent  = navigator.userAgent
  this.dom    = document.getElementById?1:0
  this.opera5 = this.agent.indexOf("Opera 5") > -1
  this.opera6 = this.agent.indexOf("Opera 6") > -1 || this.agent.indexOf("Opera/6") > -1
  this.opera  = ( this.opera5 || this.opera6 )
  this.ie5    = ( this.ver.indexOf("MSIE 5.0") > -1 && this.dom && !this.opera ) ? 1 : 0; 
  this.ie55   = ( this.ver.indexOf("MSIE 5.5") > -1 && this.dom && !this.opera ) ? 1 : 0; 
  this.ie6    = ( this.ver.indexOf("MSIE 6" )  > -1 && this.dom && !this.opera ) ? 1 : 0;
  this.ie4    = ( document.all && !this.dom && !this.opera )?1:0;
  this.ie     = this.ie4 || this.ie5 || this.ie55 || this.ie6
  this.mac    = this.agent.indexOf("Mac") > - 1
  this.ns6    = ( this.dom && !this.opera && !this.ie && parseInt(this.ver) >= 5 ) ? 1 : 0; 
  this.ns4    = ( document.layers && !this.dom ) ? 1 : 0;
  this.ns     = ( this.ns4 || this.ns6 )
  this.bs     = ( this.ie6 || this.ie5 || this.ie55 || this.ns6 )
  return this
}

var is  = new BrowserCheck();

function libConstructor( clip_height, clip_width, scroll_speed, scroll_click_speed, space, name, left, top, form_name, form_hidden ) {
	this.clip_height        = clip_height;
	this.clip_width         = clip_width;
	this.scroll_speed       = scroll_speed;
	this.scroll_click_speed = scroll_click_speed;
	this.space              = space/2;
	this.name               = name;
	this.left               = left;
	this.top                = top;
	this.form_name          = form_name;
	this.form_hidden        = form_hidden;
	this.form_hidden_value  = 0;
	this.pics               = new Array();
	this.insert             = insert;
	this.inic               = inic;
	this.scroll             = scroll;
	this.layer              = layer;
	this.move_delta         = move_delta;
	this.focus_pics         = focus_pics;
	this.delta              = 0;
	this.layer_width        = 0;
	this.min_scroll         = 0;
	this.max_scroll         = 0;
	this.postcard_id_init   = -1;
	if ( eval( 'document.' + this.form_name + '.' + this.form_hidden + '.value' ) ) {
		this.postcard_id_init = eval( 'document.' + this.form_name + '.' + this.form_hidden + '.value' );
	}
}

function picsConstructor( id, width, height, url ) {
	this.id     = id;
	this.height = height;
	this.width  = width;
	this.url    = url;
}

function insert() {
	if ( this.pics.length == 0 ) {
		if ( is.ns4 ) {
			document.write('<layer border="1" id="'+this.name+'_null" left="'+this.left+'" top="'+this.top+'" height="'+this.clip_height+'" width="'+this.clip_width+'" z-index="1" visibility="show"><table width="'+this.clip_width+'" height="50"><tr><td align="center"><p><b>Ebben a kategóriában jelenleg nincs képeslapunk!</b></p></td></tr></table></layer>');
			return false;
		}
		else if ( !is.opera ) {
			document.write('<div id="'+this.name+'_null" style="position:absolute; left:'+this.left+'px; top:'+this.top+'px; height:'+this.clip_height+'px; width:'+this.clip_width+'; z-index:1; visibility: visible"><table width="'+this.clip_width+'" height="50"><tr><td align="center"><p><b>Ebben a kategóriában jelenleg nincs képeslapunk!</b></p></td></tr></table></div>');
			return false;
		}
	}
	if ( is.ns4 ) {
		div_begin = '<layer id="'+this.name+'_div" left="'+this.left+'" top="'+this.top+'" height="'+(this.clip_height  + 20)+'" z-index="1" visibility="show" clip="0,0,'+this.clip_width+','+(this.clip_height + 20)+'">';
		div_end   = '</layer>';
		div_arrow_left = '<layer id="'+this.name+'_arrow01" left="'+(this.left - 42)+'" top="'+(this.top + this.clip_height/2)+'" z-index="20" visibility="show"><a href="javascript://" onMouseover="'+this.name+'.move_delta(-'+this.scroll_speed+');" onMouseout="'+this.name+'.move_delta(0);" onMousedown="'+this.name+'.move_delta(-'+this.scroll_click_speed+');" onMouseup="'+this.name+'.move_delta(-'+this.scroll_speed+');" onFocus="blur();"><img src="img/left_arrow.gif" border="0" width="36" height="36"></a></layer>';
		div_arrow_right = '<layer id="'+this.name+'_arrow01" left="'+(this.left + this.clip_width + 10)+'" top="'+(this.top + this.clip_height/2)+'" z-index="20" visibility="show"><a href="javascript://" onMouseover="'+this.name+'.move_delta('+this.scroll_speed+');" onMouseout="'+this.name+'.move_delta(0);" onMousedown="'+this.name+'.move_delta('+this.scroll_click_speed+');" onMouseup="'+this.name+'.move_delta('+this.scroll_speed+');" onFocus="blur();"><img src="img/right_arrow.gif" border="0" width="36" height="36"></a></layer>';
	}
	else if ( !is.opera ) {
		div_begin = '<div id="'+this.name+'" style="position:absolute; left:'+this.left+'px; top:'+this.top+'px; height:'+(this.clip_height + 20)+'px; z-index:1; visibility: visible; clip: rect(0px '+this.clip_width+'px '+(this.clip_height + 20)+'px 0px)">';
		div_end   = '</div>';
		div_arrow_left = '<div id="'+this.name+'_arrow01" style="position:absolute; left:'+(this.left - 42)+'px; top:'+(this.top + this.clip_height/2)+'px; z-index:20; visibility: visible"><a href="javascript://" onMouseover="'+this.name+'.move_delta(-'+this.scroll_speed+');" onMouseout="'+this.name+'.move_delta(0);" onMousedown="'+this.name+'.move_delta(-'+this.scroll_click_speed+');" onMouseup="'+this.name+'.move_delta(-'+this.scroll_speed+');" onFocus="blur();"><img src="img/left_arrow.gif" border="0" width="36" height="36"></a></div>';
		div_arrow_right = '<div id="'+this.name+'_arrow02" style="position:absolute; left:'+(this.left + this.clip_width + 10)+'px; top:'+(this.top + this.clip_height/2)+'px; z-index:20; visibility: visible"><a href="javascript://" onMouseover="'+this.name+'.move_delta('+this.scroll_speed+');" onMouseout="'+this.name+'.move_delta(0);" onMousedown="'+this.name+'.move_delta('+this.scroll_click_speed+');" onMouseup="'+this.name+'.move_delta('+this.scroll_speed+');" onFocus="blur();"><img src="img/right_arrow.gif" border="0" width="36" height="36"></a></div>';
	}
	else {
		alert(" A képeslapküldő sajnos nem támogatja az Opera böngészőt. Kérjük tekintse meg oldalainkat a következő böngészők valamelyikével:\n     - Internet Explorer v4.0-tól\n     - NetScape v4.0-tól\n     - NetScape v6.0\n     - Mozilla\n Megértését köszönjük!");
		return false;
	}
	document.write(div_begin+'<table cellspacing="0" cellpadding="0" height="'+(this.clip_height + 20)+'"><tr height="20">');
	for ( var i = 0; i < this.pics.length; i++ ) {
		document.write('<td align="center" valign="top"><img name="img_'+i+'" id="img_'+i+'" src="img/ures.gif" border="0" width="26" height="23"></td>');
	}
	document.write('</tr><tr>');
	for ( var i = 0; i < this.pics.length; i++ ) {
		if ( this.pics[i].id == this.postcard_id_init ) {
			this.form_hidden_value = i;
		}
		document.write('<td><a href="javascript://" onFocus="blur();" onMousedown="'+this.name+'.focus_pics('+i+');"><img id="pics_'+i+'" src="'+this.pics[i].url+'" width="'+this.pics[i].width+'" height="'+this.pics[i].height+'" border="0" hspace="'+this.space+'"></a></td>');
	}
	document.write('</tr></table>'+div_end);
	document.write( div_arrow_left );
	document.write( div_arrow_right );
	this.inic();
}

function inic() {
	for ( var j = 0; j < this.pics.length; j++ ) {
		this.layer_width += this.pics[j].width;
		this.layer_width += 2*this.space;
	}
	this.layer( this.name );
	this.focus_pics( this.form_hidden_value );
	if ( is.ns4 ) {
		this.min_scroll = OBJ.left - ( this.layer_width - this.clip_width ) + 20;
		this.max_scroll = OBJ.left;
	}
	else {
		this.min_scroll = OBJ.offsetLeft - ( this.layer_width - this.clip_width ) + 20;
		this.max_scroll = OBJ.offsetLeft;
	}
	this.new_right = this.clip_width;
	this.new_left  = 0;
	id = setInterval( this.name+".scroll()", 10 );
}

function layer( id ) {
	if ( is.bs ) {
		OBJ = document.getElementById(id);
	}
	if ( is.ie4 ) {
		OBJ = document.all[id];
	}
	if ( is.ns4 ) {
		OBJ = document.layers[id+'_div'];
	}
}

function scroll() {
	if ( !is.ns4 ) {
		if ( ((OBJ.offsetLeft > this.min_scroll) && (this.delta > 0)) || ((OBJ.offsetLeft < this.max_scroll) && (this.delta < 0)) )
		{
			s_left = OBJ.offsetLeft;
			s_left -= this.delta;
			OBJ.style.left = s_left+'px';
			this.new_right += this.delta;
			this.new_left  += this.delta;
			OBJ.style.clip = "rect(0px "+this.new_right+"px "+(this.clip_height + 20)+"px "+this.new_left+"px)";
		}
		else {
			this.delta = 0;
		}
	}
	else {
		if ( ((OBJ.left > this.min_scroll) && (this.delta > 0)) || ((OBJ.left < this.max_scroll) && (this.delta < 0)) )
		{
			OBJ.left -= this.delta;
			OBJ.clip.left += this.delta;
			OBJ.clip.right += this.delta;
		}
		else {
			this.delta = 0;
		}
	}
}

function move_delta( x ) {
	this.delta = x;
}

function focus_pics( pics_id ) {
	eval('document.'+this.form_name+'.'+this.form_hidden+'.value='+this.pics[pics_id].id);
	id_arrow = 'img_'+pics_id;
	id_arrow_past = 'img_'+this.form_hidden_value;
	if ( is.bs ) {
		document.getElementById( id_arrow_past ).src = "img/ures.gif";
		document.getElementById( id_arrow ).src = "img/top_arrow.gif";
	}
	if ( is.ie4 ) {
		document.images[ id_arrow_past ].src = "img/ures.gif";
		document.images[ id_arrow ].src = "img/top_arrow.gif";
	}
	if ( is.ns4 ) {
		id = this.name+"_div";
		document.layers[ id ].document.images[ id_arrow_past ].src = "img/ures.gif";
		document.layers[ id ].document.images[ id_arrow ].src = "img/top_arrow.gif";
	}
	this.form_hidden_value = pics_id;
}