// homefeature.js

/*
 * requires jQuery JavaScript Library
 */
 
var feature_xml;
var feature_delay;
var feature_timer;
var feature_current;
var feature_contents = [];

var isIE = document.defaultView ? false : true;
var IEvers = isIE ? Number(_browser.substring(_browser.indexOf('MSIE ')+4,_browser.indexOf('MSIE ')+8)) : null;

var $userAgent = navigator.userAgent.toUpperCase();
var $mobileDevice = $userAgent.indexOf('IPHONE') > -1 || $userAgent.indexOf('IPAD') > -1 || $userAgent.indexOf('IPOD') > -1 || $userAgent.indexOf('ANDROID') > -1 ? true : false;

 
function home_feature_init(xmlPath) {
	$.ajax({
		type: "GET",
		url: xmlPath,
		dataType: "xml",
		success: home_feature_parse
	});
}

function home_feature_parse(xml) {
	$(xml).find("mainfeature").each(function() {
		feature_delay = $(this).attr("delay");
	});
	$(xml).find("feature").each(function() {
		create_home_feature($(this));
	});
	for(var i=0;i<4;i++) {
		if(!feature_contents[i]) {
			document.getElementById('HomeFeatureBtn'+(i+1)).style.visibility = 'hidden';
		} else {
			if(isIE) {
				var st = '<div class="HomeFeatureButtonInner">';
				st += '<table cellpadding="0" cellspacing="0" border="0" width="186" id="HomeFeatureTB_'+(i+1)+'"><tr><td height="50" align="left" valign="middle">';
				st += feature_contents[i].feat_text;
				st += '</td></tr></table>';
				st += '</div>';
			} else {
				var st = '<div class="HomeFeatureButtonInner">' + feature_contents[i].feat_text + '</div>';
			}
			divObj = document.getElementById('HomeFeatureBtn'+(i+1));
			divObj.innerHTML = st;
			if($mobileDevice) {
				$('#HomeFeatureBtn'+(i+1)).bind("click",{num:i},show_feature_selected);
			} else {
				$('#HomeFeatureBtn'+(i+1)).bind("mouseover",{num:i},show_feature_selected);
				$('#HomeFeatureBtn'+(i+1)).bind("mouseout",{num:i},feature_btn_mouseout);
			}
			divObj.style.visibility = 'visible';
		}
	}
	feature_current = 0;
	$('#HomeFeatureBtn1').addClass('FeatureSelected');
	if(feature_contents[0].feat_link == null) {
		$('#HomeFeatureInner').html('<img src="homefeature/HomeFeatureInner.png" alt="" width="400" height="230" border="0">');
	} else {
		$('#HomeFeatureInner').html('<a href="' + feature_contents[0].feat_link + '" target="' + feature_contents[0].feat_target + '"><img src="homefeature/HomeFeatureInner.png" alt="" width="400" height="230" border="0"></a>');
	}
	if(!$mobileDevice) {
		$('#HomeFeatureInner').bind("mouseover",{},feature_inner_over);
		$('#HomeFeatureInner').bind("mouseout",{},feature_btn_mouseout);
	}
	$('#HomeFeatureInner').css("background-image","url('" + feature_contents[0].feat_pic + "')");
	if(feature_contents[0].buy_link != null) {
		var bn = '<div class="HF_BuyNowText" onclick="' + feature_contents[0].buy_link + '"><div class="HF_BuyNowPrice">' + feature_contents[0].buy_price + '</div><div class="HF_BuyNowRRP">' + feature_contents[0].buy_rrp + '</div></div>';
		$('#HomeFeatureBuyNow').html(bn);
		$('#HomeFeatureBuyNow').css('visibility','visible');
	} else {
		$('#HomeFeatureBuyNow').css('visibility','hidden');
	}
	if(!$mobileDevice) {
		$('#HomeFeatureBuyNow').bind("mouseover",{},buy_now_over);
		$('#HomeFeatureBuyNow').bind("mouseout",{},buy_now_out);
	}
	if(feature_contents.length > 0) {
		feature_timer = setTimeout('show_next_feature()', feature_contents[0].feat_delay);
	}
	if(isIE) {
		$('#HomeFeatureTB_1').width(198);
	}
}

