$j = jQuery.noConflict();

$j(document).ready(function() {
	var header = '';
	var ul     = new Array();
	var id     = new Array();
    var pname  = '';
	var timer  = '';
	$j.ajax({
		url: '/xml/header.xml',
		type: 'GET',
		dataType: 'xml',
		success: function(data) {
			header += '<div id="sub_menu2009">\n'
					+ '<p><a href="http://www.roxyjapan.jp/">ROXY JAPAN HOME</a> | <a href="http://www.roxy.com/" target="_blank">GLOBAL ROXY</a></p>\n'
					+ '</div>\n'

					+ '<p class="anv20th"><a href="http://www.roxyjapan.jp/20th/"><img src="/img/gnavi_20thanv.gif"></a></p>\n'

					+ '<div id="global_navi">\n'
					+ '<h1><a href="http://www.roxyjapan.jp/"><img src="/img/menulogo_off.gif" alt="ROXY" width="68" height="67" border="0" /></a></h1>\n'
					+ '<ul id="main_navi">\n';

			$j(data).find('category').each(function() {
                pname = $j(this).find('pname').text().replace(' ', '_', 'g');
                
				header += '<li class="menu">\n'
							+  '<div>\n';
				if ($j(this).find('purl').text() != '') {
					if ($j(this).find('ptarget').text() != '') {
						header += '<p>'
                                + '<a href="' + $j(this).find('purl').text().replace('&amp;', '&') + '" target="' + $j(this).find('ptarget').text() + '" '
                                + 'onclick="pageTracker._trackPageview(\'globalnavi/' + pname + '\');">'
                                + '<img src="' + $j(this).find('img').text() + '" alt="' + pname + '">'
                                + '</a>'
                                + '</p>\n';
					} else {
						header += '<p>'
                                + '<a href="' + $j(this).find('purl').text().replace('&amp;', '&') + '" '
                                + 'onclick="pageTracker._trackPageview(\'globalnavi/' + pname + '\');">'
                                + '<img src="' + $j(this).find('img').text() + '" alt="' + pname + '">'
                                + '</a>'
                                + '</p>\n';
					}
				} else {
					header += '<p><img src="' + $j(this).find('img').text() + '" alt="' + pname + '"></p>\n';
				}
				if ($j(this).find('id').text() != '') {
					header += '<ul id="' + $j(this).find('id').text() + '">\n';
				}
				$j(this).find('children').each(function() {
					if ($j(this).find('target').text() != '') {
						header += '<li>'
                                + '<a href="' + $j(this).find('url').text() + '" target="' + $j(this).find('target').text() + '" '
                                + 'onclick="pageTracker._trackPageview(\'globalnavi/' + pname + '/' + $j(this).find('name').text().replace(' ', '_', 'g').replace('/', '', 'g') + '\');">' + $j(this).find('name').text() + '</a>'
                                + '</li>\n';
					} else if($j(this).find('js').text() != '') {
                        header += '<li>'
                                + '<a href="#" onclick="pageTracker._trackPageview(\'globalnavi/' + pname + '/' + $j(this).find('name').text().replace(' ', '_', 'g').replace('/', '', 'g') + '\');'
                                + $j(this).find('js').text() + '; return false;">' + $j(this).find('name').text() + '</a>'
                                + '</li>\n';
                    }else {
						header += '<li>'
                                + '<a href="' + $j(this).find('url').text() + '" '
                                + 'onclick="pageTracker._trackPageview(\'globalnavi/' + pname + '/' + $j(this).find('name').text().replace(' ', '_', 'g').replace('/', '', 'g') + '\');">'
                                + $j(this).find('name').text() + '</a>'
                                + '</li>\n';
					}
				});
				if ($j(this).find('id').text() != '') {
					header += '</ul>\n';
				}
				header += '</div>\n'
						+ '</li>\n';
			});
			header += '</ul>\n'
					+ '<div class="clear"></div>\n'
					+ '<div id="online_store">\n'
					+ '<div id="online_baloon"><img src="/img/ec_baloon.gif" width="132" height="16" /></div>\n'
					+ '<a href="http://www.quiksilver-onlinestore.jp/" onclick="pageTracker._trackPageview(\'globalnavi/onlinestore\');">'
                    + '<img src="/img/ec_link.gif" width="200" height="25" alt="OFFICIAL ONLINE STORE" />'
                    + '</a>\n'
					+ '</div>\n'
					+ '</div>\n';
			$j('#menu2009').html(header);

			$j('#global_navi h1 img').hover(function() {
				$j(this).attr('src', '/img/menulogo_on.gif');
			}, function() {
				$j(this).attr('src', '/img/menulogo_off.gif');
			});

			$j('.menu').each(function(idx) {
				id[idx] = $j(this).find('ul').attr('id');
				ul[idx] = $j(this).find('ul');

				$j(this).find('img').hover(function() {
					$j(this).attr('src', $j(this).attr('src').replace(/_off/, '_on'));
				}, function() {
					$j(this).attr('src', $j(this).attr('src').replace(/_on/, '_off'));
				});

				$j(this).find('div').hover(function() {
					clearTimeout(timer);
					$j('.menu ul').hide();
					ul[idx].css({opacity: '0.9'});
					ul[idx].css({zIndex: '100'});
					ul[idx].show();
					if (ul[idx].css('display') == 'none') {
						$j(this).show();
						ul[idx].mouseover(function() {
							timer = setTimeout(function(){
								ul[idx].hide();
							}, 1000);
						});
					}
				}, function() {
					timer = setTimeout(function() {
						ul[idx].hide();
					}, 1000);
				});
			});

			$j('#online_store').hover(function() {
				$j('#online_baloon').css({'visibility':'visible'});
			}, function() {
				$j('#online_baloon').css({'visibility': 'hidden'});
			});
		}
	});

    var footerObj = '<div class="credit_inner">'
                  + '<div class="credit_left">&copy;&nbsp;2010 ROXY</div>'
                  + '<div class="credit_right">'
                  + '<a target="_self" href="http://www.quiksilver.co.jp/">QUIKSILVER JAPAN</a>&nbsp;&nbsp;|&nbsp;<a target="_self" href="http://www.quiksilver.co.jp/company/">ABOUT US</a><br />'
                  + '<a target="_self" href="http://www.quiksilver-onlinestore.jp/shop/quiksilver">QUIKSILVER ONLINE STORE</a>&nbsp;&nbsp;|&nbsp;<a target="_self" href="http://www.quiksilver-onlinestore.jp/shop/roxy">ROXY ONLINE STORE</a>&nbsp;&nbsp;|&nbsp;<a target="_self" href="http://www.quiksilver-onlinestore.jp/shop/dc">DC SHOES ONLINE STORE</a></div>'
                  + '<br class="clear"><p class="footer_art" id="footer_art01"><img width="202" height="81" src="/img/spacer.gif"></p>'
                  + '</div>'
                  + '<div class="clear"></div>'

//    var footerObj = '<div class="credit_inner">'
//                  +  '<div class="credit_left">&copy;&nbsp;2010 ROXY</div>'
//                  +  '<div class="credit_right">'
//                  +  '<a href="http://www.quiksilver.co.jp/ecoorego/" target="_self">ECO or EGO?</a>&nbsp;&nbsp;|&nbsp;'
//                  +  '<a href="http://www.quiksilver.co.jp/" target="_self">QUIKSILVER JAPAN</a>&nbsp;&nbsp;|&nbsp;'
//                  +  '<a href="http://www.quiksilver.co.jp/company/" target="_self">ABOUT US</a>'
//                  +  '</div>'
//                  +  '<br class="clear">'
//                  +  '<p id="footer_art01" class="footer_art"><img src="/img/spacer.gif" width="202" height="81"></p>'
//                  +  '</div>'
//                  +  '<div class="clear"></div>';

     $j('#credit2').html(footerObj);
});



