/*
	javascript for home page.

	features.js v1.0
	create on 2010-1-28 by Oscar Woo

*/

$(document).ready(function() {
	$(".feature_detail").fancyZoom({directory: '../styles/images/fancyzoom', callback:showdetail});
	
	
});

function showdetail(obj){

	fea = obj.parent().parent();
	
	img = "<img style=\"margin: 0 auto; cursor:pointer;\" width=\"600\" height=\"415\" src=\"" + fea.children(".default_img").attr("href") + "\" /";
	video = fea.children(".video").attr("href");
	player = "<div id=\"video_player\" ><div onclick=\" insert_video('../idocument.mov');\" >" + img + "</div></div>";
	
	html_str = "<table style=\"width:100%;\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\"><tbody><tr><td style=\"width:230px;padding-right:10px;vertical-align: top;\">"+ fea.html() +"</td><td style=\"vertical-align: top;\">"+ player +"</td></tr></tbody></table>";

	$("#featue_detail_box").html(html_str);

}

function insert_video(src){	
	$("#zoom_content #video_player img").hide();
	
	if($.browser.safari)
	{
		$("#zoom_content #video_player").append(videoObj4html5(src,600, 375));
	}else{
		$("#zoom_content #video_player").append(videoObj4html4(src,600, 390));
	}

}