var activeIMG;
var bButton = false;
var bMenu = false;
var nMenuWatcher = 0;
var sMenu = "";

var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

function showPreview ( newimg, originalimg, link )
{
	document.getElementById('preview').style.background = "url(images/product_images_displayed/" + newimg + ")";
	activeIMG = newimg;
	document.getElementById('previewLink').setAttribute('href', 'images/product_images/' + originalimg);

	link.setAttribute('href', 'images/product_images/' + originalimg);
	document.getElementById('previewLink').setAttribute('class', 'thickbox');
	
}




var sMenuState = 1;
function showSubMenu(menuitem, menulist, xOffSet) {
    setMenuState(menulist, 1);
    var sMenuState = getMenuState(menulist);
    
    if (document.getElementById(menulist).style.display == "")
        return;
    if (sMenuState == 1) {

        var nTop = 0;
        var nLeft = 0;
        if (BrowserDetect.browser != "Explorer") {
            nTop = menuitem.offsetTop + $('#' + menuitem.id).height() - 10 ;
            nLeft = menuitem.offsetLeft + xOffSet;
        } else {
            nTop = $('#' + menuitem.id).offset().top + $('#' + menuitem.id).height() + 5;
        }


        nLeft = $('#' + menuitem.id).offset().left + xOffSet;
        
        document.getElementById(menulist).style.position = "absolute";
        document.getElementById(menulist).style.left = nLeft + "px";
        document.getElementById(menulist).style.top = (nTop) + "px";
        $('#' + menulist).slideDown(200);
        //alert(menulist.id);
        //Effect.BlindDown(menulist, { duration: 0.2 });

    }

}

function setMenuState(menulist, state) {
    if (sMenu.indexOf(menulist) == -1) {
        sMenu += menulist + "," + state + ":";
    } else {
        var nCurrentMenuState = getMenuState(menulist);
        var sCurrentMenu = menulist + "," + nCurrentMenuState + ":";
        var sNewMenu = menulist + "," + state + ":";
        //alert("sCurrentMenu = " + sCurrentMenu);
        //alert("sNewMenu = " + sNewMenu);
        sMenu = sMenu.replace(sCurrentMenu, sNewMenu);
    }

    return -1;
}

function getMenuState(menulist) {
    if (sMenu.indexOf(menulist) == -1) {
        setMenuState(menulist, 0);
        return 0;
    } else {
        var sMenuArray = new Array();
        sMenuArray = sMenu.split(":");

        for (i = 0; i < sMenuArray.length; i++) {
            if (sMenuArray[i].indexOf(menulist) != -1) {
                var sMenuItemArray = new Array();
                sMenuItemArray = sMenuArray[i].split(",");
                return sMenuItemArray[1];
            }
        }
    }

    return -1;
}

function incrementWatcher(menulist) {
    var nMenuState = getMenuState(menulist);
    nMenuState += 1;
    setMenuState(menulist, nMenuState);
}

function hideSubMenu(menulist) {
    var nMenuState = getMenuState(menulist);
    nMenuState = 0;
    setMenuState(menulist, nMenuState);
    setTimeout("doHideSubMenu('" + menulist + "')", 500);
}

function doHideSubMenu(menulist) {
    //alert(getMenuState(menulist) == 0);
    if (getMenuState(menulist) == 0 && document.getElementById(menulist) && document.getElementById(menulist).style.display != "none") {
        //Effect.BlindUp(menulist, { duration: 0.2 });
        $('#' + menulist).slideUp(200);
    }
}