// JavaScript Document
// gallery functions
var imgNum = 0;

function slideImageNavigationList(listObj, direction){
	if(listObj){
		var leftPos = listObj.style.left != "undefined" && listObj.style.left != ""?parseInt(listObj.style.left):0;
		var listWidth = listObj.offsetWidth;
		var stepWidth = listObj.parentNode.offsetWidth;
		if(direction == "left"){
			if(leftPos < 0){
				leftPos = leftPos + stepWidth;
			}
			
		}
		if(direction == "right"){
			if((leftPos - stepWidth) > listWidth*-1){
				leftPos = leftPos - stepWidth;
			}
		}
			
		$(listObj).animate({
			left: leftPos
			}, 300
		);
	}
}

function slideImageList(listObj, num){
	var leftPos = (document.getElementById("bigImage").offsetWidth - 1) * num * -1;
	document.getElementById("imgTitle").innerHTML = imgTitleArray[num];
	document.getElementById("imgCounter").innerHTML = (num + 1);
	$(listObj).animate({
		left: leftPos
		}, 300
	);
	imgNum = num;
	showBigImageNavigation("block");
	
}

function showBigImageNavigation(mode){
	if(mode == "block"){
		if(imgNum > 0){
			document.getElementById("prevImg").style.display = mode;		
		}
		else{
			document.getElementById("prevImg").style.display = "none";		
		}
		if(imgNum < imgTitleArray.length - 1){
			document.getElementById("nextImg").style.display = mode;	
		}
		else{
			document.getElementById("nextImg").style.display = "none";	
		}
	}
	else{
		document.getElementById("nextImg").style.display = mode;
		document.getElementById("prevImg").style.display = mode;
	}
}

var tooltip = function(){
	var id = 'tt';
	var top = 3;
	var left = -300;
	var maxw = 300;
	var speed = 5;
	var timer = 10;
	var endalpha = 97;
	var alpha = 0;
	var tt,t,c,b,h;
	var ie = document.all ? true : false;
	return{
		show:function(v,w){
			if(tt == null){
				tt = document.createElement('div');
				tt.setAttribute('id',id);
				t = document.createElement('div');
				t.setAttribute('id',id + 'top');
				c = document.createElement('div');
				c.setAttribute('id',id + 'cont');
				b = document.createElement('div');
				b.setAttribute('id',id + 'bot');
				tt.appendChild(t);
				tt.appendChild(c);
				tt.appendChild(b);
				document.body.appendChild(tt);
				tt.style.opacity = 0;
				tt.style.filter = 'alpha(opacity=0)';
				document.onmousemove = this.pos;
			}
			tt.style.display = 'block';
			tt.style.position = 'absolute';
			c.innerHTML = v;
			tt.style.width = w ? w + 'px' : 'auto';
			if(!w && ie){
				t.style.display = 'none';
				b.style.display = 'none';
				tt.style.width = tt.offsetWidth;
				t.style.display = 'block';
				b.style.display = 'block';
			}
			if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
			h = parseInt(tt.offsetHeight) + top;
			clearInterval(tt.timer);
			tt.timer = setInterval(function(){tooltip.fade(1)},timer);
		},
		pos:function(e){
			var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
			var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
			tt.style.top = (u - h) + 'px';
			tt.style.left = (l + left) - 35 + 'px';
		},
		fade:function(d){
			var a = alpha;
			if((a != endalpha && d == 1) || (a != 0 && d == -1)){
				var i = speed;
				if(endalpha - a < speed && d == 1){
					i = endalpha - a;
				}else if(alpha < speed && d == -1){
					i = a;
				}
				alpha = a + (i * d);
				tt.style.opacity = alpha * .01;
				tt.style.filter = 'alpha(opacity=' + alpha + ')';
			}else{
				clearInterval(tt.timer);
				if(d == -1){tt.style.display = 'none'}
			}
		},
		hide:function(){
			clearInterval(tt.timer);
			tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
		}
	};
}();

function switchLayoutMode(mode){
	var css;
	if(css = document.getElementById("layoutBlack")){
		if(mode == "default"){
			css.parentNode.removeChild(css);	
		}	
	}
	else{
		if(mode == "black"){
			var css = document.createElement("link");
			css.id = "layoutBlack";
			css.rel = "stylesheet";
			css.type = "text/css";
			css.href = "shared/css/black.css";
			document.getElementsByTagName("head")[0].appendChild(css);
		}
	}
	//set cookie
	if(mode == "black" || mode == "default"){
		document.cookie = "layoutMode=" + mode;
	}
	return false;
}

function switchImageMode(activeImage){
	var div, ul, li, bg;
	if(div = document.getElementById("bigImage")){
		ul = div.getElementsByTagName("ul")[0];
		if(li = ul.getElementsByTagName("li")[activeImage]){
			bg = li.style.backgroundImage;
			if(bg.indexOf("images_wz") != -1){
				bg = bg.replace(/\/images_wz\//, "/images/");	
			}
			else{
				bg = bg.replace(/\/images\//, "/images_wz/");	
			}
			li.style.backgroundImage = bg;
			
		}
	}	
	return false;
}