function create_home_feature(feature_xml) {
	var feature_temp = {};
	feature_temp.feat_text = feature_xml.find('feature_text').text();
	feature_temp.feat_pic = feature_xml.find('pic').text();
	feature_temp.feat_link = null;
	feature_temp.feat_target = '_self';
	feature_temp.feat_delay = Number(feature_delay) * 1000;
	
	feature_temp.buy_link = null;
	feature_temp.buy_target = '_self';
	
	var link_count = 0;
	feature_xml.find('link').each(function() {
		link_count += 1;
		if(link_count == 1) {
			feature_temp.feat_link = $(this).text();
		}
		if(link_count == 2) {
			feature_temp.buy_link = $(this).text();
		}
	});
	var target_count = 0;
	feature_xml.find('target').each(function() {
		target_count += 1;
		if(target_count == 1) {
			feature_temp.feat_target = $(this).text();
		}
		if(target_count == 2) {
			feature_temp.buy_target = $(this).text();
		}
	});
	feature_xml.find('delay').each(function() {
		feature_temp.feat_delay = Number($(this).text()) * 1000;
	});
	feature_temp.buy_price = feature_xml.find('price').text();
	feature_temp.buy_rrp = feature_xml.find('rrp').text();

	feature_contents.push(feature_temp);
}

function show_feature_selected(event) {
	clearTimeout(feature_timer);
	var num = Number(event.data.num);
	feature_current = Number(event.data.num);
	$('#HomeFeatureBtn1,#HomeFeatureBtn2,#HomeFeatureBtn3,#HomeFeatureBtn4').removeClass('FeatureSelected');
	$('#HomeFeatureBtn'+ (num + 1)).addClass('FeatureSelected');
	if(feature_contents[num].feat_link == null) {
		$('#HomeFeatureInner').html('<img src="homefeature/HomeFeatureInner.png" alt="" width="400" height="230" border="0">');
	} else {
		$('#HomeFeatureInner').html('<a href="' + feature_contents[num].feat_link + '" target="' + feature_contents[num].feat_target + '"><img src="homefeature/HomeFeatureInner.png" alt="" width="400" height="230" border="0"></a>');
	}
	$('#HomeFeatureInner').css("background-image","url('" + feature_contents[num].feat_pic + "')");
	if(feature_contents[num].buy_link != null) {
		var bn = '<div class="HF_BuyNowText" onclick="' + feature_contents[num].buy_link + '"><div class="HF_BuyNowPrice">' + feature_contents[num].buy_price + '</div><div class="HF_BuyNowRRP">' + feature_contents[num].buy_rrp + '</div></div>';
		$('#HomeFeatureBuyNow').html(bn);
		$('#HomeFeatureBuyNow').css('visibility','visible');
	} else {
		$('#HomeFeatureBuyNow').css('visibility','hidden');
	}
	if($mobileDevice) {
		feature_timer = setTimeout('show_next_feature()', feature_contents[num].feat_delay);
	}
	if(isIE) {
		(num + 1) != 1 ? $('#HomeFeatureTB_1').width(186) : null;
		(num + 1) != 2 ? $('#HomeFeatureTB_2').width(186) : null;
		(num + 1) != 3 ? $('#HomeFeatureTB_3').width(186) : null;
		(num + 1) != 4 ? $('#HomeFeatureTB_4').width(186) : null;
		$('#HomeFeatureTB_'+ (num + 1)).width(200);
	}
}

function feature_inner_over(event) {
	clearTimeout(feature_timer);
}

function feature_btn_mouseout(event) {
	clearTimeout(feature_timer);
	feature_timer = setTimeout('show_next_feature()', feature_contents[feature_current].feat_delay);
}

function buy_now_over(event) {
	clearTimeout(feature_timer);
	$('#HomeFeatureBuyNow').css('backgroundPosition',"0 -82px");
}

function buy_now_out(event) {
	clearTimeout(feature_timer);
	$('#HomeFeatureBuyNow').css('backgroundPosition',"0 0px");
	feature_timer = setTimeout('show_next_feature()', feature_contents[feature_current].feat_delay);
}

function show_next_feature() {
	clearTimeout(feature_timer);
	var next_feature = feature_current + 1;
	next_feature >= feature_contents.length ? next_feature = 0 : null;
	var eventObj = {};
	eventObj.data = {num:next_feature};
	show_feature_selected(eventObj);
}