/* ---------------------------------------------------------------------
JavaScript for quiksilver inc.
FileName: index.js
--------------------------------------------------------------------- */


// *** 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;


// *** css draw
document.write('<style type="text/css"><!--');

if(brwType == 1){
document.write('#g_snow_index .pos_area .box_01 p img {background: url(./img/link_product.gif) 0 0 no-repeat;}');
document.write('#g_snow_index .pos_area .box_02 p.movies img {background: url(./img/link_movies.gif) 0 0 no-repeat;}');
document.write('#g_snow_index .pos_area .box_02 p.photos img {background: url(./img/link_photos.gif) 0 0 no-repeat;}');
document.write('#g_snow_index .pos_area .box_03 p.news img {background: url(./img/link_news.gif) 0 0 no-repeat;}');
document.write('#g_snow_index .pos_area .box_03 p.riders img {background: url(./img/link_riders.gif) 0 0 no-repeat;}');
document.write('#g_snow_index .pos_area .box_03 p.store img {background: url(./img/link_store.gif) 0 0 no-repeat;}');
document.write('#g_snow_index .pos_area .box_04 p img {background: url(./img/link_howto.gif) 0 0 no-repeat;}');
}
if(brwType == 2) {
document.write('#g_snow_index .pos_area .box_01 p img {' + alphaImgLoader("./img/link_product.png", "crop") + '}');
document.write('#g_snow_index .pos_area .box_02 p.movies img {' + alphaImgLoader("./img/link_movies.png", "crop") + '}');
document.write('#g_snow_index .pos_area .box_02 p.photos img {' + alphaImgLoader("./img/link_photos.png", "crop") + '}');
document.write('#g_snow_index .pos_area .box_03 p.news img {' + alphaImgLoader("./img/link_news.png", "crop") + '}');
document.write('#g_snow_index .pos_area .box_03 p.riders img {' + alphaImgLoader("./img/link_riders.png", "crop") + '}');
document.write('#g_snow_index .pos_area .box_03 p.store img {' + alphaImgLoader("./img/link_store.png", "crop") + '}');
document.write('#g_snow_index .pos_area .box_04 p img {' + alphaImgLoader("./img/link_howto.png", "crop") + '}');
}
if(brwType == 3) {
document.write('#g_snow_index .pos_area .box_01 p img {background: url(./img/link_product.png) 0 0 no-repeat;}');
document.write('#g_snow_index .pos_area .box_02 p.movies img {background: url(./img/link_movies.png) 0 0 no-repeat;}');
document.write('#g_snow_index .pos_area .box_02 p.photos img {background: url(./img/link_photos.png) 0 0 no-repeat;}');
document.write('#g_snow_index .pos_area .box_03 p.news img {background: url(./img/link_news.png) 0 0 no-repeat;}');
document.write('#g_snow_index .pos_area .box_03 p.riders img {background: url(./img/link_riders.png) 0 0 no-repeat;}');
document.write('#g_snow_index .pos_area .box_03 p.store img {background: url(./img/link_store.png) 0 0 no-repeat;}');
document.write('#g_snow_index .pos_area .box_04 p img {background: url(./img/link_howto.png) 0 0 no-repeat;}');
}

document.write('--></style>');


// *** 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;
}


// *** index image change
(function($){
	$(function(){
		$(".pos_area p a").hover(function(){
			var parentObj = $(this).parent().parent().parent().attr('class');
			indexImgChange(parentObj, true);
			return false;
		},function(){
			var parentObj = $(this).parent().parent().parent().attr('class');
			indexImgChange(parentObj, false);
			return false;
		});
	});

	function indexImgChange(parentObj, status){
		var imgObj = $('.' + parentObj + ' .base img')
		var imgSrc = imgObj.attr('src');
		if(status){
			var P = imgSrc.lastIndexOf(".");
			imgSrc = imgSrc.substr(0, P) + '_on' + imgSrc.substring(P);
		} else {
			imgSrc = imgSrc.replace('_on', '');
		}
		imgObj.attr('src', imgSrc);

		var zIndex = status ? '100' : '1';
		$('.' + parentObj).css('z-index', zIndex);
	}

})(jQuery);