//Declare variables
var DropdownWidth = 230;
var DropdownPadding = 10;
var DropdownBackground = "#1d1d1d";
var DropdownColor = "#ffffff";
var DropdownBackground_Over = "#1d1d1d";
var DropdownColor_Over = "#c3c3c3";
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 = -20;
var DropdownY = 55; //Dynamic positioning
var DropdownYimg = 0; //Static positioning (0 to bypass)
var CloseDropdownTimer = 1000;
var activate_dropdown="";
var current_dropdown="";
var index_dropdown=0;

//Create elements
document.write('<div id="xi-fader"></div>');
document.write('<div id="xi-lightbox"><table border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto; position: relative; margin-top: 80px;" 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;
  });

  $(".effect").bind("mouseover",function(){
        $(this).animate({opacity: 0.3},400,'',function(){
            $(this).animate({opacity: 1.0},400);
        });
     });
  
  
  
  
    //open dropdown on mouseover
  $(".dropdown_menu").bind("mouseover",function(){
    activate_dropdown = "#dd_" + this.id;
	index_dropdown = 2;
    if(activate_dropdown != current_dropdown){
		DropDownClose();
		var offsetposition = $(this).offset();
    	$(activate_dropdown).css('left', offsetposition.left + DropdownX);
		$(activate_dropdown).css('top', offsetposition.top+DropdownY);
		
		//img exception
		if(DropdownYimg > 0){
			$(activate_dropdown).css('top', DropdownYimg);
		}
    	$(activate_dropdown).fadeIn(500, function(){
		current_dropdown = activate_dropdown;
		});
	}
  });
 //menu item mouseout
  $(".dropdown_menu").bind("mouseout",function(){
	index_dropdown = 0;
	var timer_dropdown=setTimeout("DropDownTimer()",CloseDropdownTimer);
  });
   //keep dropdown on mouseover
  $(".dropdown").bind("mouseover",function(){
	index_dropdown = 1;
  });
 //close dropdown
  $(".dropdown").mouseleave(function() {
    index_dropdown = 0;
	var timer_dropdown=setTimeout("DropDownTimer()",CloseDropdownTimer);
  });
  
  
  
  

});

function DropDownTimer(){
	  if(index_dropdown < 1){
	  DropDownClose();	
	  }
}
function DropDownClose(){
		$(".dropdown").fadeOut(200);
    	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