window.addEvent('domready', function()
{
   var apple      =  $("apple");
   var android    = $("android");
   var black      = $("black")
   var device     = $("device-info");
     
     if (apple) {
      apple.addEvent('click',function()
      {
           if (!apple.hasClass('appleactive')) {  
                android.removeClass("androidactive");
                black.removeClass("blackactive");
                device.set('class', '');
                apple.addClass('appleactive');
                device.addClass('info-wrapper');               
            }
      });
     }
      
      if(android) {
      
      android.addEvent('click',function() {
  
       if (!android.hasClass('androidactive')) {    
           apple.removeClass("appleactive");
           black.removeClass("blackactive");
           device.set('class', '');
            
         
               android.addClass('androidactive');  
               device.addClass('info-wrapper-android');
         }
        });
      }
        
         if(black) {
        
        black.addEvent('click',function() {
            
           if (!black.hasClass('blackactive')) {   
            android.removeClass("androidactive");
            apple.removeClass("appleactive");
            device.set('class', '');
            
        
               black.addClass('blackactive');
               device.addClass('info-wrapper-black');               
            }
        });
         }
});