var focusitem, focusstep;
//Detect Browser
zk_agent = navigator.userAgent.toLowerCase();
zk_safari = zk_agent.indexOf("safari") != -1;
zk_opera = zk_agent.indexOf("opera") != -1;
zk_ie = zk_agent.indexOf("msie") != -1 && !zk_opera;
zk_ie7 = zk_agent.indexOf("msie 7") != -1; //ie7 or later
zk_ie6Only = zk_ie && !zk_ie7;
zk_gecko = zk_agent.indexOf("gecko/") != -1 && !zk_safari && !zk_opera;
zk_gecko3 = zk_gecko && zk_agent.indexOf("firefox/3") != -1;
zk_windows = zk_agent.indexOf("windows") != -1;
zk_mozilla = zk_gecko && zk_agent.indexOf("firefox/") == -1;
zk_air = zk_agent.indexOf("adobeair") != -1;
//getEvent
function getEvent(){
    if (document.all) 
        return window.event;
    func = getEvent.caller;
    while (func != null) {
        var arg0 = func.arguments[0];
        if (arg0) {
            if ((arg0.constructor == Event || arg0.constructor == MouseEvent) ||
            (typeof(arg0) == "object" && arg0.preventDefault && arg0.stopPropagation)) {
                return arg0;
            }
        }
        func = func.caller;
    }
    return null;
}

function addEvent(element, eventname){
    if (element.addEventListener) {
        element.addEventListener(name, wrapper, false);
    }
    else {
        element.attachEvent("on" + name, wrapper);
    }
}

//Code
function toggleMenuItem(inname){
    hidelist();
    focusitem = document.getElementById(inname);    
    //focusitem.style.background = 'transparent url(/img/menubar-hover.png) repeat-x scroll 0pt';
	focusitem.style.background = '#03BBDA';
    document.getElementById("display-sub").style.display = 'none';    
    switch (inname) {
        case 'product':
            hoversub = "product-sub";
            break
        case 'Demo':
            hoversub = "demo-sub";
            break
        case 'Download':
            hoversub = "download-sub";
            break
        case 'WhyZK':
            hoversub = "whyzk-sub";
            break
        case 'Community':
            hoversub = "community-sub";
            break
        case 'Documentation':
            hoversub = "doc-sub";
            break
        case 'Support':
            hoversub = "support-sub";
            break
        default:
            ;
    }
    
    if (zk_ie6Only) {
		if (hoversub == "product-sub") {
			document.getElementById("display-sub").style.margin = " 0 0 0 80px";
		} else if (hoversub == "demo-sub") {
			document.getElementById("display-sub").style.margin = " 0 0 0 180px"
		} else if (hoversub == "download-sub") {
			document.getElementById("display-sub").style.margin = " 0 0 0 350px"
		} else if (hoversub == "whyzk-sub") {
			document.getElementById("display-sub").style.margin = " 0 0 0 440px";
		} else if (hoversub == "community-sub") {
			document.getElementById("display-sub").style.margin = " 0 0 0 480px";
		} else if (hoversub == "doc-sub") {
			document.getElementById("display-sub").style.margin = " 0 0 0 620px";
		} else if (hoversub == "support-sub") {
			document.getElementById("display-sub").style.margin = " 0 0 0 650px";
		}
	}
    else {
		if (hoversub == "product-sub") {
			document.getElementById("display-sub").style.margin = "0 0 0 80px";

		} else if (hoversub == "demo-sub") {
			document.getElementById("display-sub").style.margin = " 0 0 0 120px";
		} else if (hoversub == "download-sub") {
			document.getElementById("display-sub").style.margin = " 0 0 0 360px";
		} else if (hoversub == "whyzk-sub") {
			document.getElementById("display-sub").style.margin = " 0 0 0 470px";
		} else if (hoversub == "community-sub") {
			document.getElementById("display-sub").style.margin = " 0 0 0 520px";
		} else if (hoversub == "doc-sub") {
			document.getElementById("display-sub").style.margin = " 0 0 0 620px";
		} else if (hoversub == "support-sub") {
			document.getElementById("display-sub").style.margin = " 0 0 0 650px";
		}
	}
    document.getElementById("display-sub").innerHTML = document.getElementById(hoversub).innerHTML;
    document.getElementById("display-sub").style.display = '';
}

function toggleMenuItem2(inname){
    document.getElementById("display-sub").style.display = 'none';
    hidelist();
    focusstep = inname;
    if (focusstep != null && focusstep.length != 0) {
        if (focusstep == "step1") {
            document.getElementById(focusstep).innerHTML = "Take a 20 sec tour";
        }
        else 
            if (focusstep == "step2") {
                document.getElementById(focusstep).innerHTML = "Try live demo";
            }
            else 
                if (focusstep == "step3") {
                    document.getElementById(focusstep).innerHTML = "Get your hands on";
                }
                else 
                    if (focusstep == "step4") {
                        document.getElementById(focusstep).innerHTML = "Learn in seconds";
                    }
        document.getElementById(focusstep).style.display = '';
    }
}

function hidelist(){
    if (focusitem != null) {
        //focusitem.style.background = "transparent url(/img/menubar.png) repeat-x scroll 0pt";
		focusitem.style.background = "transparent";        
    }
    if (focusstep != null && focusstep.length != 0) {
        document.getElementById(focusstep).style.display = 'none';
    }
}

function getsearch(){
    var f = document.getElementById('searchbox_008321236477929467003:63kdpeqkkvw');
    var q = f.q;
    if (q.value == "Search..") {
        q.value = "";
    }
    else {
        q.select();
    };
    }

function byesearch(){
    var f = document.getElementById('searchbox_008321236477929467003:63kdpeqkkvw');
    var q = f.q;
    if (q.value.length == 0) {
        q.value = "Search..";
    };
    }
function top() {
	window.scrollTo(0, 0);
}
function jumpTo(uid) {
	var elm = document.getElementById(uid);
	var top = elm.offsetTop;
	window.scrollTo(0, top);
}
//Show AD
function startAdTimer(){
    var speed = 8;
	var adsource = [{name: "ZK + Spring", src: "/img/template-spring.png", link: "/product/zkspring.dsp"},
				    {name: "ZK Studio", src: "/img/template-cloud.png", link: "/product/zkstudio.dsp"}];
	
	/*Following are codes*/
	var ad = 0;
    var adimg = document.getElementById('barimg');
	var adref = document.getElementById('barlink');
    
	setInterval( function rotate(){
        ad = ad < adsource.length - 1 ? ad + 1 : 0 ;
		adimg.src = adsource[ad].src;
		adimg.title = adsource[ad].name;
		adimg.alt = adsource[ad].name;
		adref.href = adsource[ad].link; 
    }, speed*1000 );
}