jQuery(document).ready(function() {
    var t;
    var selectHasFocus;
    jQuery("#nav-link1").mouseover(function(){
        jQuery("#bubble2").css("visibility","hidden");
        jQuery("#bubble3").css("visibility","hidden");
        jQuery("#bubble1").css("visibility","visible");
        clearTimeout(t);
      
    }).mouseout(function(){
        t = setTimeout(function() { jQuery("#bubble1").css("visibility","hidden") }, 200); 
    });
    
    jQuery("#nav-link2").mouseover(function(){
        jQuery("#bubble1").css("visibility","hidden");
        jQuery("#bubble3").css("visibility","hidden");
        jQuery("#bubble2").css("visibility","visible");
        clearTimeout(t);
      
    }).mouseout(function(){
        t = setTimeout(function() { jQuery("#bubble2").css("visibility","hidden") }, 200); 
    });
    
    jQuery("#nav-link3").mouseover(function(){
        jQuery("#bubble1").css("visibility","hidden");
        jQuery("#bubble2").css("visibility","hidden");
        jQuery("#bubble3").css("visibility","visible");
        clearTimeout(t);
      
    }).mouseout(function(){
        t = setTimeout(function() { jQuery("#bubble3").css("visibility","hidden") }, 200); 
    });
       
    jQuery("#bubble1, #bubble2, #bubble3").hover(
    	function () {
        	if (isReal()) { clearTimeout(t); }
      	},
      	function () {
            if (isReal()) { t = setTimeout(function() { jQuery("#bubble1, #bubble2, #bubble3").css("visibility","hidden") }, 200); }
    	}
    );
    
    var isReal = function () {
        var evt = window.event;
        if (!evt) {
            return true;
        }
    
        var el;
        if (evt.type === "mouseout") {
            el = evt.toElement;
        } else if (evt.type === "mouseover") {
            el = evt.fromElement;
        }
        if (!el) {
            return false;
        }
        while (el) {
            if (el === evt.srcElement) {
                    return false;
            }
            el = el.parentNode;
        }
        return true;
    };
    
        
    jQuery(".ui-datepicker-month, .ui-datepicker-year").live("mouseout", function () {
		jQuery(this).mouseout(function (event) {
			event.stopPropagation();
		});
  	});
    
    jQuery(".datepicker").datepicker({
        "changeYear": true,
        "changeMonth": true
    });

   	var mainimage = $('#inner-mainimage');
    
    jQuery('#frames').find('a').bind("click", function(e) {
    	var frame = e.currentTarget.id;   
    	if (jQuery('#img-inner-mainimage').width() > $('#img-inner-mainimage').height()) {
    		switch (frame) {
	    		case 'frame1': mainimage.css('background', 'url(/mas_assets/images/frame1.gif) no-repeat -20px -10px'); break;
	    		case 'frame2': mainimage.css('background', 'url(/mas_assets/images/frame2.gif) no-repeat -30px -10px'); break;
	    		case 'frame3': mainimage.css('background', 'url(/mas_assets/images/frame3.gif) no-repeat -20px -10px'); break;
	    		case 'frame4': mainimage.css('background', 'url(/mas_assets/images/frame4.gif) no-repeat -20px -10px'); break;
	    		case 'frame5': mainimage.css('background', 'url(/mas_assets/images/frame5.gif) no-repeat 16px 45px'); break;
	    		case 'frame6': mainimage.css('background', 'url(/mas_assets/images/frame6.gif) no-repeat -20px -10px'); break;
	    	}
		}
		else {
	    	switch (frame) {
	    		case 'frame1': mainimage.css('background', 'url(/mas_assets/images/frame1-portrait.gif) no-repeat 45px -10px'); break;
	    		case 'frame2': mainimage.css('background', 'url(/mas_assets/images/frame2-portrait.gif) no-repeat 45px 0px'); break;
	    		case 'frame3': mainimage.css('background', 'url(/mas_assets/images/frame3-portrait.gif) no-repeat 45px -10px'); break;
	    		case 'frame4': mainimage.css('background', 'url(/mas_assets/images/frame4-portrait.gif) no-repeat 45px -10px'); break;
	    		case 'frame5': mainimage.css('background', 'url(/mas_assets/images/frame5-portrait.gif) no-repeat 90px 35px'); break;
	    		case 'frame6': mainimage.css('background', 'url(/mas_assets/images/frame6-portrait.gif) no-repeat 45px -10px'); break;
			}
    	}
    });   
});