$(document).ready(function(){

    var objCss = new Array()
    var jump = 100;
    var time = 400;
    var min = 0;
    var max = parseInt($('#hostels').width());
    var zIndex = 1000;
    $('.hostel').hover(function(){
        $(this).find('.hostel_menu').fadeIn(300);
        $(this).find('.hostel_reservation a').fadeIn(300);
        if ( objCss[$(this).attr('id')] === undefined ){
            objCss[$(this).attr('id')] = new Array();
            objCss[$(this).attr('id')]['width'] = $(this).width();
            objCss[$(this).attr('id')]['left'] = $(this).css('left');
        }
        $(this).css('zIndex',zIndex++);

        var left=parseInt(objCss[$(this).attr('id')]['left']);
        if (left-jump<min) left = min;
        else if ((left-jump+404)>max) left = max - 404  ;
        else left -= jump;
        $(this).stop().animate({
            'width':'404px',
            'left':left.toString()+'px'
        },time);
    },function(){
        $(this).find('.hostel_reservation a').fadeOut(300);
        $(this).find('.hostel_menu').fadeOut(300);
        $(this).stop().animate(
        {
            'width':objCss[$(this).attr('id')]['width'],
            'left':objCss[$(this).attr('id')]['left']
        },time,function(){
            $(this).css('zIndex',1);
        });
    });

    $('.global_reservation').live('click',function(){
        $("#reservetion_in iframe").attr('src',$(this).attr('href'));
        $("#reservetion_out").show();
        $("#reservetion_in").show();
        return false;
    });
    $('#reservetion_out, #reservetion_in:not(iframe)').live('click',function(){
        $("#reservetion_out").hide();
        $("#reservetion_in").hide();
        return false;
    });
});