$(document).ready(function(){
	
	$.ajax({
    	type: "GET",
    	url: "http://www.ulsalaguna.edu.mx/menu.xml",
    	dataType: "xml",
   		success: parseXml
  	});
	
	//		
	$('#logo').click(function() {
  		window.open("http://www.ulsalaguna.edu.mx/index.html", "_self");
	});			
	//
			
	// Menu
	$('#menuBtn1').click(function() { subNav($(this),"Institucional"); });
	$('#menuBtn2').click(function() { subNav($(this),"Licenciaturas"); });	
	$('#menuBtn3').click(function() { subNav($(this),"Posgrados"); });	
	$('#menuBtn4').click(function() { subNav($(this),"Educacion a Distancia"); });	
	$('#menuBtn5').click(function() { subNav($(this),"Servicios"); });	
	$('#menuBtn6').click(function() { window.open("http://www.ulsalaguna.edu.mx/Contacto.html", "_self"); });	
	//
	// Subnav
	$('#subBloc').click(function() { subNav(null); });	
	//
	// Social Btns
	$('#facebook').click(function() { window.open("http://www.facebook.com/","_blank"); });
	$('#twitter').click(function() { window.open("http://www.youtube.com/ulsalaguna/","_blank"); });
	$('#youTube').click(function() { window.open("http://twitter.com/ulsalaguna/","_blank");; });
	$('#flicker').click(function() { window.open("http://www.flickr.com/photos/ulsalaguna/","_blank"); });
	//
	resizeWindow();
	activateLogosBanner();
	//
	$(window).resize(function() {
		resizeWindow();
  	});	
	
	
});
var W = 0;
var H = 0;
function resizeWindow(){
	W = $(window).width();
	H = $(document).height();
	//
	$("#subBloc").css({'width' : W});
	$("#subBloc").css({'height' : H});
	$("#mainFrame").css({'width' : W});
	$("#vertLeftScroll").css({'height' : H});
	$("#vertRightScroll").css({'height' : H});
	$("#vertRightScroll").css({'margin-Left' : W-50+"px"});
}
function popUp(page, pageName, width, height, scrollbars) { 
		OpenWin = this.open(page, pageName, "toolbar=no, menubar=no ,location=no, scrollbars=" + scrollbars + ", resizable=no, width=" + width + ", height=" + height + ", top=" + (screen.height/2 - height/2) + ", left=" + (screen.width/2 - width/2) + "\""); 
}
var XML;
function parseXml(xml){
  XML = xml;
  submenu("Institucional");
}
function submenu(sec){
$("#sub02").html("");
  $(XML).find("Section").each(function(){
	if ($(this).attr("id") == sec) { 
		$(this).find("Page").each(function(){
			$("#sub02").append("<div class='sub'><a href='"+$(this).find('url').text()+"' target='_self'>"+$(this).find("title").text()+"</a></div>");
		});
	}
  });
}
function moveSubmenu(obj){
	var loff = 112;
	var offset = obj.position();
	var newPos = offset.left - loff + (obj.width()/2);
	$("#subNav").css({"display":"block"});
	$("#subNav").animate({ marginLeft: newPos, opacity:1.0},500,"easeOutExpo");
	$("#subMask").animate({ height:$("#sub02").height()},500,"easeOutExpo");
}
function subNav(obj, sec){
	if (obj != null){
		submenu(sec);
		moveSubmenu(obj);
		$("#subBloc").css({'display' : 'block'});
	} else {
		$("#subNav").animate({ opacity:0.0},500,"easeOutExpo", function(){$("#subNav").css({"display":"none"});});
		$("#subBloc").css({'display' : 'none'});
	}
}
function logosSwitch() {
    var $active = $('#logosSlideshow IMG.active');
    if ( $active.length == 0 ) $active = $('#logosSlideshow IMG:last');

    var $next =  $active.next().length ? $active.next()
        : $('#logosSlideshow IMG:first');
    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 800, function() {
            $active.removeClass('active last-active');
        });
}

function activateLogosBanner(){
	$(function() {
   		setInterval( "logosSwitch()", 8000 );
	});
}

function getUrlVars(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++){
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}