//Create elements
document.write('<div id="xi-fader"></div>');
document.write('<div id="xi-lightbox"><table border="0" cellspacing="0" cellpadding="0" align="center" id="xi-lightbox-window"><tr><td>');
document.write('<a href="javascript:CloseLightbox();" style="position:relative; float:right; margin-right:-5px; margin-top:-5px; margin-bottom: -40px; z-index:99;"><img src="js/images/closecircle.png" width="30" height="30" border="0"></a></td></tr><tr><td>');
document.write('<div id="xi-lightbox-frame"></div>');
document.write('</td></tr></table></div>');

document.write("<style>.layer1{display:none;}.layer2{display:none}.menubar{display:none;}.layer2inner{display:none}.menubar{display:none;}.submenubar{display:none;}.innerlogo{display:none;}</style>");
var loading_html = "<table width='400' height='300' border='0' cellpadding='10' cellspacing='0' bgcolor='#000000;'><tr><td align='center'><img src='js/images/loading2.gif' border='0'><br/><br/><span style='color:#c3c3c3; font-size: 11px;'>loading...</span></td></tr></table>";

$(window).load(function () {
	$("body").css("background-image", "none");
	$(".layer1").fadeIn(500);
	$(".layer2").fadeIn(500);
	$(".layer2inner").fadeIn(500);
	$(".submenubar").fadeIn(500);
	$(".innerlogo").fadeIn(500);
	$(".menubar").fadeIn(500);
	$(".submenubar").animate({
    		opacity: 1,
    		height: '50px'
  		}, 500);
});

$(document).ready(function(){
						   
   EventCheck();
   $("a.anchorLink").anchorAnimate();

  //Lightbox class (modified)
  $(".lightbox").click(function () {
    ShowLightbox(this.href);
	return false;
  });

  //Effect class
  $(".effect").bind("mouseover",function(){
        $(this).animate({opacity: 0.3},400,'',function(){
            $(this).animate({opacity: 1.0},400);
        });
  });
  
  //Arrow Activators
  $(".arrowleft").bind("mouseover",function(){
        this.src='images/ar_left_a.gif';
  });
   $(".arrowleft").bind("mouseout",function(){
        this.src='images/ar_left.gif';
  });
  $(".arrowright").bind("mouseover",function(){
        this.src='images/ar_right_a.gif';
  });
   $(".arrowright").bind("mouseout",function(){
        this.src='images/ar_right.gif';
  });
  
  
  $(".port-container").bind("mouseover",function(){
  	var portid = $(this).children(".port-info");
		$(portid).addClass("port-info-activated");  
  });
  
  $(".port-container").click(function () {
	//$(".anchorLink").trigger('click');
	var myid = this.id;
	myid = myid.replace('work', '');
	var loadurl = "work.html?id="+myid;	
    ShowLightbox(loadurl);	
  });
  
  $(".port-container").mouseleave(function(){
        var portid = $(this).children(".port-info");
		$(portid).removeClass("port-info-activated");	
  });

});

jQuery.fn.anchorAnimate = function(settings) {
		settings = jQuery.extend({
		speed : 1100
	}, settings);	
	
	return this.each(function(){
		var caller = this
		$(caller).click(function (event) {	
			event.preventDefault()
			var locationHref = window.location.href
			var elementClick = $(caller).attr("href")
			
			var destination = $(elementClick).offset().top;
			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
				//window.location.hash = elementClick
			});
		  	return false;
		})
	})
}

function ShowLightbox(thisurl){
	$("#xi-lightbox-frame").html(loading_html);
	$("#xi-fader").fadeIn(500, function(){
	
	var faderposition = $("#xi-fader").position();
	$("#xi-lightbox").css('top',faderposition.top);
    $("#xi-lightbox").fadeIn(500, function(){
		 $("#xi-lightbox-frame").load(thisurl);
	});
  });

}
function CloseLightbox(){
	$("#xi-lightbox").fadeOut(100);
	$("#xi-fader").fadeOut(500);
	$("#xi-lightbox-frame").html(" ");
}

function EventCheck()
{
	var navbar_trigger = $(".layer1").offset().top;
	if (navbar_trigger > "20"){
		$("#navbar a").fadeOut(500);
	}
	else
	{
		$("#navbar a").fadeIn(500);	
	}
	Timer=setTimeout("EventCheck()",100);
}

if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
{
     $(".layer1").css("position", "static");
	 $(".menubar").css("position", "static");
};


// XI JS Framework v2.0. Released on Jan 23, 2011
// Developed by Xi Digital Corp.
// Website: www.xi-digital.com