// *** OS
var UA = navigator.userAgent;
var osWin = (UA.indexOf("Win", 0) != -1);
var osMac = (UA.indexOf("Mac", 0) != -1);


// *** browser
var brwOpera = (UA.indexOf('Opera') != -1);
var brwIE = (UA.indexOf('MSIE') != -1) && !brwOpera;
var brwFirefox = (UA.indexOf('Firefox') != -1);
var brwSafari = (UA.indexOf('Safari') != -1);
var brwGecko = (UA.indexOf('Gecko') != -1) && !(UA.indexOf('like Gecko') != -1);
var brwNetscape = (UA.indexOf('Netscape') != -1);


// *** browser type check
var brwType = 0;
if(UA.indexOf('MSIE') != -1 && UA.indexOf('Opera') == -1){
	var st = UA.indexOf("MSIE") + 5;
	var en = UA.indexOf(";", st);
	var verIE = Number(UA.substring(st, en));

	if(verIE < 5.5) brwType = 1; // gif
	else if(5.5 <= verIE && verIE < 7) brwType = 2; // filter PNG
	else brwType = 3; // transparent PNG
	if(UA.indexOf('Win') == -1) brwType = 1; // gif
} else {
	brwType = 3; // transparent PNG
}
UA = undefined;


// *** method
function DW(htmlSrc){document.write(htmlSrc);}
function DWL(htmlSrc){document.writeln(htmlSrc);}


// *** alpha image loader
function alphaImgLoader(src, method){
	var docSrc = '';
	docSrc += 'filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="';
	docSrc += src;
	docSrc += '", sizingMethod=';
	docSrc += method;
	docSrc += ');';
	return docSrc;
}


// css draw
DWL('<style type="text/css"><!--');
if(brwType == 2){
	DWL('#footer_art01 img {' + alphaImgLoader("/img/art_1.png", "scale") + '}');
}
if(brwType == 3){
	DWL('#footer_art01 img {background: url(/img/art_1.png) no-repeat;}');
}
DWL('--></style>');


// *** popup open
function openWin(anchor){
//	var winObj = window.open(anchor, 'image_book', 'resizable=no, menubar=no, scrollbars=no, status=no, location=no, width=1000, height=600');
    location.href = anchor;
//	winObj.focus();
}