///////Image Hover///////////// 
var W3CDOM = (document.createElement && document.getElementsByTagName);
window.onload = function(){
	initImages();
	//active menu
	initFunc();
}
function initFunc(){
	var ul=$$('.lev01')[0];
	if(!ul) return;
	var loca=location.href;
	var arrA=ul.getElements('a');
	for(var i=0;i<arrA.length;i++){
		var img=arrA[i].getElements('img')[0];
		var src=img.src;
		if(arrA[i]==loca){
			//wp-content/themes/default/images/lev01_blog_n.gif
			var srcNew=src.replace("_n.gif","_a.gif");
			img.setProperty('src',srcNew);
		}else{
			var srcNew=src.replace("_a.gif","_n.gif");
			img.setProperty('src',srcNew);
		}
	}
	arrA.each(function(el){
		el.addEvent('mouseout',function(){
			var img=el.getElements('img')[0];
			var src=img.src;
			setTimeout(function(){
				if(el==loca){
					var srcNew=src.replace("_n.gif","_a.gif");
					img.setProperty('src',srcNew);
				}	
			},20);
			
		});
	});
	
}
/////////////////////
function initImages() {	
	//
	document.imageOut = new Object();
	document.imageOver = new Object();
	// PNG Fix for IE<7
	var png_fix = "../images/png_fix.gif";
	var pngRegExp = new RegExp("\\.png$", "i")
	var f = "DXImageTransform.Microsoft.AlphaImageLoader";
	//
	var imageArray = $$("img", "input");
	imageArray.each(function(item){
		var image = item.src.substr(item.src.lastIndexOf("/")+1);
		var id = item.id || image.replace("_n.", "").replace("_N.", "");
		var hover = (image.toLowerCase().lastIndexOf("_n.") !=-1);
		//
		if (hover && document.imageOut && document.imageOver) {
			document.imageOut[id] = new Image();
			document.imageOut[id].src = item.src;
			document.imageOver[id] = new Image();
			document.imageOver[id].src = item.src.substr(0, item.src.lastIndexOf("/")+1)+image.replace("_n.", "_o.").replace("_N.", "_O.");
		}
		// PNG Fix for IE<7
		if (window.ie && !window.ie7 && image.test(pngRegExp)) {
			item.style.width = item.offsetWidth+"px";
			item.style.height = item.offsetHeight+"px";
			item.style.filter = "progid:"+f+"(src='"+item.src+"', sizingMethod='scale');";
			item.src = png_fix;
		}
		//
		if (hover && document.imageOut && document.imageOver) {
			item.onmouseover = function(){
				//alert("mouseover");
				if (document.imageOver && document.imageOver[this.id]) setImage(this, document.imageOver[this.id].src);
			}
			item.onmouseout = function(){
				if (document.imageOut && document.imageOut[this.id]) setImage(this, document.imageOut[this.id].src);
			}
			item.id = id;
			//
			function setImage(imageObject, src) {
				if (window.ie && !window.ie7) {
					if (imageObject.filters[f] && imageObject.filters[f].src.test(pngRegExp)) {
						imageObject.filters[f].src = src;
					} else {
						imageObject.src = src;
					}
				} else {
					imageObject.src = src;
				}
			}
		}
	});
}

function gotoPage(pageIndex){
	var href = window.location.href;
	href = href.substr(0, href.lastIndexOf("/"));
	
	switch (pageIndex) {
		case 1:
			window.location.href = href + "?" + initFlashHeader.PAGE1;
			break;
		case 2:
			window.location.href = href + "?" + initFlashHeader.PAGE2;
			break;
		case 3:
			window.location.href = href + "?" + initFlashHeader.PAGE3;
			break;
		case 4:
			window.location.href = href + "?" + initFlashHeader.PAGE4;
			break;
		default:
			window.location.href = href;
			break;
	}
}
	
/**
	@author		hoang.dang@sutrixmedia.com
*/
function initFlashHeader() {
	initFlashHeader.PAGE1 = "tag=our-work";
	initFlashHeader.PAGE2 = "page_id=17";
	initFlashHeader.PAGE3 = "page_id=15";
	initFlashHeader.PAGE4 = "page_id=2";

	var href = window.location.href;
	var pageIndex = 0;
	if (href.indexOf(initFlashHeader.PAGE1) != -1) {
		pageIndex = 1;
	} else if (href.indexOf(initFlashHeader.PAGE2) != -1) {
		pageIndex = 2;
	} else if (href.indexOf(initFlashHeader.PAGE3) != -1) {
		pageIndex = 3;
	} else if (href.indexOf(initFlashHeader.PAGE4) != -1) {
		pageIndex = 4;
	}
	
	var so = new SWFObject('wp-content/themes/default/flash/menu.swf', 'idswf', 700, 70, 9);
	so.addVariable("indexActive", pageIndex);
	so.write('header');
}

/////////End Hover Function///////////////
window.addEvent('domready',function() {
	initFlashHeader();
});