// JavaScript Document
(function($){
	$.viewBox ={};
	(function(){
		$.viewBox.data = [];
		$.viewBox.targetData = {};
		$.viewBox.show = function(ids){
			if($.viewBox.data.length>0){
				$.each($.viewBox.data,function(){
					if(this.id == ids){
						$.viewBox.targetData = this;
						return false
					}
				});
				$("body").append($.viewBox.html.overlay_html);
				$("body").append($.viewBox.html.bg_html);
				$("#overlay").append($.viewBox.html.viewer_html());
				
				var attr = {
					data  : "/common/swf/viewer.swf",
					id : "external_viewer_swf",
					name : "external_viewer_swf",
					width : "470",
					height : "480"
				}
				var para = {
					menu : "false",
					quality : "high",
					scale : "noscale",
					wmode : "transparent",
					flashvars : "path="+$.viewBox.targetData.path
				}
				swfobject.createSWF(attr, para, "viewer_swf");
				
				$("#overlay_background").fadeTo(0,0).fadeTo("slow",0.85,function(){
						$("#view_box").height(0).animate({height:"520px"},"slow","");
				});
				
				$("#overlay").bind("click",function(e){
						if(e.target == this){
							$.viewBox.close();
						}
				});
				
				return;
			}
		}
		$.viewBox.close = function(){
				//getData(id);
				$("#overlay > div").animate({height:"0px"},"slow","",function(){
					$("#overlay_background").fadeOut("slow",function(){
						swfobject.removeSWF("viewer_swf");
						$("#overlay").remove();
						$(this).remove();
					});
				});
				$.viewBox.targetData ={};
				$("#overlay").unbind("click");
				return;
		};
		
	
		/**
		 * html
		 *------------------------------------------*/
		$.viewBox.html ={
			viewer_html : function(){
				var html = '<div id="view_box">'
					html += '<div id="contents_viewer"><div id="viewer_swf"></div></div>'
					html += $.viewBox.boxhtml.info_html($.viewBox.targetData);
					html += $.viewBox.boxhtml.close_btn;
					html += '</div>'
					return html
			},
			overlay_html : '<div id="overlay"></div>',
			bg_html : '<div id="overlay_background">&nbsp;</div>'
		}
		
		/**
		 * viewer html
		 *------------------------------------------*/
		$.viewBox.boxhtml ={
			close_btn :'<div id="close_btn"><a href="javascript:$.viewBox.close();"><img src="../common/img/parts/btn_close_off.gif" width="15" height="15" alt="close" /></a></div>',
			info_html : function(data){
				var html = "";
				html +='<div id="contents_info">';
					html += '<h3 id="contents_title">'+data.title+'</h3>';
					html += '<ul id="info_list">';
						if(data.time		&& data.time		!= "undefined") {	html += '<li class="icon_time">'+data.time+'</li>';};
						if(data.station && data.station	!= "undefined") {	html += '<li class="icon_station">'+data.station+'</li>';};
						if(data.links		&& data.links	 	!= "undefined") {	html += '<li class="icon_links"><a href="'+data.links+'">'+data.links+'</a></li>';};
						if(data.actors	&& data.actors		!= "undefined") {	html += '<li class="icon_actor">'+data.actors+'</li>';};
					html += '</ul>';
					html += '<div id="contents_explanation">';
						html += data.explanation;
				html += '</div></div>';
				return html
			}
		};
		
	})()
	
	$.fn.viewBox = function(trigerLink){
			$(this).each(function(){
				$(this).find(trigerLink).attr("href","javascript:$.viewBox.show('"+this.id+"')");
			});
			
		return this;
	}	
	
	$(document).ready(function(){	
			$.viewBox.data = window.itemdata;
			var now = new Date().getTime();
			now = now - 7*86400000;
			$.each($.viewBox.data ,function(){
				if(this.id.indexOf("r")>-1){
					var t = this.date;
					t = t.split(".");
					var date = new Date(t[0],t[1]-1,t[2]);
					date = Date.parse(date);
					if(date >now){
						$("#"+this.id+" .thumb a span").addClass('new_item');
					}
				}else if(this.id.indexOf("c")>-1){
					var l = this.label;
					if(l != "undefind"){
						var k ="";
						switch(l){
							case "WEB": 		k = "web";			break;
							case "MOBILE":	k = "mobile";		break;
							case "CD":			k = "cd";				break;
							case "DVD":		k = "dvd";			break;
							case "放送":			k = "broadcast";	break;
							case "映画":			k = "cinema";		break;
							case "販売":			k = "sale";			break;
						}
						$("#"+this.id+" .thumb a span").addClass('label '+k).ifixpng();
					}
				}
			});
			$.ifixpng('/common/js/blank.gif');
			$("span.new_item").ifixpng();
			
		});
	
})(jQuery)