//Declare variables
var DropdownWidth = 210;
var DropdownPadding = 10;
var DropdownBackground = "#575552";
var DropdownColor = "#ffffff";
var DropdownBackground_Over = "#575552";
var DropdownColor_Over = "#808080";
var DropdownFont = "Tahoma, Verdana, Arial, Helvetica, sans-serif";
var DropdownSize = 14;
var DropdownDividerColor = "#6d6d6d";
var DropdownDivider = 1;
var DropdownDividerType = "solid";
var DropdownUnderline = "none";
var DropdownLineHeight = 16;
var DropdownX = 0;
var DropdownY = 49; //Dynamic positioning
var DropdownYimg = 0; //Static positioning (0 to bypass)
var CloseDropdownTimer = 1000;
var newsletteractivated = 0;
var newsletterprefix = "?location=north";

//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>.dropdown {	width: '+DropdownWidth+'px;	line-height: '+DropdownLineHeight+'px;}.dropdown ul, dropdown ul li{	padding:0px;	margin:0px;}.dropdown ul li a.link{	width: '+DropdownWidth+'px;	display:block;	margin:0px;	padding: '+DropdownPadding+'px;	background-color: '+DropdownBackground+';	font-family: '+DropdownFont+';	font-size: '+DropdownSize+'px;	color: '+DropdownColor+';	text-decoration: '+DropdownUnderline+';	border-bottom: '+DropdownDivider+'px '+DropdownDividerType+' '+DropdownDividerColor+';}.dropdown ul li a.link:hover {	background-color: '+DropdownBackground_Over+';	color: '+DropdownColor_Over+';	text-decoration: '+DropdownUnderline+';}</style>');

//Script global variables
var loading_html = "<table width='300' height='300' border='0' cellpadding='10' cellspacing='0' bgcolor='#FFFFFF'><tr><td align='center'><img src='/js/images/loading1.gif' width='32' height='32' border='0'><br><span style='color:#c3c3c3; font-size: 11px;'>loading...</span></td></tr></table>";
var activate_dropdown="";
var current_dropdown="";
var index_dropdown=0;

$(document).ready(function(){
  $(".lightbox").click(function () {
	$("#xi-lightbox-frame").html(loading_html);
    ShowLightbox();
    $("#xi-lightbox-frame").load(this.href);
	return false;
  });
  
  $("#newsletter").click(function () {
    $("#newsletter").removeClass("effect");
	if(newsletteractivated == 0){
		$("#newsletter").load("/newsletter.html"+newsletterprefix);
		newsletteractivated = 1;
		return false; 
	}
  });
  

  $(".effect").bind("mouseover",function(){
        $(this).animate({opacity: 0.5},200,'',function(){
            $(this).animate({opacity: 1.0},200);
        });
     });
  
  
  
  
  //open dropdown on mouseover of item
  $(".dropdown_menu").bind("mouseover",function(){
    activate_dropdown = this.id;
	index_dropdown = 1;
    if(activate_dropdown != current_dropdown){
		DropDownClose(current_dropdown);
		var offsetposition = $(this).offset();
    	$("#dd_"+activate_dropdown).css('left', offsetposition.left + DropdownX);
		$("#dd_"+activate_dropdown).css('top', offsetposition.top+DropdownY);
		//img exception
		if(DropdownYimg > 0){
			$("#dd_"+activate_dropdown).css('top', DropdownYimg);
		}
		current_dropdown = activate_dropdown;
    	$("#dd_"+activate_dropdown).fadeIn(500);
	}
	//$(this).addClass("atopmenu"); //optional: class assigned
	
  });
  
  
  
  //mouse left dropdown
  $(".dropdown_menu").mouseleave(function() {
		DropDownClose(current_dropdown);
  });
  
  
  
  

});

function DropDownClose(id){
	//if(index_dropdown < 1){
	   	$("#dd_"+current_dropdown).fadeOut(10);
		//$(".dropdown_menu").removeClass("atopmenu");
		current_dropdown = "";
	//}
}



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

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


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