$(function() { var r = ''; //continut dialog var selRoom = ''; var content = {"#tabs-1": '

- Double room
- Own bathroom
- TV
- Wireless Internet free of charge
- 1st floor


', "#tabs-2": '

- Double room
- Own bathroom
- TV
- Wireless Internet free of charge
- 1st floor


', "#tabs-3": '

- Double room
- Own bathroom
- TV
- Wireless Internet free of charge
- 1st floor


', "#tabs-4": '

- Suite
- Own bathroom
- TV
- Wireless Internet free of charge
- Access to terrace - 1st floor


', "#tabs-5": '

- Double room
- Own bathroom
- TV
- Wireless Internet free of charge
- Access to terrace - 1st floor


', "#tabs-6": '

- Double room
- Own bathroom
- TV
- Wireless Internet free of charge
- Balcony- 1st floor

', "#tabs-7": '

- Double room (twin beds)
- Own bathroom
- TV
- Wireless Internet free of charge
- Balcony- 1st floor

', "#tabs-8": '

- Double room (twin beds)
- Own bathroom
- TV
- Wireless Internet free of charge
- Ground floor

'}; $("#veziCamere").click(function() { /////pun in primul tab $("#tabs-1").html('

- Double room
- Own bathroom
- TV
- Wireless Internet free of charge
- 1st floor


'); //instanta tabs jquery var tab = $("#tabs").tabs().tabs( 'select' , 0 ).modal( { containerCss: {height: 600,width: 800,backgroundColor: '#fff',border: '3px solid #ccc'} }); //cand dam click pe unul din linurile din tab $("#tabs a").each(function() { //pentru fiecare $(this).click(function() { selRoom = $(this).attr("href"); $($(this).attr("href"),$("#tabs")).html(content[$(this).attr("href")]); $("div","#tabs").each(function() { var d= $(this); $("button",d).click(function() { var defaults = { buttons: { Ok: function() { var toSend = new Array(); var i=0; var toPostValues = { nume: $("#nume",r).val(), mail: $("#mail",r).val(), tel: $("#tel",r).val(), dela: $("#dela",r).val(), panala: $("#panala",r).val(), persoane: $("#persoane",r).val(), camere: $("#camere",r).val(), micdejun: $("#micdejun",r).val(), pranz: $("#pranz",r).val(), cina: $("#cina",r).val(), sosire: $("#sosire",r).val(), transport: $('input:radio[name=transport]:checked',r).val(), asteptareLaGara: $('input:radio[name=asteptareLaGara]:checked',r).val(), detalii: $("#detalii",r).val() }; toPostValues = $.extend({},{cat : "REZERVARE"},toPostValues) $.ajax( { async: false, url: "search.php", type: "POST", data: toPostValues, dataType: "text", success: function(msg) { } }).responseText; $(this).dialog('close'); window.location.reload(); } , Cancel: function() { $(this).dialog('close'); window.location.reload(); } }, close: function(){r.replaceWith("");}, content: '
', title: 'Room reservation', bgiframe: true, autoOpen: true, modal: true, //height: 600, width: 800 }; $.modal.close(); r = $("body").append('

Contact information
Name
Email
Phone number

Details
Checkin
Checkout
Number of people
Rooms
Meals   

Arrival
Date and time
Transportation    
Should we pick you up from the train station?   
Other details
'); r = $("#rezervaDialogContainer","body").dialog(defaults); $("#camere",r).val($('a[href='+ selRoom +']',"#tabs").text()); $("#divAsteptare",r).hide(); $("#dela","#rezervaDialogContainer").datepicker().click(function(){$("#ui-datepicker-div").css("z-index","1100")}); $("#panala","#rezervaDialogContainer").datepicker().click(function(){$("#ui-datepicker-div").css("z-index","1100")}); $("[name=transport]",r).click(function() { if($(this).attr("value")=="Train") $("#divAsteptare",r).show(); else $("#divAsteptare",r).hide(); }); }) }); }) }); //////////////////////// }); $("#rezervare").click(function() { var defaults = { buttons: { Ok: function() { var toSend = new Array(); var i=0; var toPostValues = { nume: $("#nume",r).val(), mail: $("#mail",r).val(), tel: $("#tel",r).val(), dela: $("#dela",r).val(), panala: $("#panala",r).val(), persoane: $("#persoane",r).val(), camere: $("#camere",r).val(), micdejun: $("#micdejun",r).val(), pranz: $("#pranz",r).val(), cina: $("#cina",r).val(), sosire: $("#sosire",r).val(), transport: $('input:radio[name=transport]:checked',r).val(), asteptareLaGara: $('input:radio[name=asteptareLaGara]:checked',r).val(), detalii: $("#detalii",r).val() }; toPostValues = $.extend({},{cat : "REZERVARE"},toPostValues) $.ajax( { async: false, url: "search.php", type: "POST", data: toPostValues, dataType: "text", success: function(msg) { } }).responseText; $(this).dialog('close'); //window.location.reload(); } , Cancel: function() { $(this).dialog('close'); //window.location.reload(); } }, close: function(){r.replaceWith("");}, content: '
', title: 'Room reservation', bgiframe: true, autoOpen: true, modal: true, //height: 600, width: 800 }; $.modal.close(); r = $("body").append('

Contact information
Name
Email
Phone number

Details
Checkin
Checkout
Number of people
Rooms
Meals   

Arrival
Date and time
Transportation    
Should we pick you up from the train station?   
Other details
'); r = $("#rezervaDialogContainer","body").dialog(defaults); $("#camere",r).val($('a[href='+ selRoom +']',"#tabs").text()); $("#divAsteptare",r).hide(); $("#dela","#rezervaDialogContainer").datepicker().click(function(){$("#ui-datepicker-div").css("z-index","1100")}); $("#panala","#rezervaDialogContainer").datepicker().click(function(){$("#ui-datepicker-div").css("z-index","1100")}); $("[name=transport]",r).click(function() { if($(this).attr("value")=="Train") $("#divAsteptare",r).show(); else $("#divAsteptare",r).hide(); }); }) });