// Initialization
var image_settings = new Array();
var num=0;
$.naviImage = {
	init: function() {
		for (module in $.naviImage) {
			if ($.naviImage[module].init)
				$.naviImage[module].init();
		}
	}
};

$(document).ready($.naviImage.init);

$.naviImage.fn = {
	init: function() {
		$('a.naviImage')
			.bind('click', this.click)
			.bind('mouseover', this.enter)
			.bind('mouseout', this.exit)
			.each(this.preload);
	},
	preload: function(fn) {
		this.id=num;
		this.subtitle = ($(this).parent().children('p').size())?$(this).parent().children('p').html():'';
		image_settings.push(this);
		var vp=($(this).parent().attr('class').match(/play_video/))?true:false;
		var isShadow = ($(this).attr('class').match(/no_shadow/))?true:false;
		if($(this).parent().attr('class').match(/first/)){
		  var img = new Image();
			var l=this.href;
			var photo = $("#photo");
			var alt = $(this).attr('title');
			$(photo).width(960).height(620);
			$(photo).hide();
//			$(photo).append('<div class="wrap"><h2>'+this.title+'</h2></div>');
			$(photo).append('<div class="wrap"><h2>'+this.subtitle+'</h2></div>');
			var subtitle=this.subtitle;
			var obj=this;
			$(img).load(function(){
					if(isShadow) $(this).addClass('no-shadow');
//				$(photo).dropshadow({color:'green',blur:3,x:5,y:3});
				if($(this).attr("width")<$(this).attr("height")){
					$(photo).css({top:'30px'})
//					$(photo).append('<h2>'+alt+'<h2>');
					$(photo).append('<h2>'+subtitle+'<h2>');
					$(photo).find('h2').css({color:'#fff',visibility:'visible'});
					$(photo).find('h2').delay(1000).animate({color:'#a0a0a0'},1000);
				}else{
					$(photo).css({top:'96px'})
					$(photo).find('h2').remove();
//					$(photo).find('h2').css({visibility:'hidden'});
				}
				$(photo).find(".wrap").append(this);
				if(vp){
					var js = "$.videoObject.init();";
					$(photo).find(".wrap").append('<a onClick="'+js+'" id="videoObject" style="display:block;position:absolute;top:0;width:'
					+$(this).attr("width")+'px;height:'+$(this).attr("height")
					+'px;background:url(/assets/images/player.png) 50% 50% no-repeat;"></a>');
				}
				$(photo).css({visibility:'visible'}).delay(0).fadeIn(1000);
				$(obj).find('img').animate({opacity:0.5},500);
			}).attr('src',l);
		}else{
			$(this).find('img').animate({opacity:1},500);
		}
		num++;
	},
	click: function() {
		return false;
	},
	enter: function() {
		var vp=($(this).parent().attr('class').match(/play_video/))?true:false;
	  var img = new Image();
		var l=this.href;
		var photo = $("#photo");
		$(photo).hide();
//		$(photo).html('<div class="wrap"><h2>'+this.title+'</h2></div>');
		$(photo).html('<div class="wrap"><h2>'+this.subtitle+'</h2></div>');
		var subtitle = this.subtitle;
		var obj=this;
		$(img).load(function(){
			var alt = $(this).attr('title');
			if($(this).attr("width")<$(this).attr("height")){
				$(photo).css({top:'30px'})
//				$(photo).append('<h2>'+alt+'<h2>');
				$(photo).append('<h2>'+subtitle+'<h2>');
				$(photo).find('h2').css({color:'#fff',visibility:'visible'});
				$(photo).find('h2').delay(1000).animate({color:'#a0a0a0'},1000);
			}else{
				$(photo).css({top:'96px'})
				$(photo).find('h2').remove();
//				$(photo).find('h2').html('');
//				$(photo).find('h2').css({visibility:'hidden'});
			}
			$(photo).find(".wrap").append(this);
			if(vp){
				var js = "$.videoObject.init();";
				$(photo).find(".wrap").append('<a onClick="'+js+'" id="videoObject" style="display:block;position:absolute;top:0;width:'
				+$(this).attr("width")+'px;height:'+$(this).attr("height")
				+'px;background:url(/assets/images/player.png) 50% 50% no-repeat;"></a>');
			}
			$(photo).stop(true,true);
			$(photo).fadeIn(1000);
			$(obj).find('img').stop(true,true);
			$(obj).find('img').animate({opacity:0.5},500);
			for(var i=0;i<image_settings.length;i++){
				if(image_settings[i].id!=obj.id){
					$(image_settings[i]).find('img').stop(true,true);
					$(image_settings[i]).find('img').animate({opacity:1},500);
				}
			}
		}).attr('src',l);
	},
	exit: function() {
	}
};

//EOF