"+tileContent[h].name+"
"
+ "
"
+ tileContent[h].msg
+ "
"
+ tileContent[h].tags
+ "
");
}
if ($("#tilevid"+this.id.substr(4)).html() != ""){
if ($("#playButton").length===0){
$this.parent().append("
");
}
$playButton = $("#playButton");
$playButton.fadeIn();
$playButton.click(function(){
$(this).hide(); $("#tilevid"+$this.attr("id").substr(4)).show().css({"zIndex":1,"position":"relative"});
$("#tileimg"+$this.attr("id").substr(4)).hide();
var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
//this hardcodes the video id, however this should be in imgreplace and the div to displaythe video should have unique id's based on their tilenumber
swfobject.embedSWF("http://www.youtube.com/v/5x83jL94F7s&hl=en_US&fs=1&rel=0&color1=0x006699&color2=0x54abd6&enablejsapi=1&playerapiid=ytplayer", "ytapiplayer", "400", "250", "8", null, null, params, atts);
});
}
$closeButton = $("#closeButton");
$closeButton.fadeIn();
$closeButton.unbind();
$closeButton.click(function(){
closeEx($this.attr("id").substr(4));
});
$("#dark").fadeIn();
this.expanded =true;
t = this
$("#tileimg"+this.id.substr(4)).animate({top:0,left:0})
$this.animate({width:400,height:400,top:52,left:52},function(){
if (t.expanded){
$("#largeShadow").fadeIn('slow',function(){
$(window).bind("keydown",im.onkeypress);
});
}
});
}
this.unexpand = function(){
$("#largeShadow").hide();
$("#closeButton").hide();
$("#playButton").hide();
$(window).unbind('keydown');
imgx = (tileContent[this.id.substr(4)].imgx * -1)+'px';
imgy = (tileContent[this.id.substr(4)].imgy * -1)+'px';
$("#tileimg"+this.id.substr(4)).animate({top:imgy,left:imgx},'fast');
$this = $("#"+this.id);
$("#tilevid"+this.id.substr(4)).hide();
$("#tileimg"+this.id.substr(4)).show();
im.unexpandID = $this;
if (ytplayer){
ytplayer.pauseVideo()
}
setTimeout(function(){
im.unexpandID.bind("click",im.onclick);
im.unexpandID.bind("mouseover",im.onmouseover);
im.unexpandID.bind("mouseout",im.onmouseout);
},100);
this.close();
this.expanded = false;
}
this.close = function(){
clearTimeout(mltime);
$("#"+this.id).animate({
'width':this.w ,
'height':this.h,
'top':this.y ,
'left':this.x
},100,'swing');
id = this.id.substr(4);
$("#shadowmatte"+id).fadeOut('fast',function(){
$(this).remove();
});
$("#dark").fadeOut(function(){
$(this).remove();
});
}
this.open = function(){
id = this.id.substr(4);
$sm = $(".shadowmatte");
$sm.remove();
$this = $("#"+this.id)
$this.parent().append("
");
$sm = $("#shadowmatte"+id);
$sm.fadeIn();
$sm.css({top:this.y -25,left:this.x -25 });
$(".tile").css({zIndex:0});
$this.css({zIndex:2});
$this.animate({
'width':this.w + this.moverex,
'height':this.h + this.moverex,
'top':this.y - this.moverex/2,
'left':this.x - this.moverex/2
},100,'linear',function(){
clearTimeout(mltime);
mltime = setTimeout(function(){
//tile[this.id].expand();
},1000)
});
}
}
var mltime;
var im = {
unexpandID:0,
mainlinkon:function(id){
for (i=0;i