var ReactMain ={
	resize_bg_image: function(){
		var bg_image = document.getElementById('bg_image');
		if (bg_image){
			bg_image.style.display = "";
			bg_image.width= document.body.clientWidth;
		}
	}
}


function makeItGloomy(elementId){
	var element = document.getElementById(elementId);
	
}


window.onresize = function (){
	if (bg_image.width)
		ReactMain.resize_bg_image();
}




///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

var galery;

function showNextImage(){
	if (galery.index_of_active_image == galery.src.length-1){
		galery.index_of_active_image = 0;
	}else{
		galery.index_of_active_image ++;
	}
	showImage(galery.index_of_active_image);
}

function showPreviousImage(){
	if (galery.index_of_active_image == 0){
		galery.index_of_active_image = galery.src.length-1;
	}else{
		galery.index_of_active_image --;
	}
	showImage(galery.index_of_active_image);
}

function showImage(index){
	var img = document.getElementById('myGaleryImage');
	galery.index_of_active_image  = index;
	img.src = "/"+galery.src[index];
	
	document.getElementById("scrollContainer").innerHTML = make_scroll();
}

function build_galery(container_div_id){
	
	var container_div = document.getElementById(container_div_id);
	
	var content = '';
	content+='<table cellspacing="0" cellpadding="0">';
	content+='<tr>';
	content+='<td>';
	
	if (galery.src.length > 1) 
		content+='<a href="#" onclick="showNextImage();return false;">';
		
	content+='<img id="myGaleryImage" height="'+galery.height+'" width="'+galery.width+'" border="0" src="/'+galery.src[galery.index_of_active_image]+'"/>';
	
	if (galery.src.length > 1) 
		content+='</a>';
		
	content+='</td>';
	content+='<td width="18" valign="bottom" bordercolor="#FFFFFF">';
	content+='<div id="scrollContainer">';
	content += make_scroll();	
	content+='</div>';	
	content+='</td>';
	content+='</tr>';
	content+='</table>';

	document.getElementById(container_div_id).innerHTML = content;
}

function make_scroll(){
	var content = '';
	if (galery.src.length > 1){
		content+='<a href="#" onclick="showPreviousImage();return false;">';
		//content+='<img height="60" width="17" border="0" src="images/s%20levo.png"/>';	
		content+=get_PNG_safe_image_HTML('/images/s%20levo.png', 17, 60);
		content+='</a>';
		
		//crtice
		for (var i=0; i<galery.src.length; i++){
			content+='<a href="#" onclick="showImage('+i+');return false;">';
			if (galery.index_of_active_image == i)
				//content+='<img height="20" width="17" border="0" src="images/s%20debelo.png"/>';
				content+=get_PNG_safe_image_HTML('/images/s%20debelo.png', 17, 20);
			else	
				//content += '<img height="20" width="17" border="0" src="images/s%20tanko.png"/>';
				content += get_PNG_safe_image_HTML('/images/s%20tanko.png', 17, 20);
			content+='</a>';
		}
		
		content+='<a href="#" onclick="showNextImage();return false;">';
		//content+='<img height="60" width="17" border="0" src="images/s%20desno.png"/>';
		content += get_PNG_safe_image_HTML('/images/s%20desno.png', 17, 60);
		content+='</a>';
	}
	return content;
}

function is_ie6_or_less(){
	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<=6)
			return true;
	}
	return false;
}


function get_PNG_safe_image_HTML(src, width, height){

	if (is_ie6_or_less() == false)
		return '<img height="'+height+'" width="'+width+'" border="0" src="'+src+'"/>';
	var content = '<div style="width:'+width+'px; height:'+height+'px; 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+src+', sizingMethod=scale); ">&nbsp;</div>';
	return content;
}