// Detect Client Browser type
//var browser   = navigator.appName;
//var b_version = navigator.appVersion;
//var version   = parseFloat(b_version);

var isWin		= (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera		= (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
var isFirefox	= (navigator.userAgent.indexOf("Firefox") != -1) ? true : false;
var isNetscape	= (navigator.appName.toLowerCase().indexOf("netscape") != -1) ? true : false;
var isIE		= (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var IE6			= (navigator.appVersion.indexOf("MSIE 6.")==-1) ? false : true;
var IE7			= (navigator.appVersion.indexOf("MSIE 7.")==-1) ? false : true;
var IE8			= (navigator.appVersion.indexOf("MSIE 8.") == -1) ? false : true;
var isChrome	= (navigator.appVersion.toLowerCase().indexOf("chrome") == -1) ? false : true;

hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

var currentMenuItem = 0;

// Add the controlbar
hs.addSlideshow
(
	{
		//slideshowGroup: 'group1',
		interval: 5000,
		repeat: false,
		useControls: true,
		fixedControls: 'fit',
		overlayOptions: 
		{
			opacity: .75,
			position: 'bottom center',
			hideOnMouseOut: true
		}
	}
);

// MooTools
	window.addEvent('domready', function() {
		var szNormal = 118, szSmall = 65, szFull = 380;

		if (IE6) {
			var szNormal = 118, szSmall = 50, szFull = 371;
			var obj = document.getElementById('menu-container');
			if (obj) {
				obj.style.width = '1038px';
			}
		}
		else if (IE7) {
			var szNormal = 118, szSmall = 50, szFull = 440;
			var obj = document.getElementById('menu-container');
			if (obj) {
				obj.style.width = '960px';
			}
		}
		else if (IE8 || isChrome || isFirefox) {
			var obj = document.getElementById('menu-container');
			if (obj) {
				obj.style.width = '1020px';
			}
		}
		
		var kwicks = $$("#menu-slide .menu-item");
		var fx = new Fx.Elements(kwicks, { wait: false, duration: 500, transition: Fx.Transitions.Back.easeOut });
		kwicks.each(function(kwick, i) {
			kwick.addEvent("mouseenter", function(event) {
				var o = {};
				o[i] = { width: [kwick.getStyle("width").toInt(), szFull] }
				kwicks.each(function(other, j) {
					if (i != j) {
						var w = other.getStyle("width").toInt();
						if (w != szSmall) o[j] = { width: [w, szSmall] };
						menuItemOut(j + 1);
					}
					else {
						menuItemOver(j + 1);
					}
				});
				fx.start(o);
			});
		});

		$("menu-slide").addEvent("mouseleave", function(event) {
			var o = {};
			kwicks.each(function(kwick, i) {
				o[i] = { width: [kwick.getStyle("width").toInt(), szNormal] }
				menuItemOut(i + 1);
			});
			fx.start(o);
			currentMenuItem = 0;
		})

	});

function drawProgressBar(color, width, percent)  
{  
	var pixels = width * (percent / 100);  

	document.write('<div class="smallish-progress-wrapper" style="width: ' + width + 'px">');  
	document.write('<div class="smallish-progress-bar" style="width: ' + pixels + 'px; background-color: ' + color + ';"></div>');  
	document.write('<div class="smallish-progress-text" style="width: ' + width + 'px">' + percent + '%</div>');  
	document.write('</div>');  
}  

function menuOver(obj)
{
	obj.oldClass = obj.className;
	if (obj.className.indexOf('selected') < 0)
	{
		obj.className = obj.className + ' selected';
	}
}

function menuOut(obj)
{
	obj.className = obj.oldClass;
}

function ProjectDetails()
{
	obj1 = document.getElementById('project_text_short');
	obj2 = document.getElementById('project_text_full');
	
	if (!obj2.open)
	{
		obj1.style.display = 'none';
		obj2.style.display = 'block';
		
		document.getElementById('linkDetails').innerText = '... לסגור';
	}
	else
	{
		obj1.style.display = 'block';
		obj2.style.display = 'none';
		
		document.getElementById('linkDetails').innerText = '... המשך';
	}
	obj2.open = !obj2.open;
}

function menuItemOver(id) {
	currentMenuItem = id;
	
	obj = document.getElementById('process_image_0' + id);
	if (obj)
	{
		obj.style.display = 'block';
	}
	objImg1 = document.getElementById('menu_image_red_' + id);
	if (objImg1)
	{
		objImg1.style.display = 'block';
	}
	objImg2 = document.getElementById('menu_image_black_' + id);
	if (objImg2)
	{
		objImg2.style.display = 'none';
	}

	// Hide Background DIV's
	for (i = 1; i <= 5; i++) {
		if (i != id) {
			objBg = document.getElementById('menu_background_' + i);
			objBg.style.display = 'none';
		}
	}
	
	objBg = document.getElementById('menu_background_' + id);
	if (objBg)
	{
		this.timerContent = setTimeout("showMenuItemContent(" + id + ");", 350);
		this.timerBackground = setTimeout("showMenuItemBackground(" + id + ");", 300);
		//this.timer = setTimeout("document.getElementById('menu_content_" + id + "').style.display='block';", 50);
		//document.getElementById('menu_content_' + id).style.display='block';
	}
}

function showMenuItemBackground(id) {
	objBg = document.getElementById('menu_background_' + id);
	if (objBg) {
		if (currentMenuItem == id) {
			objBg.style.display = 'block';
			objBg.style.border = '0px';
		}
		else {
			objBg.style.display = 'none';
		}
	}
	//if (!IE6) {
		//fade._in('menu_background_' + id, 0, 1);
	//}
}

function menuItemOut(id) {
	obj = document.getElementById('process_image_0' + id);
	if (obj)
	{
		obj.style.display = 'none';
	}
	objImg1 = document.getElementById('menu_image_red_' + id);
	if (objImg1)
	{
		objImg1.style.display = 'none';
	}
	objImg2 = document.getElementById('menu_image_black_' + id);
	if (objImg2)
	{
		objImg2.style.display = 'block';
	}
	objBg = document.getElementById('menu_background_' + id);
	if (objBg)
	{
		objBg.style.display = 'none';
	}
	objContent = document.getElementById('menu_content_' + id);
	if (objContent)
	{
		objContent.style.display = 'none';
	}
}

function showMenuItemContent(id)
{
	//objBg = document.getElementById('menu_background_' + id);
	//if (objBg && objBg.style.display == 'block')
	//{
		objContent = document.getElementById('menu_content_' + id);
		if (objContent) {
			objContent.style.display = 'block';
		}
	//}
}

function showGalleryImage(id, obj) 
{
	var obj_img = document.getElementById('gallery_big_image');
	var obj_url = document.getElementById('gallery_big_url');

	if (obj_img)
	{
		obj_img.src = 'Thumbnail.ashx?image=images/galleries/' + gallery_images[selected_gallery][id] + '&w=345&h=220&cp=1&rs=0&rb=1';
		if (gallery_images_url[selected_gallery][id] != '') 
		{
			obj_url.className = '';
			obj_url.onclick = function() { return true; }
			obj_url.href = gallery_images_url[selected_gallery][id];
		}
		else 
		{
			obj_url.className = 'highslide';
			obj_url.onclick = function() { return hs.expand(obj_url); }
			obj_url.href = 'Thumbnail.ashx?image=images/galleries/' + gallery_images[selected_gallery][id] + '&w=1000&h=800&cp=1&rs=0&rb=1';
		}
	}
}

function selectGalleryTab(id)
{
	selected_gallery = id;
	
	for (i=1; i<=parseInt(tabs_qty); i++)
	{
		obj_tab   = document.getElementById('gallery_tab_'+i);
		obj_table = document.getElementById('gallery_table_'+i);
		
		if (parseInt(i) == parseInt(id))
		{
			document.getElementById('divContent_2').style.left = 0;
			showGalleryImage(1);
			
			obj_tab.className = "selected";
			obj_table.style.display = "block";
		}
		else
		{
			obj_tab.className = "none";
			obj_table.style.display = "none";
		}
	}
}

function selectArticlesTab(id)
{
	selected_article = id;
	
	for (i=1; i<=parseInt(2); i++)
	{
		obj_tab   = document.getElementById('articles_tab_'+i);
		obj_table = document.getElementById('articles_content_'+i);
		
		if (parseInt(i) == parseInt(id))
		{
			obj_tab.className = "selected";
			obj_table.style.display = "block";
		}
		else
		{
			obj_tab.className = "none";
			obj_table.style.display = "none";
		}
	}
}

function showProjectImage(img)
{
	obj = document.getElementById('project_big_image');
	obj.src = "Thumbnail.ashx?image=images/projects/images/" + img + "&w=550&h=3000&cp=1&rs=0&rb=1";
}

function journalAgreeClick(chk, btn_id) {
	var obj = document.getElementById(btn_id);

	if (obj && chk.checked) {
		obj.disabled = false;
	}
	else {
		obj.disabled = true;
	}
}