* added JS to add select-class in medium-button
[opensuse:software-o-o.git] / app / views / main / download.erb
1 var mymedium = "<%= @medium %>";
2
3 var mylink = '';
4 var myiso = '';
5 var directory = "<%= @directory %>";
6 var isos = new Array();
7 <% @isos.each { |key, value| %>
8   <%= "isos['#{key}'] = '#{value}';" %>
9 <% } %>
10
11 function changeiso () {
12   mylink = mymedium;
13   var arch_suffix = "-64";
14   if ($('#i686').attr('checked')) {
15     arch_suffix = "-32";
16   }
17   myiso = directory + "/iso/openSUSE-" + isos[mylink + arch_suffix] + ".iso";
18   mylink = myiso;
19   var download_suffix = '';
20   if ($('#p_torrent').attr('checked')) {
21     download_suffix = ".torrent";
22   }
23   if ($('#p_metalink').attr('checked')) {
24     download_suffix = ".metalink";
25   }
26   if ($('#p_mirror').attr('checked')) {
27     download_suffix = "?mirrorlist";
28   }
29   $('#sig_gpg').attr("href", myiso + ".asc");
30   $('#sig_md5').attr("href", myiso + ".md5");
31   $('#sig_sha1').attr("href", myiso + ".sha1");
32   mylink += download_suffix;
33
34   var langiso = directory + "/iso/openSUSE-" + isos['lang' + arch_suffix] + ".iso";
35   $('#md5_lang').attr('href', langiso + ".md5");
36   $('#sha1_lang').attr('href', langiso + ".sha1");
37   $('#gpg_lang').attr('href', langiso + ".asc");
38   $('#iso_lang').attr('href', langiso + download_suffix);
39   $('#iso_nonoss').attr('href', directory + "/iso/openSUSE-" + isos['nonoss'] + ".iso" + download_suffix);
40
41   $('#icon_' + mymedium).addClass('icon_selected').removeClass('icon_unselected').parent('div').addClass("medium_selected").removeClass('medium_unselected');
42   // $('#icon_' + mymedium).addClass('icon_selected').removeClass('icon_unselected');
43
44   $('#download_button').html( $('#download_' + mymedium).html());
45
46   if (mymedium == 'net') {
47      $('#l_torrent').addClass('notavailable');
48      $('#p_torrent').attr('disabled', 'disabled');
49      if ($('#p_torrent').attr('checked')) {
50         $('#p_torrent').attr('checked', '');
51         $('#p_http').attr('checked', 'checked');
52      }
53   } else {
54      $('#l_torrent').removeClass('notavailable');
55      $('#p_torrent').attr('disabled', '');
56   }
57 }
58
59
60 function unselectOld() {
61   // $('#icon_' + mymedium).removeClass('icon_selected').addClass('icon_unselected');
62   $('#icon_' + mymedium).removeClass('icon_selected').addClass('icon_unselected').parent('div').addClass("medium_unselected").removeClass('medium_selected');
63 }
64
65 function resizeBoxes() {
66   var curmax = $('#ci_gnome').height();
67   curmax = Math.max(curmax, $('#ci_kde').height());
68   curmax = Math.max(curmax, $('#ci_net').height());
69   curmax = Math.max(curmax, $('#ci_dvd').height());
70   var curwidth = $('#ci_gnome').width();
71   $('#ci_gnome').height(curmax).width(curwidth);
72   $('#ci_kde').height(curmax).width(curwidth);
73   $('#ci_net').height(curmax).width(curwidth);
74   $('#ci_dvd').height(curmax).width(curwidth);
75 }
76
77 $(function() {
78     changeiso();
79     $('.helplink').show();
80     $('.script_only').show();
81     $('.noscript').hide();
82
83     $('.changeiso').click(function(){
84                             changeiso();
85                             return true; 
86                           });
87     $('div.changeiso').click(function(){
88                                   unselectOld();
89                                   mymedium = this.id.substr(3);
90                                   changeiso();
91                                   return false; 
92                                 });
93     $('button.changeiso').click(function(){
94                                   unselectOld();
95                                   mymedium = this.id.substr(3);
96                                   changeiso();
97                                   return false; 
98                                 });
99     $('#download_button').click(function() {
100                            window.location = mylink;
101                            return false;
102                          });
103     $("#help_arch").click(function(){
104                             $('#popup_content').html($('#help_arch_content').html());
105                             $("#popup").fadeIn('fast');  // Other effects can be used to show the Tooltip
106                           });
107     $("#help_method").click(function(){
108                             $('#popup_content').html($('#help_method_content').html());
109                             $("#popup").fadeIn('fast');  // Other effects can be used to show the Tooltip
110                           });
111     $('#popup_close').click(function() {
112                          $("#popup").fadeOut('fast');
113                          return false;
114                           });
115     var resizeTimer = null;
116     
117     $(window).bind('resize', function() {
118                      if (resizeTimer) clearTimeout(resizeTimer);
119                      resizeTimer = setTimeout(resizeBoxes, 100);
120                    });
121
122     resizeBoxes();
123
124   });